@charset "UTF-8";
:root{color-scheme:light;--ink:#2d243a;--muted:#776b87;--purple:#7952bf;--purple-dark:#55358d;--lilac:#eee6ff;--pink:#ec8bc0;--paper:#fff;--line:#eee7f6;--background:#f7f3ff}
*{box-sizing:border-box}body{margin:0;background:var(--background);color:var(--ink);font:16px/1.65 -apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif}button,input{font:inherit}button,a,input,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default;opacity:.45}a{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #b183e9;outline-offset:4px}button{transition:background .18s,transform .18s}button:not(:disabled):active{transform:scale(.97)}.ambient{position:fixed;z-index:-1;border-radius:50%;filter:blur(80px);pointer-events:none}.ambient-one{width:450px;height:400px;background:#ebd9ff;top:-210px;left:-100px}.ambient-two{width:300px;height:300px;background:#f7d9ee;right:-100px;top:480px}.shell{max-width:1240px;padding:0 36px;margin:auto}.topbar{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:30px 0 26px}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;font-weight:850;letter-spacing:.04em}.brand-star{display:grid;place-items:center;background:var(--ink);color:#efbbe3;width:44px;height:44px;border-radius:15px;font-size:30px;transform:rotate(-7deg)}.brand small{display:block;font-size:10px;letter-spacing:.18em;color:var(--muted);line-height:1.7}.today-badge{display:flex;align-items:center;gap:9px;font-size:14px;background:#fff9;border:1px solid #fff;padding:8px 15px;border-radius:30px;color:#685577}.today-badge>span{font-size:20px;color:var(--purple)}.welcome{position:relative;display:grid;grid-template-columns:1.2fr 1fr 210px;align-items:center;gap:12px;min-height:282px;border-radius:28px;padding:30px 32px;background:linear-gradient(118deg,#352740,#443054 57%,#302039);color:white;overflow:hidden;box-shadow:0 12px 28px #482b6710}.eyebrow{font-size:12px;font-weight:700;letter-spacing:.12em;color:#c7afd9}.welcome h1{font-size:36px;line-height:1.45;margin:10px 0 10px;letter-spacing:.03em;font-weight:850}.pink{color:#f3a9d4}.welcome-copy p{font-size:14px;color:#ddd0e9;max-width:350px;margin:0 0 18px}.welcome-tags{display:flex;flex-wrap:wrap;gap:8px}.welcome-tags span{font-size:12px;border:1px solid #ffffff29;background:#ffffff09;border-radius:7px;padding:3px 8px}.mascot-wrap{position:relative;text-align:center;align-self:stretch;display:flex;justify-content:center;align-items:center;min-width:0}.mascot{width:270px;height:270px;max-width:115%;object-fit:contain;filter:drop-shadow(0 8px 9px #1d152744);transform:rotate(-5deg)}.mascot-spark{position:absolute;font-size:24px;color:#f6b9de}.s1{top:18px;right:5px;transform:rotate(10deg)}.s2{bottom:40px;left:0;transform:rotate(-15deg)}.mascot-label{position:absolute;bottom:3px;font-size:12px;background:#fbebff;color:#614578;padding:3px 13px;border-radius:20px;transform:rotate(-4deg)}.countdown-card{background:#ffffff0d;border:1px solid #ffffff24;border-radius:22px;padding:20px;text-align:center;align-self:center}.countdown-label{font-size:14px;color:#e1d5ee}.countdown{display:flex;align-items:baseline;justify-content:center;gap:8px;line-height:1.2;margin:10px 0}.countdown strong{font-size:70px;letter-spacing:-.04em;font-weight:800;color:#f8c2e6;font-variant-numeric:tabular-nums}.countdown>span{font-size:16px;color:#e0cfea}.exam-date{font-size:14px;color:#f0e6f8}.countdown-line{height:1px;background:#ffffff1c;margin:16px 0 10px}.tiny{font-size:12px;color:var(--muted)}.countdown-card .tiny{color:#c4add5;font-size:12px}.summary-strip{display:grid;grid-template-columns:1.1fr 1fr 130px;gap:28px;align-items:center;background:white;border:1px solid var(--line);border-radius:20px;padding:20px 25px;margin:24px 0}.summary-title{display:flex;align-items:center;gap:13px}.summary-symbol{font-size:28px;background:var(--lilac);width:46px;height:46px;border-radius:15px;text-align:center;color:var(--purple)}.summary-title strong{font-size:16px}.summary-title span:not(.summary-symbol){display:block;font-size:12px;color:var(--muted);margin-top:2px}.meter-label{display:flex;justify-content:space-between;font-size:12px;margin-bottom:8px;color:var(--muted)}.meter-label strong{color:var(--purple)}progress{display:block;width:100%;height:8px;border:0;border-radius:100px;overflow:hidden;background:#efe8f7;appearance:none}progress::-webkit-progress-bar{background:#efe8f7;border-radius:100px}progress::-webkit-progress-value{background:linear-gradient(90deg,#aa7bdd,#8055c0);border-radius:100px;transition:width .3s}progress::-moz-progress-bar{background:#9468cc;border-radius:100px}.summary-stat{border-left:1px solid var(--line);padding-left:25px;text-align:center}.summary-stat strong{font-size:26px;font-weight:800;color:var(--purple);line-height:1.3}.summary-stat span{display:block;font-size:12px;color:var(--muted)}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 350px;gap:24px;align-items:start}.planner,.calendar-panel,.roadmap-panel,.book-panel{background:var(--paper);border:1px solid var(--line);border-radius:24px;box-shadow:0 5px 20px #55358d03}.planner{padding:26px}.panel-heading{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:20px}.panel-heading h2,h2{font-size:19px;font-weight:800;margin:0}.panel-heading h2>span{color:#b397d4;margin-left:6px}.eyebrow.dark{color:#ab95be;font-size:10px;letter-spacing:.16em}.soft-button{border:1px solid #e8ddf8;background:#f8f4ff;color:var(--purple);border-radius:10px;padding:7px 12px;font-size:13px;white-space:nowrap}.soft-button:hover{background:#eee3ff}.day-navigation{display:flex;align-items:center;gap:12px;flex-wrap:wrap;background:#f9f6fd;border:1px solid var(--line);border-radius:14px;padding:12px}.icon-button{display:grid;place-items:center;flex:none;background:white;border:1px solid #eadff6;color:var(--purple);font-size:24px;border-radius:9px;width:32px;height:32px;line-height:1}.icon-button:hover{background:var(--lilac)}.selected-date{flex:1;min-width:125px}.selected-date strong{display:block;font-size:16px;line-height:1.5}.selected-date span{font-size:12px;color:var(--muted)}.date-picker-label{display:flex;gap:6px;align-items:center;font-size:12px;color:var(--muted);width:100%;border-top:1px dashed #e9dff3;padding-top:8px;justify-content:flex-end}.date-picker-label input{min-width:0;font-size:13px;color:#655376;background:transparent;border:0;max-width:160px;padding:3px}.day-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:18px;font-size:13px;color:var(--muted)}.phase-badge{color:var(--purple);background:#f1e9fc;border-radius:6px;padding:3px 8px;font-size:12px;font-weight:650}.day-note{font-size:13px;color:var(--muted);margin:12px 0 18px;line-height:1.8}.day-progress{display:flex;align-items:center;gap:10px;font-size:12px;color:var(--muted);margin-bottom:18px}.day-progress>span{white-space:nowrap}.day-progress progress{height:6px}.day-progress>span:last-child{color:var(--purple);font-weight:700}.tasks{display:flex;flex-direction:column;gap:12px}.task{position:relative;display:grid;grid-template-columns:24px 40px minmax(0,1fr) auto;align-items:start;gap:12px;border:1px solid var(--line);background:#fff;border-radius:15px;padding:17px 15px;transition:background .2s,border-color .2s}.task:has(input:focus-visible){outline:3px solid #b183e9;outline-offset:2px}.task.completed{background:#faf7fe;border-color:#e0d1f0}.task-check{width:23px;height:23px;margin:9px 0 0;accent-color:var(--purple);cursor:pointer}.task-icon{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:#f0e8ff;color:#8a5bc8;font-size:19px;font-weight:750}.task[data-category=listening] .task-icon{background:#fdeaf4;color:#c1699f}.task[data-category=reading] .task-icon{background:#eaf0ff;color:#6886bb}.task[data-category=writing] .task-icon,.task[data-category=translation] .task-icon{background:#fff1e5;color:#ba875d}.task[data-category=review] .task-icon{background:#f0edf6;color:#8b789e}.task-content{min-width:0}.task-content label{display:block;cursor:pointer;font-size:15px;font-weight:750;line-height:1.7;padding-top:6px}.task.completed label{color:#8d7c9d;text-decoration:line-through;text-decoration-color:#c5afd9}.task-content details{margin-top:5px}.task-content summary{display:inline-block;font-size:12px;color:#9485a3;cursor:pointer;list-style:none}.task-content summary::-webkit-details-marker{display:none}.task-content summary::after{content:' ＋';color:#a087ba}.task-content details[open] summary::after{content:' −'}.task-content details p{margin:7px 0 0;font-size:13px;color:var(--muted);line-height:1.9}.word-pages{font-size:12px;color:var(--purple);margin:4px 0 0}.task-time{font-size:12px;white-space:nowrap;border-radius:6px;background:#f8f5fc;padding:3px 6px;color:#94809f;margin-top:6px}.task.completed .task-time{background:#eee5f7;color:#9578b0}.save-status{display:flex;justify-content:center;align-items:center;gap:6px;font-size:12px;color:#8d7d9c;margin:20px 0 0}.save-status::before{content:'✓';color:#9c79c2}.save-status.error{color:#bc456d}.save-status.error::before{content:'!'}.side-stack{display:flex;flex-direction:column;gap:18px}.calendar-panel{padding:23px}.compact{margin-bottom:19px}.compact h2{font-size:16px}.calendar-switch{display:flex;align-items:center;gap:8px;font-size:13px}.icon-button.small{width:25px;height:25px;border:0;background:transparent;font-size:21px}.weekdays,.calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;text-align:center}.weekdays{font-size:12px;color:#a090ae;margin-bottom:9px}.calendar-grid button{position:relative;width:100%;aspect-ratio:1;border:1px solid transparent;border-radius:10px;background:transparent;color:#5f526c;font-size:13px;display:grid;place-items:center;padding:0}.calendar-grid button:hover{background:#f0e7fc}.calendar-grid button:disabled{opacity:.28}.calendar-grid .selected{background:var(--purple)!important;color:white!important;box-shadow:0 3px 8px #7952bf33}.calendar-grid .rest{color:#b79acb;background:#faf6fd}.calendar-grid .finished{background:#eee4fb;color:var(--purple);font-weight:700}.calendar-grid .partial::after{content:'';width:4px;height:4px;background:#ab80d2;border-radius:50%;position:absolute;bottom:3px}.calendar-grid .is-today{border-color:#e79fc8}.calendar-grid .exam{background:#fde8f3;color:#a75389;font-weight:750}.calendar-grid .exam::after{content:'考';position:absolute;right:0;top:-3px;font-size:9px}.calendar-legend{display:flex;gap:12px;flex-wrap:wrap;font-size:11px;color:#9a89a8;margin-top:18px;padding-top:13px;border-top:1px solid var(--line)}.calendar-legend span{display:flex;align-items:center;gap:4px}.calendar-legend i{width:7px;height:7px;border-radius:3px;display:block}.legend-done{background:#c7a7ec}.legend-rest{background:#f0e8f6;border:1px solid #d9c8e7}.legend-selected{background:var(--purple)}.roadmap-panel{padding:23px}.roadmap-panel h2{font-size:16px;margin-bottom:20px}.roadmap-panel h2>span{color:var(--pink);float:right}.phase-item{display:grid;grid-template-columns:28px 1fr;gap:11px;position:relative;padding-bottom:21px}.phase-item:not(:last-child)::before{position:absolute;content:'';left:13px;top:30px;bottom:4px;width:1px;background:#e8def3}.phase-item:last-child{padding-bottom:0}.phase-number{display:grid;place-items:center;width:28px;height:28px;border-radius:10px;background:#f2edf8;color:#b29ac6;font-size:12px}.phase-item.active .phase-number{color:white;background:var(--purple);box-shadow:0 3px 6px #7952bf20}.phase-item strong{font-size:14px;font-weight:750;display:block;line-height:1.5}.phase-item.active strong{color:var(--purple)}.phase-item time{font-size:11px;color:#a28daf;display:block;margin-top:3px}.phase-item p{font-size:12px;margin:6px 0 0;color:var(--muted);line-height:1.7}.book-panel{padding:19px 23px;background:#fdfaff}.book-panel summary{font-size:14px;font-weight:700;list-style:none;cursor:pointer}.book-panel summary::-webkit-details-marker{display:none}.book-panel summary>span{float:right;color:#b39ac9}.book-panel p{font-size:12px;color:var(--muted);margin:10px 0}.book-panel form>label{font-size:12px;color:var(--muted)}.book-input-row{display:flex;gap:8px;margin-top:5px}.book-input-row input{min-width:0;width:100%;border:1px solid #dfd0ef;background:#fff;border-radius:8px;padding:6px 10px;font-size:14px}.primary-button{background:var(--purple);color:white;border:0;border-radius:8px;font-size:13px;padding:7px 14px;white-space:nowrap}footer{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;font-size:11px;color:#aa96b8;padding:29px 4px 35px}footer a{text-underline-offset:3px}.toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);padding:11px 20px;max-width:calc(100% - 32px);border-radius:12px;background:var(--ink);color:white;box-shadow:0 8px 25px #392a5330;font-size:14px;z-index:5}.toast[hidden]{display:none}.loading,.empty-card{text-align:center;color:var(--muted);padding:30px 16px;font-size:14px;border-radius:16px;background:#faf7fe}.empty-card .empty-heart{display:block;color:var(--pink);font-size:42px;margin-bottom:8px}.empty-card strong{display:block;font-size:18px;color:var(--ink)}.empty-card p{font-size:13px;margin:10px 0 0}.empty-card button{margin-top:14px}.error-card{border:1px solid #f2ccd9;background:#fff6f9;color:#a94d6d}
@media(min-width:1400px){.shell{padding:0 25px}.welcome{min-height:310px}.mascot{width:290px;height:290px}}
@media(max-width:1000px){.shell{padding:0 24px}.welcome{grid-template-columns:1.2fr .9fr 165px;padding:25px;gap:3px}.welcome h1{font-size:29px}.mascot{width:220px;height:220px}.countdown-card{padding:16px 10px}.countdown strong{font-size:58px}.workspace{grid-template-columns:minmax(0,1fr) 300px;gap:18px}.planner{padding:21px}.calendar-panel,.roadmap-panel{padding:20px}.summary-strip{grid-template-columns:1fr 1fr 110px;gap:16px;padding:18px}.task{grid-template-columns:22px 34px minmax(0,1fr) auto;gap:9px;padding:15px 12px}.task-icon{width:34px;height:34px}.task-content label{font-size:14px;padding-top:4px}}
@media(max-width:780px){.workspace{grid-template-columns:1fr}.side-stack{display:grid;grid-template-columns:1fr 1fr;align-items:start}.book-panel{grid-column:1/-1}.welcome{grid-template-columns:1fr 160px;min-height:310px}.welcome-copy{z-index:1}.mascot-wrap{position:absolute;width:195px;height:195px;left:42%;top:55px;opacity:.85}.countdown-card{z-index:1;background:#3a294ada}.welcome h1{font-size:28px}.welcome-copy p{max-width:240px}.summary-strip{gap:14px}.summary-title span:not(.summary-symbol){max-width:210px}.summary-symbol{display:none}}
@media(max-width:560px){.shell{padding:0 16px}.topbar{padding:22px 0 18px;align-items:flex-start;gap:10px}.brand{gap:8px;font-size:14px;letter-spacing:0}.brand-star{width:35px;height:35px;border-radius:11px;font-size:23px}.brand small{font-size:8px;letter-spacing:.12em}.today-badge{padding:5px 8px;font-size:11px;gap:5px;white-space:nowrap}.today-badge>span{display:none}.welcome{display:grid;grid-template-columns:1fr 115px;padding:21px 19px;gap:8px;border-radius:22px;min-height:285px}.welcome h1{font-size:25px;margin-top:8px}.welcome-copy p{font-size:12px;max-width:210px;margin-bottom:13px}.welcome-tags{gap:5px;max-width:195px}.welcome-tags span{font-size:10px;padding:2px 5px}.eyebrow{font-size:10px}.mascot-wrap{width:145px;height:145px;left:auto;right:62px;top:165px;opacity:.9;pointer-events:none}.mascot{width:145px;height:145px}.mascot-label,.mascot-spark{display:none}.countdown-card{padding:15px 8px;align-self:start;margin-top:20px;border-radius:17px}.countdown-label{font-size:11px}.countdown strong{font-size:49px}.countdown>span{font-size:12px}.exam-date{font-size:10px}.countdown-line{margin:12px 0 8px}.countdown-card .tiny{font-size:10px}.summary-strip{margin:18px 0;grid-template-columns:1fr 75px;padding:17px 16px;border-radius:17px;gap:12px}.summary-title strong{font-size:14px}.summary-title span:not(.summary-symbol){font-size:10px;max-width:none}.overall-meter{grid-row:2;grid-column:1/-1}.summary-stat{grid-column:2;grid-row:1;padding-left:12px}.summary-stat strong{font-size:23px}.summary-stat span{font-size:10px}.meter-label{font-size:11px;margin-bottom:6px}.planner{padding:19px 16px;border-radius:21px}.panel-heading{gap:8px}.panel-heading h2{font-size:18px}.soft-button{font-size:12px;padding:6px 9px}.selected-date strong{font-size:15px}.task{padding:14px 11px;gap:9px;grid-template-columns:22px 32px minmax(0,1fr)}.task-icon{width:32px;height:32px;border-radius:10px;font-size:17px}.task-check{margin-top:4px;width:21px;height:21px}.task-content label{padding-top:2px}.task-time{grid-column:3;margin-top:0;justify-self:start;font-size:11px}.task-content details p{font-size:13px}.side-stack{display:flex;gap:18px}.calendar-panel,.roadmap-panel{padding:22px}.calendar-grid{gap:8px}.calendar-grid button{aspect-ratio:1.15;font-size:14px}.calendar-legend{font-size:12px}.day-meta{font-size:12px}.day-note{font-size:13px}.save-status{font-size:11px}footer{font-size:10px;padding:24px 1px;gap:7px}footer>span:first-child{width:100%}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
@media(max-width:780px){.welcome{grid-template-columns:minmax(0,1fr) 120px;gap:10px;padding:20px;min-height:0}.welcome-copy{grid-column:1/-1}.welcome h1{font-size:26px;line-height:1.4}.welcome-copy p{max-width:none;font-size:13px}.welcome-tags{max-width:none}.mascot-wrap{position:relative;left:auto;right:auto;top:auto;width:140px;height:140px;opacity:1;grid-column:1;grid-row:2;justify-self:center}.mascot{width:150px;height:150px}.countdown-card{grid-column:2;grid-row:2;margin-top:0;padding:12px 8px;background:#ffffff0d;align-self:center}.countdown-card .tiny,.countdown-line{display:none}.countdown-label{font-size:12px}.countdown strong{font-size:48px}.exam-date{font-size:11px}}