.x-notices[data-v-f1fdd5fb]{position:fixed;right:var(--notice-right, 16px);bottom:var(--notice-bottom, 16px);z-index:2000;display:flex;flex-direction:column;align-items:flex-end;gap:8px;max-width:min(360px,calc(100vw - 32px));pointer-events:none}.x-notice[data-v-f1fdd5fb]{pointer-events:auto;display:flex;align-items:flex-start;gap:10px;box-sizing:border-box;max-width:100%;padding:10px 12px 10px 14px;border:1px solid var(--x-border, #d9d9d9);border-left-width:4px;border-radius:10px;background:#fff;color:#2b2b2b;font-size:13px;line-height:1.5;box-shadow:0 6px 20px #00000024}.x-notice.success[data-v-f1fdd5fb]{border-left-color:#2e8b57}.x-notice.warn[data-v-f1fdd5fb]{border-left-color:#d9822b}.x-notice.error[data-v-f1fdd5fb]{border-left-color:#b3261e}.x-notice.info[data-v-f1fdd5fb]{border-left-color:var(--accent, #0d9488)}.x-notice-text[data-v-f1fdd5fb]{flex:1;min-width:0;overflow-wrap:anywhere}.x-notice-close[data-v-f1fdd5fb]{flex:none;border:0;background:transparent;color:#777;cursor:pointer;font-size:13px;line-height:1;padding:2px 4px}.x-notice-close[data-v-f1fdd5fb]:hover{color:#222}.x-notice-enter-active[data-v-f1fdd5fb],.x-notice-leave-active[data-v-f1fdd5fb]{transition:opacity .18s ease,transform .18s ease}.x-notice-enter-from[data-v-f1fdd5fb],.x-notice-leave-to[data-v-f1fdd5fb]{opacity:0;transform:translateY(8px)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .x-notice[data-v-f1fdd5fb]{background:#20262b;color:#e8eaec;border-color:#3a424a}}:root[data-theme=dark] .x-notice[data-v-f1fdd5fb]{background:#20262b;color:#e8eaec;border-color:#3a424a}.x-sidebar.collapsed .x-nav .x-flyout-trigger{grid-template-columns:20px;justify-content:center;position:relative}.x-flyout-trigger:after{content:"";position:absolute;right:5px;top:50%;width:5px;height:5px;margin-top:-3px;border-top:1.5px solid var(--x-text-3, #999);border-right:1.5px solid var(--x-text-3, #999);transform:rotate(45deg);opacity:.7}.x-sidebar .x-nav .x-flyout-trigger.is-active{color:var(--x-accent, #10a37f)}.x-sidebar .x-nav .x-flyout-trigger.is-open,.x-sidebar .x-nav .x-flyout-trigger.is-active{background:var(--x-hover, #ececec)}.x-sidebar.x-flyout{position:fixed;z-index:300;flex:none;width:248px;height:auto;display:block;overflow:hidden auto;padding:6px 0 8px;border:1px solid var(--x-border);border-radius:12px;box-shadow:0 10px 30px #00000029;transition:none}.x-flyout-title{padding:8px 16px 4px;color:var(--x-text-3, #888);font-size:12px}.x-flyout .x-nav{overflow:visible;padding:4px 8px}.x-continue small[data-v-688e4b1d]{color:var(--x-text-3, #888);font-weight:400}.x-course-head[data-v-eb7f8a5c]{position:relative;margin:0 0 8px;padding-bottom:8px;border-bottom:1px solid var(--x-line, #e6e6e6)}.x-course-back[data-v-eb7f8a5c]{display:flex;align-items:center;gap:6px;width:100%;padding:8px 10px;border:0;border-radius:7px;background:transparent;color:var(--x-text-2, #555);font-size:13px;cursor:pointer}.x-course-back[data-v-eb7f8a5c]:hover{background:var(--x-hover, #f2f2f2)}.x-course-crumb[data-v-eb7f8a5c]{position:relative;margin:2px 4px 0}.x-crumb-btn[data-v-eb7f8a5c]{display:flex;align-items:center;gap:4px;width:100%;padding:6px 8px;border:0;border-radius:7px;background:transparent;color:var(--x-text-3, #888);font-size:12px;cursor:pointer;text-align:left}.x-crumb-btn[data-v-eb7f8a5c]:hover{background:var(--x-hover, #f2f2f2)}.x-crumb-btn .last[data-v-eb7f8a5c]{color:var(--x-text, #222);font-weight:600}.x-crumb-btn i[data-v-eb7f8a5c]{font-style:normal}.x-crumb-list[data-v-eb7f8a5c]{position:absolute;z-index:20;left:0;right:0;margin:4px 0 0;padding:4px;list-style:none;background:var(--x-surface, #fff);border:1px solid var(--x-line, #ddd);border-radius:8px;box-shadow:0 6px 20px #0000001f}.x-crumb-list button[data-v-eb7f8a5c]{display:flex;align-items:center;gap:8px;width:100%;padding:7px 8px;border:0;border-radius:6px;background:transparent;font-size:13px;text-align:left;cursor:pointer}.x-crumb-list button[data-v-eb7f8a5c]:hover:not(:disabled){background:var(--x-hover, #f2f2f2)}.x-crumb-list button.cur[data-v-eb7f8a5c]{font-weight:600}.x-crumb-list button[data-v-eb7f8a5c]:disabled{opacity:.55;cursor:default}.x-crumb-list small[data-v-eb7f8a5c]{margin-left:auto;font-size:10px;color:var(--x-text-3, #999)}:root{--paper: #F8FAFC;--surface: #FFFFFF;--surface-dim: #F1F5F9;--hairline: #E2E8F0;--ink: #1E293B;--ink-1: #334155;--ink-2: #64748B;--ink-3: #94A3B8;--accent: #0D9488;--accent-ink: #FFF;--accent-soft: #CCFBF1;--accent-ink-soft: #0F766E;--ok: #059669;--ok-soft: #D1FAE5;--err: #E11D48;--err-soft: #FFE4E6;--warn: #D97706;--warn-soft: #FEF3C7;--word-a: #0D9488;--word-a-soft: #F0FDFA;--word-b: #D97706;--word-b-soft: #FFFBEB;--serif: "Noto Serif SC", Georgia, "Times New Roman", serif;--sans: Inter, -apple-system, "PingFang SC", "Noto Sans SC", sans-serif;--mono: "JetBrains Mono", "SF Mono", Menlo, monospace;--shadow: 0 10px 15px -3px rgba(15, 23, 42, .05), 0 4px 6px -4px rgba(15, 23, 42, .04);--shadow-float: 0 20px 40px rgba(15, 23, 42, .14);--blur: saturate(1.4) blur(20px);--radius-card: 22px;--sidebar-w: 220px;--outline-w: 248px;--top-h: 56px;--top-class-h: 124px;--reading-top-class-h: 96px}.settings-shell .app-main{min-width:0;overflow:auto;background:#fff}.x-settings-page{width:min(720px,calc(100% - 48px));margin:0 auto;padding:64px 0 100px}.x-settings-content>header{padding-bottom:24px;border-bottom:1px solid var(--x-border)}.x-settings-content h1{font-size:26px;font-weight:600;letter-spacing:-.02em}.x-settings-content header p,.x-settings-row p,.x-settings-card p{margin-top:6px;color:var(--x-text-3);font-size:13px}.x-settings-card{display:flex;align-items:center;gap:14px;padding:24px 0;border-bottom:1px solid var(--x-border)}.x-settings-profile-avatar{width:48px;height:48px;display:grid;place-items:center;border-radius:50%;background:#d9eee5;color:#176b4a;font-weight:650}.x-settings-list{margin:0}.x-settings-list>div,.x-settings-row{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:68px;padding:16px 0;border-bottom:1px solid var(--x-border)}.x-settings-list dt,.x-settings-row b{color:var(--x-text);font-size:14px;font-weight:500}.x-settings-list dd,.x-settings-status{color:var(--x-text-3);font-size:14px}.x-settings-row select,.x-settings-row input{min-width:140px;padding:8px 10px;border:1px solid var(--x-border);border-radius:8px;background:#fff;color:var(--x-text)}.x-settings-row select{padding-right:30px}.x-settings-edit-row dd{display:flex;align-items:center;gap:8px}.x-settings-edit-row input,.x-settings-password input{width:min(280px,100%);height:38px;padding:7px 10px;border:1px solid var(--x-border);border-radius:8px;background:#fff;color:var(--x-text);font:inherit;font-size:14px}.x-settings-edit-row input:focus,.x-settings-password input:focus{border-color:#8e918f;outline:2px solid rgb(16 163 127 / 15%);outline-offset:1px}.x-settings-save{min-width:72px;height:38px;padding:0 14px;border:1px solid #0d7f61;border-radius:8px;background:#0d7f61;color:#fff;font-size:14px;font-weight:500}.x-settings-save:hover:not(:disabled){background:#096c52}.x-settings-save:disabled{border-color:#d8d9d8;background:#e7e7e7;color:#979997;cursor:not-allowed}.x-settings-password{padding:24px 0;border-bottom:1px solid var(--x-border)}.x-settings-password>div{margin-bottom:18px}.x-settings-password b{font-size:14px;font-weight:500}.x-settings-password>div p{margin-top:6px;color:var(--x-text-3);font-size:13px}.x-settings-password label{display:grid;grid-template-columns:110px minmax(0,280px);align-items:center;gap:12px;margin:12px 0;color:var(--x-text);font-size:14px}.x-settings-password>.x-settings-save{margin-top:8px;margin-left:122px}.x-settings-error{margin:8px 0 0 122px;color:var(--err);font-size:13px}@media(max-width:720px){.settings-shell{display:block;height:auto;min-height:100dvh;overflow:auto}.x-settings-page{width:calc(100% - 36px);padding:32px 0 72px}.x-settings-list>div,.x-settings-row{align-items:flex-start}.x-settings-edit-row{display:block}.x-settings-edit-row dd{margin-top:8px}.x-settings-password label{display:block}.x-settings-password label span{display:block;margin-bottom:5px}.x-settings-password input{width:100%}.x-settings-password>.x-settings-save,.x-settings-error{margin-left:0}}html[data-theme=dark]{--paper: #212121;--surface: #2f2f2f;--surface-dim: #282828;--hairline: #454545;--ink: #ececec;--ink-1: #d1d1d1;--ink-2: #a8a8a8;--ink-3: #858585;--accent-soft: #173f36;--accent-ink-soft: #7fd8bd;--ok-soft: #153b2d;--err-soft: #4a2029;--warn-soft: #49361c;--word-a-soft: #173b36;--word-b-soft: #44351d;--x-bg: #212121;--x-sidebar: #171717;--x-subtle: #2f2f2f;--x-hover: #383838;--x-text: #ececec;--x-text-2: #b4b4b4;--x-text-3: #8f8f8f;--x-border: #454545;--x-accent-soft: #173f36}html[data-theme=dark] body,html[data-theme=dark] #app,html[data-theme=dark] .x-app-shell,html[data-theme=dark] .app-main,html[data-theme=dark] .page,html[data-theme=dark] .settings-shell .app-main,html[data-theme=dark] .lesson-shell #page-class,html[data-theme=dark] .lesson-shell #chatcol,html[data-theme=dark] .lesson-shell .interactive-content-column,html[data-theme=dark] .lesson-shell .interactive-teacher-column,html[data-theme=dark] .lesson-shell .interactive-classroom-scroll,html[data-theme=dark] .lesson-shell .msgs,html[data-theme=dark] .lesson-shell .chatinput{background:var(--x-bg);color:var(--x-text)}html[data-theme=dark] .x-sidebar{background:var(--x-sidebar);border-color:var(--x-border)}html[data-theme=dark] .x-sidebar .x-nav button:not(:disabled),html[data-theme=dark] .x-sidebar .x-nav a,html[data-theme=dark] .x-sidebar .x-nav button:not(:disabled)>span{color:var(--x-text)}html[data-theme=dark] .x-side-back:hover{background:var(--x-hover)}html[data-theme=dark] .sheet,html[data-theme=dark] .x-course-card,html[data-theme=dark] .wcard,html[data-theme=dark] .reading-progress-card,html[data-theme=dark] .reading-choice-workspace,html[data-theme=dark] .reading-choice-content-prototype,html[data-theme=dark] .reading-cloze-prototype,html[data-theme=dark] .reading-completed-workspace,html[data-theme=dark] .reading-choice-article-pane,html[data-theme=dark] .reading-choice-question-pane,html[data-theme=dark] .reading-completed-article-pane,html[data-theme=dark] .reading-completed-review-pane,html[data-theme=dark] .reading-activity-review,html[data-theme=dark] .interactive-choice-question-block,html[data-theme=dark] .statnums .n,html[data-theme=dark] .wempty,html[data-theme=dark] .x-account-menu,html[data-theme=dark] .modal,html[data-theme=dark] .drawer{border-color:var(--x-border)!important;background:var(--surface)!important;color:var(--x-text)!important;box-shadow:none}html[data-theme=dark] .wc-head,html[data-theme=dark] .chathead,html[data-theme=dark] .reading-choice-titlebar,html[data-theme=dark] .reading-choice-splitter,html[data-theme=dark] .reading-completed-splitter,html[data-theme=dark] .interactive-unit-summary-head,html[data-theme=dark] .whead,html[data-theme=dark] .wfoot{border-color:var(--x-border)!important;background:var(--surface-dim)!important;color:var(--x-text)}html[data-theme=dark] input,html[data-theme=dark] textarea,html[data-theme=dark] select,html[data-theme=dark] .x-settings-row select,html[data-theme=dark] .x-settings-row input,html[data-theme=dark] .x-settings-edit-row input,html[data-theme=dark] .x-settings-password input,html[data-theme=dark] .lesson-shell .chatinput input,html[data-theme=dark] .lesson-shell .chatinput textarea{border-color:var(--x-border)!important;background:#2f2f2f!important;color:var(--x-text)!important;caret-color:var(--x-text)}html[data-theme=dark] input::placeholder,html[data-theme=dark] textarea::placeholder{color:#858585}html[data-theme=dark] .btn.ghost,html[data-theme=dark] .interactive-choice-options button,html[data-theme=dark] .interactive-choice-stepper button,html[data-theme=dark] .x-page-mobile-menu{border-color:var(--x-border);background:var(--surface);color:var(--x-text)}html[data-theme=dark] .interactive-choice-options button:hover:not(:disabled),html[data-theme=dark] .btn.ghost:hover:not(:disabled),html[data-theme=dark] .x-account-menu button:hover{background:var(--x-hover)}html[data-theme=dark] .lesson-shell .msg.me{background:#2f2f2f;color:var(--x-text)}html[data-theme=dark] .reading-passage,html[data-theme=dark] .reading-paragraph,html[data-theme=dark] .reading-cloze,html[data-theme=dark] .interactive-choice-question-title,html[data-theme=dark] .wq,html[data-theme=dark] .fam,html[data-theme=dark] h1,html[data-theme=dark] h2,html[data-theme=dark] h3,html[data-theme=dark] strong,html[data-theme=dark] b{color:var(--x-text)}html[data-theme=dark] .muted,html[data-theme=dark] .faint,html[data-theme=dark] .why,html[data-theme=dark] .x-toolbar-description,html[data-theme=dark] .reading-cloze-description{color:var(--x-text-3)!important}html[data-theme=dark] .reading-table th,html[data-theme=dark] .reading-table td,html[data-theme=dark] .wans,html[data-theme=dark] .reading-review-items>li,html[data-theme=dark] .reading-review-options>div{border-color:var(--x-border)!important}html[data-theme=dark] .x-login-page,html[data-theme=dark] .x-login-card{background:var(--x-bg);color:var(--x-text)}@media(prefers-reduced-motion:no-preference){body,.x-sidebar,.app-main,.sheet,input,textarea,select{transition:background-color .18s ease,border-color .18s ease,color .18s ease}}*{box-sizing:border-box;margin:0;padding:0}html{min-width:0}body{-webkit-font-smoothing:antialiased}button{font-family:var(--sans);cursor:pointer;border:none;background:none;font-size:14px;color:var(--ink)}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:6px}.en{font-family:var(--serif)}.hl{color:var(--accent);font-weight:700;text-decoration:underline;text-underline-offset:3px}.muted{color:var(--ink-2)}.faint{color:var(--ink-3)}.app-shell{min-height:100vh}.app-main{min-height:100vh;margin-left:var(--sidebar-w);min-width:0}.app-shell.lesson-shell .app-main{margin-left:0}.btn{border-radius:999px;padding:11px 26px;font-size:15px;font-weight:600;transition:transform .12s ease-out,background .12s}.btn:active{transform:scale(.97)}.btn.pri{background:var(--accent);color:var(--accent-ink)}.btn.pri:hover{background:#0f766e}.btn.ghost{color:var(--ink-2)}.btn.ghost:hover{background:var(--surface-dim);color:var(--ink)}.btn:disabled{opacity:.35;cursor:default;transform:none}.pill{display:inline-block;padding:3px 12px;border-radius:999px;font-size:12px;background:var(--surface-dim);color:var(--ink-2)}.pill.err{background:var(--err-soft);color:var(--err)}.pill.acc{background:var(--accent-soft);color:var(--accent-ink-soft)}.sheet{background:var(--surface);border:1px solid var(--hairline);border-radius:var(--radius-card);box-shadow:var(--shadow)}details.more{margin-top:22px}details.more>summary{list-style:none;cursor:pointer;font-size:13px;color:var(--ink-3);display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px}details.more>summary:hover{background:var(--surface-dim);color:var(--ink-2)}details.more>summary:before{content:"›";transition:transform .15s;display:inline-block;font-size:15px}details.more[open]>summary:before{transform:rotate(90deg)}details.more .body{margin-top:12px;padding:18px 20px;background:var(--surface-dim);border-radius:14px;font-size:14px;line-height:1.7;color:var(--ink-2)}.page{max-width:920px;margin:0 auto;padding:56px 32px 120px}.hello h1{font-size:30px;font-weight:700;letter-spacing:-.2px}.hello p{color:var(--ink-3);margin-top:6px;font-size:14px}.taskmain{margin-top:28px;padding:36px 40px;display:flex;align-items:center;gap:24px}.taskmain .fam{font-family:var(--mono);font-weight:700;font-size:48px;line-height:1.1;letter-spacing:-1px}.taskmain .meta{flex:1}.taskmain .why{color:var(--ink-2);font-size:14px;margin-top:12px}.taskmain .right{text-align:right}#outline{width:var(--outline-w);flex:none;overflow-y:auto;padding:28px 14px 120px;transition:width .2s ease-out,opacity .2s}#stage{flex:1;overflow-y:auto;padding:24px 32px 64px}.step{background:var(--surface);border:1px solid var(--hairline);border-radius:var(--radius-card);box-shadow:var(--shadow);padding:34px 38px}.step h2{font-size:24px;font-weight:700;letter-spacing:-.2px;display:flex;align-items:center;gap:12px}.step h2:before{content:"";width:5px;height:26px;border-radius:999px;background:var(--accent);flex:none}.chapter .ipa{font-family:var(--serif);color:var(--ink-3);font-size:18px;margin-top:14px}.nb{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:26px}.nb .a{background:var(--word-a-soft)}.nb .b{background:var(--word-b-soft)}.nb .w{font-family:var(--mono);font-size:24px;font-weight:700}.nb .a .w{color:var(--word-a)}.nb .b .w{color:var(--word-b)}.nb dt{font-size:11px;color:var(--ink-3);margin-top:14px;letter-spacing:1.5px}.nb dd{font-size:14px;line-height:1.65}.slots{display:flex;gap:8px;margin-top:34px;justify-content:center}.slot{width:46px;height:56px;border-radius:12px;font-family:var(--mono);font-size:24px;text-align:center;line-height:56px;background:var(--surface-dim);border:1px solid var(--hairline)}.slot.given{color:var(--ink-3)}.slot input{width:100%;height:100%;border:none;background:transparent;font:inherit;text-align:center}.slot input:focus{outline:none}.slot:focus-within{box-shadow:0 0 0 2px var(--accent),var(--shadow)}.opts{display:flex;flex-direction:column;gap:10px;margin-top:30px}.opt{border-radius:14px;padding:16px 22px;font-family:var(--serif);font-size:16.5px;text-align:left;background:var(--surface-dim);border:1px solid var(--hairline);transition:transform .12s}.opt:hover{transform:translateY(-1px)}.opt.sel{box-shadow:0 0 0 2px var(--accent) inset,var(--shadow)}.opt.right{background:var(--ok-soft);box-shadow:0 0 0 2px var(--ok) inset}.opt.wrong{background:var(--err-soft);box-shadow:0 0 0 2px var(--err) inset}.opt.dim{opacity:.45}.login{max-width:420px;margin:120px auto;text-align:center}.login input{width:100%;margin-top:24px;border:1px solid var(--hairline);border-radius:14px;padding:14px 18px;font-size:15px;background:var(--surface)}@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.statnums{display:flex;gap:52px;margin:28px 0}.statnums .n b{font-size:36px;font-family:var(--serif);display:block;line-height:1.2}.statnums .n span{font-size:13px;color:var(--ink-3)}.map{display:grid;grid-template-columns:repeat(auto-fill,minmax(106px,1fr));gap:12px}.legend{display:flex;gap:18px;margin:20px 0;font-size:13px;color:var(--ink-2);flex-wrap:wrap}#drawer{position:fixed;top:var(--top-h);right:0;width:480px;bottom:0;background:var(--surface);box-shadow:var(--shadow-float);transform:translate(110%);transition:transform .2s ease-out;z-index:60;overflow-y:auto;padding:32px;border-radius:20px 0 0;overscroll-behavior:contain}#drawer.open{transform:translate(0)}#drawer h3{font-family:var(--mono);font-weight:700;font-size:24px;letter-spacing:0}.wrongstat{display:flex;gap:10px;margin:22px 0 18px;flex-wrap:wrap}.wrongstat .s{font-size:13px;color:var(--ink-2);background:var(--surface-dim);border-radius:999px;padding:5px 14px}.wcard{background:var(--surface);border:1px solid var(--hairline);border-radius:var(--radius-card);box-shadow:var(--shadow);padding:22px 26px;margin-bottom:14px;transition:opacity .3s}.wcard .whead{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.wcard .wq{font-family:var(--serif);font-size:17px;line-height:1.7;margin-top:14px;color:var(--ink)}.wcard .wans{display:flex;gap:22px;margin-top:12px;font-size:14px;flex-wrap:wrap}.wcard .wans .k{color:var(--ink-3);font-size:12px;margin-right:6px}.wcard .wa-wrong{color:var(--err);text-decoration:line-through}.wcard .wa-right{color:var(--ok);font-weight:600}.wcard .wfoot{margin-top:16px;display:flex;align-items:center;gap:12px;font-size:13px;color:var(--ink-3)}.wempty{text-align:center;padding:80px 0;color:var(--ink-3)}.msg{max-width:88%;font-size:14px;line-height:1.6;border-radius:14px;padding:11px 15px;white-space:pre-wrap}.msg.me{background:var(--accent-soft);align-self:flex-end}.msg.review{max-width:100%;width:100%;border:1px solid var(--accent-soft);border-left:4px solid var(--accent);background:var(--surface);box-shadow:var(--shadow);line-height:1.75}.msg.failed{color:#9f1239;background:var(--err-soft)}.msg[aria-busy=true]{color:var(--ink-2)}@keyframes paneIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.tag{display:inline-block;font-size:11px;font-weight:700;padding:2px 9px;border-radius:6px}.wc-body .step,.wc-body .chapter{background:none;border:none;box-shadow:none;padding:0}.course-parallel{margin-top:16px}.course-parallel .fam{font-family:var(--mono);font-size:48px;margin-top:0}.reading-progress-card{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px 28px;margin:4px 0 28px}.reading-progress-card h2{font-size:19px;margin-top:10px}.reading-progress-card p{font-size:13px;color:var(--ink-2);margin-top:7px}.reading-progress-score{display:flex;align-items:center;gap:12px}.reading-progress-score>b{font-family:var(--serif);font-size:30px}.reading-progress-score>span{font-size:12px;color:var(--ink-3)}@keyframes reading-thinking-dot{0%,60%,to{opacity:.25;transform:translateY(0)}30%{opacity:1;transform:translateY(-3px)}}@keyframes reading-stream-cursor{0%,45%{opacity:1}46%,to{opacity:0}}.reading-entry-actions{display:flex;align-items:center;gap:10px}.reading-entry-actions .btn{min-width:96px}:root{--x-bg: #fff;--x-sidebar: #F3F3F3;--x-subtle: #f4f4f4;--x-hover: #ececec;--x-text: #0d0d0d;--x-text-2: #5d5d5d;--x-text-3: #8f8f8f;--x-border: #e5e5e5;--x-accent: #10a37f;--x-accent-hover: #0d8f70;--x-accent-soft: #e7f6f2;--font-ui: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif;--font-reading: Georgia, "Noto Serif SC", "Songti SC", serif}html,body,#app{width:100%;height:100%;overflow:hidden}body{margin:0;background:var(--x-bg);color:var(--x-text);font-family:var(--font-ui);font-size:14px;line-height:1.5}button,input,textarea{font:inherit}.x-app-shell{display:flex;width:100%;background:var(--x-bg)}.x-app-shell .app-main{flex:1;min-width:0;min-height:0;height:100vh;margin-left:0;overflow:auto;background:#fff}.x-sidebar{position:relative;z-index:80;flex:0 0 var(--sidebar-current-width);width:var(--sidebar-current-width);min-width:0;height:100vh;display:flex;flex-direction:column;background:var(--x-sidebar);border-right:1px solid var(--x-border);transition:width .15s ease,flex-basis .15s ease}.x-side-head{height:64px;display:flex;align-items:center;padding:0 14px}.x-logo{width:34px;height:34px;display:grid;place-items:center;border:0;border-radius:8px;background:transparent;color:var(--x-text);font-size:16px;font-weight:750;text-decoration:none;cursor:pointer}.x-logo:hover,.x-icon-button:hover{background:var(--x-hover)}.x-icon-button{width:32px;height:32px;border:0;border-radius:8px;background:transparent;color:var(--x-text-2);cursor:pointer}.x-nav{flex:1;min-height:0;overflow-y:auto;padding:4px 8px 16px}.x-nav-primary,.x-nav-link{width:100%;min-height:42px;display:flex;align-items:center;gap:9px;padding:9px 10px;border:0;border-radius:8px;background:transparent;color:var(--x-text-2);font-size:14px;text-align:left;text-decoration:none;cursor:pointer}.x-nav-primary:hover,.x-nav-link:hover,.x-nav-primary.current{background:var(--x-hover);color:var(--x-text)}.x-nav-primary.current{font-weight:600}.x-sidebar button:disabled{opacity:.45;cursor:not-allowed}.x-account{position:relative;padding:8px;border-top:1px solid var(--x-border)}.x-account-trigger{width:100%;min-height:48px;display:flex;align-items:center;gap:10px;padding:6px;border:0;border-radius:9px;background:transparent;text-align:left;cursor:pointer}.x-account-trigger:hover{background:var(--x-hover)}.x-avatar{flex:none;display:grid;place-items:center;border-radius:50%;font-weight:650}.x-account-copy{min-width:0;display:flex;flex-direction:column}.x-account-copy b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.x-account-copy small{color:var(--x-text-3)}.x-account-menu{position:absolute;right:8px;bottom:62px;left:8px;padding:6px;border:1px solid var(--x-border);border-radius:12px;background:#fff;box-shadow:0 8px 24px #0000001f}.x-account-menu button{width:100%;padding:9px 10px;border:0;border-radius:7px;background:transparent;text-align:left;cursor:pointer}.x-account-menu button:hover{background:var(--x-hover)}.x-account-menu .danger{color:#d64545}.x-sidebar.collapsed .x-nav{padding-inline:8px}.x-sidebar.collapsed .x-nav-primary{padding-inline:0}.x-sidebar.collapsed .x-nav-text,.x-sidebar.collapsed .x-account-copy{display:none}.x-sidebar.collapsed .x-account-trigger{justify-content:center}.x-sidebar.collapsed .x-account-menu{right:auto;left:52px;bottom:8px;width:220px}.x-sidebar-resizer{position:absolute;z-index:2;top:0;right:-5px;width:9px;height:100%;cursor:col-resize}.x-sidebar-resizer:after{position:absolute;top:0;bottom:0;left:4px;width:1px;background:transparent;content:""}.x-sidebar-resizer:hover:after,.x-sidebar-resizer:focus:after{background:var(--x-accent)}.x-app-shell:not(.lesson-shell) .app-main{overflow-y:auto;background:#fff}.x-app-shell:not(.lesson-shell) .page{max-width:1040px;margin:0 auto;padding:48px 44px 100px}.x-page-heading{margin-bottom:28px}.x-page-heading h1{font-size:30px;letter-spacing:-.02em}.x-page-heading p{color:var(--x-text-3)}.sheet,.x-course-card,.wcard,.reading-progress-card{border:1px solid var(--x-border)!important;border-radius:12px!important;background:#fff!important;box-shadow:none!important}.x-course-card{padding:24px!important}.x-course-card:hover{border-color:#cfcfcf!important}.x-course-card .fam{font-family:var(--font-ui)!important;font-size:18px!important;font-weight:600;line-height:1.35;letter-spacing:0}.x-course-card .why{margin-top:6px;color:var(--x-text-2);font-size:13px}.x-course-card .right{gap:10px}.x-course-card .btn{min-width:112px;min-height:42px;padding:9px 18px;font-size:14px;font-weight:500}.btn.pri,.x-primary-button{border:0!important;border-radius:8px!important;background:#0d0d0d!important;color:#fff!important}.btn.pri:hover,.x-primary-button:hover{background:#333!important}.btn:disabled,.x-primary-button:disabled{background:#e6e6e6!important;color:#999!important;cursor:not-allowed}.x-login-page{width:100vw;min-height:100vh;min-height:100dvh;display:grid;place-items:center;padding:24px;background:#fff}.x-login-card{grid-row:1;width:min(100%,390px);display:flex;flex-direction:column;gap:16px;text-align:left}.x-login-brand{display:flex;align-items:center;justify-content:center;gap:10px}.x-login-logo{width:44px;height:44px;display:grid;place-items:center;margin:0;border-radius:12px;background:#0d0d0d;color:#fff;font-size:18px;font-weight:750}.x-login-card h1,.x-login-brand-title{margin:0;color:var(--accent-ink-soft);text-align:center;font-size:28px;letter-spacing:-.03em}.x-login-card>p{margin:-8px 0 12px;color:var(--x-text-3);text-align:center}.x-login-card label{display:flex;flex-direction:column;gap:6px;color:var(--x-text-2);font-size:13px}.x-login-card input{height:48px;padding:0 14px;border:1px solid var(--x-border);border-radius:10px;background:#fff;font-size:15px}.x-login-card input:focus{outline:2px solid var(--x-accent);outline-offset:1px}.x-primary-button{height:48px;font-weight:600}.x-login-card small{color:var(--x-text-3);text-align:center}.x-login-error{margin:0!important;padding:9px 12px;border-radius:8px;background:#fff1f1;color:#d64545!important;text-align:left!important}.x-login-notice{margin:0!important;padding:9px 12px;border-radius:8px;background:#f3f6ff;color:var(--x-text-2)!important;font-size:13px;line-height:1.6;text-align:left!important}.x-login-divider{display:flex;align-items:center;gap:12px;color:var(--x-text-3);font-size:13px}.x-login-divider:before,.x-login-divider:after{content:"";flex:1;height:1px;background:var(--x-border)}.x-oauth-button{height:46px;border:1px solid var(--x-border);border-radius:10px;color:var(--x-text-2);font-size:15px;font-weight:600;cursor:pointer}.x-oauth-button:hover{border-color:var(--x-accent)}.x-oauth-wechat{border-color:#07c160;color:#07c160}.x-oauth-facebook{border-color:#1877f2;color:#1877f2}.x-login-footer{grid-row:2;align-self:end;width:min(100%,390px);padding-top:6px;border-top:1px solid var(--x-border);text-align:center}.x-login-footer small{color:var(--x-text-3);font-size:12px}.x-login-links{display:flex;justify-content:space-evenly;align-items:center;gap:8px;margin-top:8px}.x-login-link{padding:4px 6px;border:0;background:transparent;color:var(--x-text-2);font-size:12px;line-height:1;cursor:pointer;text-decoration:underline;text-underline-offset:2px}.x-login-link:hover{color:var(--x-accent)}.x-login-link:focus-visible{outline:2px solid var(--x-accent);outline-offset:2px;border-radius:4px}.x-policy-modal{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:24px}.x-policy-backdrop{position:absolute;inset:0;border:0;padding:0;background:#0f172a73;cursor:pointer}.x-policy-dialog{position:relative;width:min(100%,640px);max-height:82vh;display:flex;flex-direction:column;border-radius:14px;background:#fff;box-shadow:0 18px 48px #0f172a38;overflow:hidden}.x-policy-dialog-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 28px;border-bottom:1px solid var(--x-border)}.x-policy-dialog-head h2{margin:0;font-size:16px;color:var(--accent-ink-soft)}.x-policy-close{width:32px;height:32px;border:0;border-radius:8px;background:transparent;color:var(--x-text-2);font-size:22px;line-height:1;cursor:pointer}.x-policy-close:hover{background:var(--x-accent-soft, #f1f5f9)}.x-policy-dialog-body{padding:18px 28px;overflow-y:auto}.x-policy-doc{color:var(--x-text-2);font-size:13px;line-height:1.65}.x-policy-doc h2{margin:0 0 4px;font-size:15px;color:var(--accent-ink-soft)}.x-policy-doc h3{margin:18px 0 6px;font-size:13px;color:var(--x-text)}.x-policy-doc p{margin:6px 0}.x-policy-doc p strong{color:var(--x-text)}.x-policy-doc ul{margin:6px 0;padding-left:20px}.x-policy-doc li{margin:3px 0}.x-policy-doc hr{margin:22px 0;border:0;border-top:1px solid var(--x-border)}html[data-theme=dark] .x-policy-dialog{background:var(--x-bg);color:var(--x-text)}.lesson-shell .app-main{overflow:hidden}.lesson-shell .msg{border:0;box-shadow:none}.lesson-shell .msg.me{align-self:flex-end;border-radius:16px;background:var(--x-subtle)}.lesson-shell #page-class.classroom-hidden .interactive-composer-shell,.lesson-shell #page-class.classroom-hidden .chatinput{width:min(100%,840px);margin-inline:auto}@media(max-width:1360px)and (min-width:981px){.x-sidebar.collapsed .x-nav-primary{justify-content:center;padding-inline:0}}@media(max-width:980px){.x-sidebar{--sidebar-current-width: 60px !important}}@media(max-width:720px){.x-sidebar{--sidebar-current-width: min(86vw, 320px) !important;position:fixed;z-index:220;inset:0 auto 0 0;width:min(86vw,320px);height:100dvh;display:flex;flex:0 0 min(86vw,320px);transform:translate(-102%);transition:transform .2s ease,box-shadow .2s ease}.x-sidebar.mobile-open{transform:translate(0);box-shadow:12px 0 32px #00000029}.x-mobile-menu-backdrop{position:fixed;z-index:210;inset:0;width:100%;height:100%;padding:0;border:0;background:#00000052}.x-app-shell:not(.lesson-shell) .page{padding:28px 18px 80px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation-duration:.01ms!important}}.x-side-head{justify-content:flex-start;gap:10px}.x-side-head>.x-icon-button{margin-left:auto}.x-logo-slot{position:relative;width:32px;height:32px;flex:none}.x-logo-slot .x-logo,.x-logo-expand{position:absolute;inset:0;width:32px;height:32px;display:grid;place-items:center;border:0;border-radius:9px;background:#111;color:#fff;font-size:14px;font-weight:700;text-decoration:none;transition:opacity .12s}.x-logo-expand{opacity:0;pointer-events:none;cursor:pointer}.x-brand{min-width:0;overflow:hidden;font-size:15px;font-weight:600;white-space:nowrap}.x-sidebar.collapsed .x-brand,.x-sidebar.collapsed .x-nav-text,.x-sidebar.collapsed .x-subnav,.x-sidebar.collapsed .x-account-copy,.x-sidebar.collapsed .x-icon-button{display:none}.x-sidebar.collapsed .x-logo-slot:hover .x-logo{opacity:0}.x-sidebar.collapsed .x-logo-slot:hover .x-logo-expand{opacity:1;pointer-events:auto}.x-subnav{margin:2px 0 8px 12px}.x-course-category{display:flex;align-items:center;gap:7px;margin:9px 4px 4px;color:var(--x-text-3);font-size:10px;font-weight:600;letter-spacing:.04em}.x-course-category:after{height:1px;flex:1;background:#dedede;content:""}.x-course-link{width:100%;display:flex;align-items:center;gap:7px;padding:9px 10px;border:0;border-radius:7px;background:transparent;color:var(--x-text-2);text-align:left;cursor:pointer}.x-course-link:hover,.x-course-link.active{background:var(--x-hover)}.x-tree-copy{min-width:0;flex:1}.x-tree-copy strong,.x-tree-copy small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.x-tree-copy strong{color:var(--x-text);font-size:12px;font-weight:500}.x-tree-copy small{margin-top:3px;color:var(--x-text-3);font-size:10px}.x-lesson-tree{margin:2px 0 7px 12px}.x-lesson-tree button{width:100%;padding:7px 8px;border:0;border-radius:7px;background:transparent;color:var(--x-text-2);font-size:11px;text-align:left;cursor:pointer}.x-lesson-tree button:hover,.x-lesson-tree button.active{background:var(--x-hover);color:var(--x-text)}.x-avatar{width:30px;height:30px;background:#d9eee8;color:#08765c;font-size:12px}.x-account-copy b{font-size:13px;font-weight:500}.x-account-copy small{font-size:11px}.x-account-menu button{display:flex;align-items:center;gap:10px}.lesson-shell .msg{max-width:768px;margin:0 auto 24px;line-height:1.7}.lesson-shell .msg.me{width:fit-content;max-width:min(88%,768px);margin-right:max(0px,calc((100% - 768px)/2));margin-left:auto;padding:10px 14px}.x-message-copy,.lesson-shell .msg p{margin:0;color:var(--ink-1)}.x-today-category{width:100%;min-height:36px;justify-content:flex-start;gap:7px;margin:2px 0;padding:8px 9px;border:0;border-radius:7px;background:transparent;color:var(--x-text-2);font-size:13px;letter-spacing:0;text-align:left;text-decoration:none;cursor:pointer}.x-today-category:after{display:none}.x-today-category:hover,.x-today-category.active{background:var(--x-hover);color:var(--x-text)}.x-subnav>.x-course-link{width:calc(100% - 12px);margin-left:12px}.x-subnav .x-subnav-empty{margin:2px 0 2px 12px;padding:9px 10px;font-size:12px;line-height:1.4;color:var(--x-text-2);white-space:nowrap}.x-subnav>.x-lesson-tree{width:calc(100% - 24px);margin-left:24px}.x-subnav>.x-course-link .x-tree-copy{display:flex;min-width:0;align-items:baseline;gap:6px}.x-subnav>.x-course-link .x-tree-copy strong{flex:0 1 auto}.x-subnav>.x-course-link .x-tree-copy small{min-width:0;flex:1 1 auto;margin-top:0}.x-sidebar .x-nav .x-course-link .x-tree-copy{display:flex;min-width:0;align-items:baseline;flex-wrap:nowrap;gap:6px;white-space:nowrap}.x-sidebar .x-nav .x-course-link .x-tree-copy strong{min-width:0;flex:0 1 auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.x-sidebar .x-nav .x-course-link .x-tree-copy small{min-width:0;flex:1 1 auto;overflow:hidden;margin-top:0;text-overflow:ellipsis;white-space:nowrap}.x-sidebar .x-nav button,.x-sidebar .x-nav a,.x-sidebar .x-nav .x-course-category,.x-sidebar .x-nav .x-tree-copy strong,.x-sidebar .x-nav .x-lesson-tree button{font-size:14px}.x-sidebar .x-nav .x-tree-copy small{font-size:12px}.x-sidebar .x-nav .x-lesson-tree button{display:flex;align-items:baseline;gap:6px}.x-sidebar .x-nav .x-lesson-tree button>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.x-sidebar .x-nav .x-lesson-tree button>small{flex:0 0 auto;color:var(--x-text-3);font-size:12px;font-weight:400}.x-sidebar .x-nav button,.x-sidebar .x-nav a,.x-sidebar .x-nav-text,.x-sidebar .x-nav .x-course-category,.x-sidebar .x-nav .x-tree-copy strong,.x-sidebar .x-nav .x-tree-copy small,.x-sidebar .x-nav .x-lesson-tree button{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.x-sidebar .x-nav-primary,.x-sidebar .x-today-category,.x-sidebar .x-course-link .x-tree-copy strong,.x-sidebar .x-lesson-tree button{color:var(--x-text-2);font-family:var(--font-ui);font-size:14px;font-weight:400;line-height:1.5;letter-spacing:0}.x-sidebar .x-nav-primary:hover,.x-sidebar .x-nav-primary.current,.x-sidebar .x-today-category:hover,.x-sidebar .x-course-link:hover .x-tree-copy strong,.x-sidebar .x-course-link.active .x-tree-copy strong,.x-sidebar .x-lesson-tree button:hover,.x-sidebar .x-lesson-tree button.active{color:var(--x-text)}.x-sidebar .x-nav-primary,.x-sidebar .x-today-category,.x-sidebar .x-course-link{display:grid;grid-template-columns:20px minmax(0,1fr);align-items:center;justify-content:initial;column-gap:8px}.x-sidebar .x-nav-primary>.x-nav-text,.x-sidebar .x-today-category>.x-menu-label,.x-sidebar .x-course-link>.x-tree-copy{grid-column:2;min-width:0;justify-self:stretch;text-align:left}.x-sidebar.collapsed .x-nav-primary{grid-template-columns:20px;justify-content:center}.x-sidebar .x-nav button:not(:disabled),.x-sidebar .x-nav a,.x-sidebar .x-nav button:not(:disabled)>.x-nav-text,.x-sidebar .x-nav button:not(:disabled)>.x-menu-label,.x-sidebar .x-nav button:not(:disabled)>.x-tree-copy>strong,.x-sidebar .x-nav .x-lesson-tree button:not(:disabled)>span{color:#383a3c}.x-mobile-menu-close,.x-mobile-menu-backdrop{display:none}@media(max-width:720px){.x-app-shell:not(.lesson-shell) .x-course-card{align-items:stretch;flex-direction:column;gap:16px;padding:20px!important}.x-course-card .right{width:100%;display:flex;align-items:center;gap:10px;text-align:left}.x-course-card .right .btn{min-width:0;flex:1 1 0}.x-mobile-menu-backdrop,.x-sidebar.mobile-open .x-brand,.x-sidebar.mobile-open .x-nav-text,.x-sidebar.mobile-open .x-subnav,.x-sidebar.mobile-open .x-account-copy,.x-sidebar.mobile-open .x-mobile-menu-close{display:block}.x-sidebar.mobile-open .x-desktop-sidebar-toggle,.x-sidebar.mobile-open .x-logo-expand,.x-sidebar.mobile-open .x-sidebar-resizer{display:none}.x-sidebar.mobile-open .x-nav-primary{grid-template-columns:20px minmax(0,1fr);justify-content:initial;padding:9px 10px}.x-sidebar.mobile-open .x-account-trigger{justify-content:flex-start;padding:8px}}@media(max-width:720px){.x-app-shell.settings-shell{display:block;height:auto;min-height:100dvh;overflow:auto}.settings-shell .x-settings-page{width:calc(100% - 36px);padding:32px 0 72px}.settings-shell .x-settings-list>div,.settings-shell .x-settings-row{align-items:flex-start}}html[data-theme=dark]{--paper:#212121;--surface:#2f2f2f;--surface-dim:#282828;--hairline:#454545;--ink:#ececec;--ink-1:#d1d1d1;--ink-2:#a8a8a8;--ink-3:#858585;--accent-soft:#173f36;--accent-ink-soft:#7fd8bd;--ok-soft:#153b2d;--err-soft:#4a2029;--warn-soft:#49361c;--word-a-soft:#173b36;--word-b-soft:#44351d;--x-bg:#212121;--x-sidebar:#171717;--x-subtle:#2f2f2f;--x-hover:#383838;--x-text:#ececec;--x-text-2:#b4b4b4;--x-text-3:#8f8f8f;--x-border:#454545;--x-accent-soft:#173f36 }.x-line-icon{display:inline-block;flex:none;overflow:visible;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;vertical-align:middle}.x-nav-icon{grid-column:1;width:20px;height:20px;justify-self:start;color:var(--x-text-2)}.x-sidebar .x-nav-primary:hover>.x-nav-icon,.x-sidebar .x-nav-primary.current>.x-nav-icon,.x-sidebar button:hover>.x-nav-icon{color:var(--x-text)}.x-account-menu button>.x-line-icon{width:19px;height:19px}.x-page-mobile-menu>.x-line-icon,.mobile-menu-btn>.x-line-icon{display:block;margin:auto}.x-page-mobile-menu{display:none;width:32px;min-width:32px;height:32px;place-items:center;padding:0;border:1px solid var(--x-border);border-radius:8px;background:var(--surface);color:var(--x-text)}.x-empty-state-icon{color:var(--x-accent)}.x-sidebar .x-nav-primary>.x-nav-icon,.x-sidebar .x-today-category>.x-nav-icon,.x-sidebar .x-course-link>.x-nav-icon{grid-column:1;justify-self:start;margin-right:0}.x-logo-static{cursor:default;-webkit-user-select:none;user-select:none}@media(max-width:720px){.x-page-mobile-menu{display:inline-grid}}html:has(.writing-class-page){min-width:0}.writing-content-panel.notice{border-left:4px solid var(--accent)}.email-teaching-examples article.weak{border-color:#f4c9a7;background:#fff9f3}.email-teaching-examples article.weak strong{color:#a3471f}.writing-rubric-evidence article.priority{border-color:#fed7aa;background:#fff7ed}.writing-rubric-evidence article.priority>b{color:#9a3412}.writing-rubric-evidence article.priority blockquote{border-left-color:#fdba74}@keyframes u8-preview-enter{0%{opacity:.35;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@keyframes u8-preview-step-back{0%{opacity:.35;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}@keyframes u8-preview-demo-next{0%{opacity:.12;transform:translate(44px)}to{opacity:1;transform:translate(0)}}@keyframes u8-preview-demo-back{0%{opacity:.12;transform:translate(-44px)}to{opacity:1;transform:translate(0)}}@keyframes u8-preview-build{0%{opacity:.25;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes u8-preview-reject{0%,to{transform:translate(0)}30%{transform:translate(-4px)}60%{transform:translate(4px)}}@keyframes u8-preview-complete{0%{opacity:.2;transform:translateY(-8px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}@media(max-width:980px)and (min-width:721px){.lesson-shell .x-sidebar{--sidebar-current-width: min(86vw, 320px) !important;position:fixed;z-index:220;inset:0 auto 0 0;width:min(86vw,320px);height:100dvh;display:flex;flex:0 0 min(86vw,320px);transform:translate(-102%);transition:transform .2s ease,box-shadow .2s ease}.lesson-shell .x-sidebar.mobile-open{transform:translate(0);box-shadow:12px 0 32px #00000029}.lesson-shell .x-mobile-menu-backdrop{position:fixed;z-index:210;inset:0;display:block;width:100%;height:100%;padding:0;border:0;background:#00000052}.lesson-shell .x-sidebar.mobile-open .x-brand,.lesson-shell .x-sidebar.mobile-open .x-nav-text,.lesson-shell .x-sidebar.mobile-open .x-subnav,.lesson-shell .x-sidebar.mobile-open .x-account-copy,.lesson-shell .x-sidebar.mobile-open .x-mobile-menu-close{display:block}.lesson-shell .x-sidebar.mobile-open .x-desktop-sidebar-toggle,.lesson-shell .x-sidebar.mobile-open .x-logo-expand,.lesson-shell .x-sidebar.mobile-open .x-sidebar-resizer{display:none}.lesson-shell .x-sidebar.mobile-open .x-nav-primary{grid-template-columns:20px minmax(0,1fr);justify-content:initial;padding:9px 10px}.lesson-shell .x-sidebar.mobile-open .x-account-trigger{justify-content:flex-start;padding:8px}}@media(max-width:980px)and (min-width:721px){.x-app-shell:not(.lesson-shell):not(.settings-shell) .x-sidebar{--sidebar-current-width: min(86vw, 320px) !important;position:fixed;z-index:220;inset:0 auto 0 0;width:min(86vw,320px);height:100dvh;display:flex;flex:0 0 min(86vw,320px);transform:translate(-102%);transition:transform .2s ease,box-shadow .2s ease}.x-app-shell:not(.lesson-shell):not(.settings-shell) .x-sidebar.mobile-open{transform:translate(0);box-shadow:12px 0 32px #00000029}.x-app-shell:not(.lesson-shell):not(.settings-shell) .x-mobile-menu-backdrop{position:fixed;z-index:210;inset:0;display:block;width:100%;height:100%;padding:0;border:0;background:#00000052}.x-app-shell:not(.lesson-shell):not(.settings-shell) .x-sidebar.mobile-open .x-brand,.x-app-shell:not(.lesson-shell):not(.settings-shell) .x-sidebar.mobile-open .x-nav-text,.x-app-shell:not(.lesson-shell):not(.settings-shell) .x-sidebar.mobile-open .x-subnav,.x-app-shell:not(.lesson-shell):not(.settings-shell) .x-sidebar.mobile-open .x-account-copy,.x-app-shell:not(.lesson-shell):not(.settings-shell) .x-sidebar.mobile-open .x-mobile-menu-close{display:block}.x-app-shell:not(.lesson-shell):not(.settings-shell) .x-sidebar.mobile-open .x-desktop-sidebar-toggle,.x-app-shell:not(.lesson-shell):not(.settings-shell) .x-sidebar.mobile-open .x-logo-expand,.x-app-shell:not(.lesson-shell):not(.settings-shell) .x-sidebar.mobile-open .x-sidebar-resizer{display:none}.x-app-shell:not(.lesson-shell):not(.settings-shell) .x-sidebar.mobile-open .x-nav-primary{grid-template-columns:20px minmax(0,1fr);justify-content:initial;padding:9px 10px}.x-app-shell:not(.lesson-shell):not(.settings-shell) .x-sidebar.mobile-open .x-account-trigger{justify-content:flex-start;padding:8px}.x-app-shell:not(.lesson-shell):not(.settings-shell) .x-page-mobile-menu{display:inline-grid}}@media(min-width:641px){.x-app-shell.vc-source-nav>.x-sidebar{display:none}}.vc-app-host{max-width:860px;margin-top:18px;padding-bottom:48px;font-family:var(--font-sans, inherit);color:var(--ink, #1f1d1a)}.x-app-shell.vc-source-nav .app-main{position:relative}body.vc-resizing{-webkit-user-select:none;user-select:none;cursor:col-resize}.x-side-back{flex:none;display:flex;align-items:center;gap:8px;margin:0 10px 6px;padding:9px 12px;border:0;border-top:1px solid var(--x-line, #e6e6e6);border-radius:8px;background:transparent;color:var(--x-text-2, #555);font-size:14px;cursor:pointer;text-align:left}.x-side-back:hover{background:var(--x-hover, #f2f2f2)}.x-sidebar.collapsed .x-side-back{justify-content:center;margin:0 6px 6px;padding:9px 0}@media(max-width:720px){.x-app-shell.settings-shell .x-sidebar.x-settings-side{position:static;transform:none;flex:none;width:100%;height:auto;min-height:0;flex-direction:row;flex-wrap:wrap;align-items:center;gap:6px 10px;padding:8px 12px;border-right:0;border-bottom:1px solid var(--x-border);box-shadow:none;z-index:1}.x-settings-side .x-side-head{flex:none;padding:0}.x-settings-side .x-desktop-sidebar-toggle,.x-settings-side .x-logo-expand{display:none}.x-settings-side .x-nav{flex:1 1 0;min-width:0;display:flex;flex-direction:row;align-items:center;gap:4px;overflow-x:auto;padding:0}.x-settings-side .x-nav .x-course-category{display:none}.x-settings-side .x-nav .x-nav-primary{flex:0 0 auto;width:auto;padding:8px 10px}.x-settings-side .x-side-back{flex:none;margin:0;border-top:0;padding:8px 10px}}.x-app-shell{height:100vh;height:100dvh;min-height:0;padding:env(safe-area-inset-top,0px) env(safe-area-inset-right,0px) env(safe-area-inset-bottom,0px) env(safe-area-inset-left,0px)}.x-app-shell .app-main,.x-app-shell .x-sidebar{height:100%}.learning-shell>.app-main{display:flex;flex-direction:column;overflow:hidden}.learning-shell>.app-main>.page{min-height:0;overflow:auto}@media(max-width:720px){.x-app-shell .x-sidebar{height:100vh;height:100dvh;padding:env(safe-area-inset-top,0px) 0 env(safe-area-inset-bottom,0px) env(safe-area-inset-left,0px)}}:root{--c-bg: var(--x-bg);--c-surface: var(--x-bg);--c-subtle: var(--x-subtle, #f4f4f4);--c-border: var(--x-border);--c-text: var(--x-text);--c-text-2: var(--x-text-2);--c-text-3: var(--x-text-3);--c-accent: var(--x-accent, #10a37f);--c-accent-soft: var(--x-accent-soft, #e7f6f2);--c-danger: #d64545;--c-warn: #b45309;--c-tab-h: 58px;--c-top-h: 48px}.c-shell{display:flex;width:100%;height:100vh;height:100dvh;background:var(--c-bg);color:var(--c-text)}.c-logo{width:32px;height:32px;display:grid;place-items:center;border-radius:9px;background:#0d0d0d;color:#fff;font-size:14px;font-weight:750}.c-logo.small{width:26px;height:26px;border-radius:7px;font-size:12px}html[data-theme=dark] .c-logo{background:#ececec;color:#111}.c-nav-out{margin-left:auto;color:var(--c-text-3)}.c-account-info{display:flex;align-items:center;gap:10px;width:100%;min-width:0}.c-account-info>div{min-width:0}.c-account-info b{display:block;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.c-account-info small{color:var(--c-text-3);font-size:12px}.c-avatar{flex:none;width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:#d9eee5;color:#176b4a;font-weight:650}.c-body{flex:1;min-width:0;display:flex;flex-direction:column}.c-main{flex:1;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch}.c-topbar{flex:none;height:var(--c-top-h);display:flex;align-items:center;gap:10px;padding:0 16px;border-bottom:1px solid var(--c-border);background:var(--c-bg)}.c-topbar b{font-size:16px}.c-tabbar{position:fixed;left:0;right:0;bottom:0;z-index:60;height:calc(var(--c-tab-h) + env(safe-area-inset-bottom,0px));display:flex;padding-bottom:env(safe-area-inset-bottom,0px);border-top:1px solid var(--c-border);background:var(--c-bg)}.c-tabbar a,.c-tabbar button{flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;border:0;background:transparent;color:var(--c-text-3);font-size:11px;text-decoration:none;cursor:pointer}.c-tabbar a.active,.c-tabbar button.active{color:var(--c-accent)}.c-sheet-backdrop{position:fixed;inset:0;z-index:70;border:0;background:#00000059}.c-sheet{position:fixed;left:0;right:0;bottom:0;z-index:71;padding:16px 16px calc(16px + env(safe-area-inset-bottom,0px));border-radius:18px 18px 0 0;background:var(--c-bg);box-shadow:0 -10px 30px #00000029}.c-sheet-link{width:100%;display:flex;align-items:center;gap:12px;padding:14px 4px;border:0;border-bottom:1px solid var(--c-border);background:transparent;color:var(--c-text);font-size:15px;text-align:left;text-decoration:none;cursor:pointer}.c-sheet-link.danger{color:var(--c-danger);border-bottom:0}.c-page{max-width:1120px;margin:0 auto;padding:32px 32px 56px}.c-page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:22px}.c-page-head h1{margin:0;font-size:26px;font-weight:600;letter-spacing:-.02em}.c-page-head p{margin:6px 0 0;color:var(--c-text-3);font-size:13px}.c-section-title{margin:28px 0 12px;font-size:15px;font-weight:600}.c-card{padding:18px 20px;border:1px solid var(--c-border);border-radius:14px;background:var(--c-surface)}.c-card h3{margin:0 0 10px;font-size:15px}.c-empty-card{text-align:center;color:var(--c-text-2)}.c-empty-card p{margin:0 0 12px}.c-hero{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 22px;margin-bottom:18px;border:1px solid var(--c-border);border-radius:16px;background:linear-gradient(135deg,var(--c-accent-soft),transparent)}.c-hero h2{margin:0;font-size:18px}.c-hero p{margin:6px 0 0;color:var(--c-text-2);font-size:13px}.c-count{margin-left:6px;color:var(--c-text-3);font-weight:400;font-size:14px}.c-warn-text{color:var(--c-warn)!important}.c-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:12px;margin-bottom:8px}.c-stat{display:flex;flex-direction:column;gap:6px;padding:16px 18px;border:1px solid var(--c-border);border-radius:14px;background:var(--c-surface);color:var(--c-text);text-align:left;font:inherit}.c-stat span{color:var(--c-text-3);font-size:13px}.c-stat b{font-size:28px;font-weight:650;letter-spacing:-.02em}.c-stat small{color:var(--c-text-3);font-size:12px}.c-stat.accent{background:var(--c-accent-soft);border-color:transparent}.c-stat.clickable{cursor:pointer}.c-hint{margin:10px 0;color:var(--c-text-3);font-size:13px}.c-hint.warn{color:var(--c-warn)}.c-error{margin:8px 0;padding:9px 12px;border-radius:8px;background:#d645451a;color:var(--c-danger);font-size:13px}.c-callout{margin:10px 0;padding:10px 12px;border-radius:10px;background:var(--c-subtle);color:var(--c-text-2);font-size:13px;line-height:1.6}.c-callout.warn{background:#d977061f;color:var(--c-warn)}.c-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:38px;padding:0 16px;border:1px solid var(--c-border);border-radius:9px;background:var(--c-surface);color:var(--c-text);font-size:14px;font-weight:500;cursor:pointer;white-space:nowrap}.c-btn.small{min-height:32px;padding:0 11px;font-size:13px}.c-btn.primary{border-color:#0d7f61;background:#0d7f61;color:#fff}.c-btn.warn{border-color:#b45309;background:#b45309;color:#fff}.c-btn.danger{border-color:var(--c-danger);background:var(--c-danger);color:#fff}.c-btn.danger-ghost{color:var(--c-danger)}.c-btn.block{width:100%;min-height:44px}.c-btn:disabled{opacity:.5;cursor:not-allowed}.c-icon-btn{width:34px;height:34px;border:0;border-radius:8px;background:transparent;color:var(--c-text-2);font-size:24px;line-height:1;cursor:pointer}.c-icon-btn:hover{background:var(--x-hover, #ececec)}.c-link-btn{padding:0;border:0;background:transparent;color:var(--c-accent);font:inherit;cursor:pointer}.c-link-btn:hover{text-decoration:underline}.c-toolbar{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:14px}.c-toolbar input,.c-toolbar select{height:38px;padding:0 12px;border:1px solid var(--c-border);border-radius:9px;background:var(--c-surface);color:var(--c-text);font-size:14px}.c-toolbar input{flex:1 1 220px;min-width:0}.c-form{display:flex;flex-direction:column;gap:14px}.c-field{display:flex;flex-direction:column;gap:6px;font-size:13px;color:var(--c-text-2);min-width:0}.c-field>span em{margin-left:3px;color:var(--c-danger);font-style:normal}.c-field input,.c-field select,.c-field textarea{width:100%;box-sizing:border-box;min-height:42px;padding:9px 12px;border:1px solid var(--c-border);border-radius:9px;background:var(--c-surface);color:var(--c-text);font-size:15px}.c-field small{color:var(--c-text-3);font-size:12px}.c-field-row{display:flex;gap:12px}.c-field-row>*{flex:1}.c-check{display:flex;align-items:center;gap:8px;font-size:14px}.c-course-rule{margin:0;padding:10px 14px 14px;border:1px solid var(--c-border);border-radius:12px}.c-course-rule legend{padding:0 6px;font-size:13px;font-weight:600}.c-row-actions{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0}.c-op-grid{display:flex;flex-wrap:wrap;gap:10px}.c-line{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:4px 0 8px}.c-table-wrap{overflow-x:auto;border:1px solid var(--c-border);border-radius:14px}.c-table{width:100%;border-collapse:collapse;font-size:14px}.c-table th{padding:11px 14px;background:var(--c-subtle);color:var(--c-text-3);font-size:12px;font-weight:600;text-align:left;white-space:nowrap}.c-table td{padding:11px 14px;border-top:1px solid var(--c-border);vertical-align:middle}.c-table small{color:var(--c-text-3)}.c-col-actions{text-align:right;white-space:nowrap}.c-col-actions .c-btn+.c-btn{margin-left:6px}.c-empty{padding:28px 14px!important;color:var(--c-text-3);text-align:center}.c-code-cell{font-family:var(--mono, ui-monospace, Menlo, monospace);white-space:nowrap}.c-note-cell{max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.c-mono{font-family:var(--mono, ui-monospace, Menlo, monospace);font-size:12px;word-break:break-all}.c-detail-row td{background:var(--c-subtle)}.c-detail-row pre{margin:0;white-space:pre-wrap;word-break:break-all;font-size:12px}.c-rule-list{margin:0;padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:4px 12px;color:var(--c-text-2);font-size:13px}.c-pager{display:flex;align-items:center;justify-content:flex-end;gap:8px;margin-top:14px}.c-pager-info{margin-right:auto;color:var(--c-text-3);font-size:13px}.c-pill{display:inline-block;padding:2px 9px;border-radius:999px;background:var(--c-subtle);color:var(--c-text-2);font-size:12px;white-space:nowrap}.c-pill.role{background:var(--c-accent-soft);color:var(--c-accent)}.c-pill.st-active,.c-pill.st-used_up{background:#05966924;color:#059669}.c-pill.st-suspended,.c-pill.st-pending{background:#d9770626;color:#b45309}.c-pill.st-closed,.c-pill.st-revoked,.c-pill.st-expired{background:#78787829;color:var(--c-text-3)}.c-pill.st-used_up{background:#2563eb1f;color:#2563eb}.c-dl{margin:0 0 8px}.c-dl>div{display:flex;gap:12px;padding:7px 0;border-bottom:1px solid var(--c-border);font-size:14px}.c-dl dt{flex:0 0 96px;color:var(--c-text-3)}.c-dl dd{margin:0;min-width:0;word-break:break-all}.c-account-detail h3{margin:22px 0 8px;font-size:14px}.c-detail-head{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.c-detail-head small{color:var(--c-text-3)}.c-invite-detail{display:flex;flex-direction:column;gap:12px}.c-big-code{padding:14px;border-radius:12px;background:var(--c-subtle);font-family:var(--mono, ui-monospace, Menlo, monospace);font-size:26px;font-weight:700;letter-spacing:.08em;text-align:center}.c-link-input{width:100%;box-sizing:border-box;height:40px;padding:0 12px;border:1px solid var(--c-border);border-radius:9px;background:var(--c-surface);color:var(--c-text-2);font-size:13px}.c-qr-box{display:flex;flex-direction:column;align-items:center;gap:6px;padding:8px 0}.c-qr{padding:8px;border-radius:10px;background:#fff;border:1px solid var(--c-border)}.c-qr-box small{color:var(--c-text-3)}.c-child-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px;margin-bottom:16px}.c-child-head{display:flex;align-items:center;gap:10px;margin-bottom:8px}.c-child-name{flex:1;min-width:0}.c-child-name b{display:block;font-size:16px}.c-child-name small{color:var(--c-text-3)}.c-dialog-mask,.c-panel-mask{position:fixed;inset:0;z-index:400;display:flex;align-items:center;justify-content:center}.c-dialog-mask{z-index:500}.c-dialog-backdrop,.c-panel-backdrop{position:absolute;inset:0;background:#0006}.c-dialog{position:relative;width:min(440px,calc(100vw - 32px));max-height:calc(100dvh - 48px);overflow-y:auto;box-sizing:border-box;display:flex;flex-direction:column;gap:12px;padding:22px;border-radius:16px;background:var(--x-bg, #fff);color:var(--x-text, #0d0d0d);box-shadow:0 20px 50px #00000040}.c-dialog h3{margin:0;font-size:17px}.c-dialog-msg{margin:0;color:var(--c-text-2);font-size:14px;line-height:1.6}.c-dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:4px}.c-secret{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:10px;border-radius:10px;background:var(--c-subtle)}.c-secret span{width:100%;color:var(--c-text-3);font-size:12px}.c-secret code{flex:1 1 200px;min-width:0;word-break:break-all;font-size:13px;-webkit-user-select:all;user-select:all}.c-panel{position:relative;display:flex;flex-direction:column;box-sizing:border-box;max-height:calc(100dvh - 48px);background:var(--x-bg, #fff);color:var(--x-text, #0d0d0d);box-shadow:0 20px 50px #00000040}.c-panel.modal{width:min(520px,calc(100vw - 32px));border-radius:16px}.c-panel.drawer{position:absolute;top:0;right:0;bottom:0;width:min(560px,100vw);max-height:none;border-radius:0}.c-panel.drawer.wide{width:min(640px,100vw)}.c-panel-head{flex:none;display:flex;align-items:center;gap:8px;padding:16px 18px 12px;border-bottom:1px solid var(--c-border)}.c-panel-head h2{flex:1;margin:0;font-size:17px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.c-panel-body{flex:1;min-height:0;overflow-y:auto;padding:16px 18px 22px}.c-panel-foot{flex:none;display:flex;justify-content:flex-end;gap:10px;padding:12px 18px;border-top:1px solid var(--c-border)}.x-register-page .x-login-card{gap:14px}.x-register-summary{display:grid;gap:6px;padding:12px 14px;border-radius:12px;background:var(--x-accent-soft, #e7f6f2);font-size:13px}.x-register-summary>div{display:flex;justify-content:space-between;gap:12px}.x-register-summary span{color:var(--x-text-2)}.x-register-summary b{font-weight:600;text-align:right}.x-register-page{overflow-y:auto}.x-shell-plain{display:contents}.x-shell-frame{--trial-bar-h: 34px;display:flex;flex-direction:column;width:100%;height:100vh;height:100dvh}.x-shell-frame>.x-app-shell{height:auto!important;flex:1 1 0;min-height:0}.x-trial-bar{flex:none;height:var(--trial-bar-h, 34px);box-sizing:border-box;display:flex;align-items:center;gap:12px;padding:0 14px;padding-top:env(safe-area-inset-top,0px);border-bottom:1px solid var(--x-border);background:var(--x-accent-soft, #e7f6f2);color:var(--x-text-2);font-size:12.5px;overflow:hidden;white-space:nowrap}.x-trial-text{min-width:0;overflow:hidden;text-overflow:ellipsis}.x-trial-upgrade{margin-left:auto;padding:2px 10px;border:1px solid var(--x-accent, #10a37f);border-radius:999px;background:transparent;color:var(--x-accent, #10a37f);font-size:12px;cursor:pointer}.x-trial-upgrade:hover{background:var(--x-accent, #10a37f);color:#fff}.x-trial-chevron{justify-self:end;flex:none;color:var(--x-text-3)}.x-sidebar .x-nav .x-trial-group{grid-template-columns:20px minmax(0,1fr) auto}.x-trial-body{margin-left:17px;padding-left:4px;border-left:1px solid var(--x-border)}.x-sidebar.collapsed .x-trial-chevron{display:none}.x-sidebar.collapsed .x-trial-body{margin-left:0;padding-left:0;border-left:0}.x-sidebar.mobile-open .x-trial-chevron{display:block}.x-sidebar.mobile-open .x-trial-body{margin-left:17px;padding-left:4px;border-left:1px solid var(--x-border)}.x-lock-badge{margin-left:6px;padding:1px 6px;border-radius:999px;background:#d9770624;color:#b45309;font-size:11px;font-style:normal;font-weight:500}.x-locked-btn{opacity:.75}@media(max-width:767px){.c-page{padding:18px 16px calc(var(--c-tab-h) + 28px + env(safe-area-inset-bottom,0px))}.c-page-head{flex-direction:column;align-items:stretch;gap:12px;margin-bottom:16px}.c-page-head h1{font-size:22px}.c-page-head>.c-btn{align-self:stretch;min-height:44px}.c-hero{flex-direction:column;align-items:stretch}.c-hero .c-btn{min-height:44px}.c-cards{grid-template-columns:repeat(2,1fr)}.c-toolbar input{flex:1 1 100%}.c-toolbar select{min-width:0}.c-child-list{grid-template-columns:1fr}.c-field-row{flex-direction:column;gap:14px}.c-pager{flex-wrap:wrap}.c-table-wrap{border:0;overflow:visible}.c-table-cards,.c-table-cards tbody,.c-table-cards tr,.c-table-cards td{display:block;width:100%;box-sizing:border-box}.c-table-cards thead{display:none}.c-table-cards tr{margin-bottom:12px;border:1px solid var(--c-border);border-radius:14px;overflow:hidden;background:var(--c-surface)}.c-table-cards td{display:flex;justify-content:space-between;gap:14px;padding:9px 14px;border-top:0;text-align:right}.c-table-cards td:before{content:attr(data-label);flex:none;color:var(--c-text-3);font-size:12px;text-align:left}.c-note-cell{max-width:none;white-space:normal}.c-panel-mask{align-items:flex-end}.c-panel.modal,.c-panel.drawer,.c-panel.drawer.wide{position:relative;width:100%;max-height:94dvh;border-radius:18px 18px 0 0}.c-panel-body{padding-bottom:calc(22px + env(safe-area-inset-bottom,0px))}.c-dialog-mask{align-items:flex-end}.c-dialog{width:100%;border-radius:18px 18px 0 0;padding-bottom:calc(22px + env(safe-area-inset-bottom,0px))}.c-dialog-actions .c-btn{flex:1;min-height:44px}.c-op-grid .c-btn{flex:1 1 45%;min-height:44px}.x-trial-bar{gap:8px;padding:0 8px;font-size:12px}}.c-pill.st-partial{background:#2563eb1f;color:#2563eb}.c-pill.st-danger{background:#d6454524;color:var(--c-danger)}.c-pill.st-off{background:#78787829;color:var(--c-text-3)}.c-callout.ok{background:#0596691f;color:#047857}.c-callout.alert{background:#d645451f;color:var(--c-danger)}.c-pay-banner{font-size:15px}.c-row-off td{opacity:.62}.c-row-bad td{background:#d645451a}.c-row-bad td,.c-row-bad .c-mono{color:var(--c-danger)}.c-money-line{display:block;white-space:nowrap}.c-block{margin-top:14px}.c-block h3 small{color:var(--c-text-3);font-weight:400;font-size:12px}.c-more{float:right;font-size:13px;font-weight:400}.c-sales{margin-bottom:4px}.c-chart-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(420px,1fr));gap:14px}.c-mini-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:6px}.c-mini-stats>div{display:flex;flex-direction:column;gap:2px;padding:10px 12px;border-radius:10px;background:var(--c-subtle)}.c-mini-stats b{font-size:22px}.c-mini-stats span{color:var(--c-text-3);font-size:12px}.c-range-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:22px 0 12px}.c-range-bar .c-section-title{margin:0}.c-seg{display:inline-flex;padding:3px;border:1px solid var(--c-border);border-radius:10px;background:var(--c-subtle)}.c-seg button{min-height:32px;padding:0 14px;border:0;border-radius:8px;background:transparent;color:var(--c-text-2);font-size:13px;cursor:pointer;white-space:nowrap}.c-seg button.on{background:var(--c-surface);color:var(--c-text);font-weight:600;box-shadow:0 1px 3px #0000001f}.c-tabs-row{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.c-chip{min-height:32px;padding:0 13px;border:1px solid var(--c-border);border-radius:999px;background:var(--c-surface);color:var(--c-text-2);font-size:13px;cursor:pointer;white-space:nowrap}.c-chip.on{border-color:var(--c-accent);background:var(--c-accent-soft);color:var(--c-accent);font-weight:600}.c-choice-list{display:flex;flex-direction:column;gap:10px}.c-choice{display:flex;align-items:center;gap:12px;width:100%;padding:14px 16px;border:1.5px solid var(--c-border);border-radius:14px;background:var(--c-surface);color:var(--c-text);font:inherit;text-align:left;cursor:pointer}.c-choice:hover{border-color:var(--c-accent)}.c-choice.selected{border-color:var(--c-accent);background:var(--c-accent-soft)}.c-choice-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.c-choice-main b{font-size:16px}.c-choice-main small{color:var(--c-text-2);font-size:12.5px;line-height:1.5}.c-price{font-size:20px;font-weight:650;white-space:nowrap}.c-radio{flex:none;width:20px;height:20px;border:2px solid var(--c-border);border-radius:50%}.c-buybar{margin-top:22px;display:flex;flex-direction:column;gap:8px;max-width:520px}.c-buy-summary{margin:0;color:var(--c-text-2);font-size:14px}.c-qr-pay{display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center}.c-qr-pay .c-btn{width:100%}.c-pay-ok{margin:0;font-size:17px;font-weight:650;color:#047857}.c-pick-list{margin:0;padding:0;list-style:none;border:1px solid var(--c-border);border-radius:9px;overflow:hidden}.c-pick-list button{width:100%;padding:10px 12px;border:0;border-bottom:1px solid var(--c-border);background:var(--c-surface);color:var(--c-text);font-size:14px;text-align:left;cursor:pointer}@media(max-width:1100px){.c-chart-grid{grid-template-columns:1fr}}@media(max-width:767px){.c-range-bar{align-items:flex-start;flex-direction:column}.c-seg{align-self:stretch}.c-seg button{flex:1}.c-page-head>.c-seg{align-self:stretch}.c-tabs-row{flex-wrap:nowrap;overflow-x:auto;margin-right:-16px;padding-right:16px;scrollbar-width:none}.c-chip{flex:none;min-height:36px}.c-toolbar select{flex:1 1 calc(50% - 5px)}.c-chart-grid .c-card{padding:14px}.c-readonly-banner{padding:10px 16px}}.x-sidebar .x-nav .x-trial-group.has-current{color:var(--x-accent, #10a37f)}.x-login-page{grid-template-rows:minmax(auto,1fr) auto;align-content:stretch;row-gap:20px;overflow-y:auto}.x-auth-card{align-self:center;padding:8px 0;gap:14px}.x-login-card input::placeholder{color:var(--x-text-3)}.x-login-layout{--lg-brand: #215b52;--lg-accent: #408f7b;--lg-tint: #eaf5f0;--lg-field: #f6f8f7;grid-template-columns:minmax(320px,46%) minmax(0,1fr);grid-template-rows:1fr;gap:0;padding:0;place-items:stretch;background:var(--x-bg, #fff)}.x-login-page.x-login-layout{padding:0}.x-login-story{position:relative;display:flex;min-height:100dvh;flex-direction:column;justify-content:space-between;overflow:hidden;padding:clamp(28px,4vw,64px);background:radial-gradient(90% 60% at 0% 0%,#f3f9f6,#f3f9f600 65%),linear-gradient(160deg,#e4f0eb,#d2e6de);color:#173c39}.x-login-story:before{position:absolute;right:-18%;bottom:-35%;width:72%;aspect-ratio:1;border-radius:50%;background:#69afa138;content:""}.x-login-story:after{position:absolute;right:0;top:0;width:55%;height:42%;background-image:radial-gradient(rgb(33 91 82 / 16%) 1.1px,transparent 1.4px);background-size:22px 22px;-webkit-mask-image:linear-gradient(225deg,#000 0%,transparent 72%);mask-image:linear-gradient(225deg,#000 0%,transparent 72%);content:""}.x-login-story-top{z-index:1;display:flex;align-items:center;gap:12px;font-size:12px;font-weight:700;letter-spacing:.14em}.x-login-story-mark{display:grid;width:38px;height:38px;place-items:center;border-radius:10px;background:var(--lg-brand);box-shadow:0 6px 16px #215b5247;color:#fff;font-size:16px;letter-spacing:-.04em}.x-login-story-copy{z-index:1;margin-top:clamp(36px,8vh,110px)}.x-login-story-index{color:#378b7b;font-size:11px;font-weight:750;letter-spacing:.17em}.x-login-story-copy h2{margin:20px 0 18px;font-size:clamp(32px,3.2vw,52px);font-weight:750;line-height:1.34;letter-spacing:-.05em}.x-login-story-copy p{max-width:27em;margin:0;color:#56746e;font-size:15px;line-height:1.8}.x-login-story-tags{display:flex;flex-wrap:wrap;gap:8px;margin:22px 0 0;padding:0;list-style:none}.x-login-story-tags li{padding:6px 14px;border:1px solid rgb(33 91 82 / 16%);border-radius:999px;background:#ffffff8c;color:#2c6a5f;font-size:13px;font-weight:600;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.x-login-story-art{position:relative;z-index:1;height:clamp(190px,28vh,310px);margin-top:30px}.x-login-art-orbit{position:absolute;left:22%;top:2%;width:56%;aspect-ratio:1;border:1px solid rgb(32 104 91 / 18%);border-radius:50%}.x-login-art-orbit-two{left:13%;top:-23%;width:77%}.x-login-art-card{position:absolute;left:11%;top:19%;display:flex;width:min(78%,365px);min-height:155px;flex-direction:column;gap:9px;padding:26px 30px;transform:rotate(-5deg);border:1px solid rgb(255 255 255 / 70%);border-radius:20px;background:#ffffffdb;box-shadow:0 24px 60px #1d4b4129}.x-login-art-card span{color:#56867c;font-size:12px;font-weight:650}.x-login-art-card strong{color:#1b5148;font-family:Georgia,serif;font-size:clamp(20px,2vw,29px);font-weight:500}.x-login-art-lines{display:grid;gap:6px;margin-top:8px}.x-login-art-lines i{width:92%;height:6px;border-radius:20px;background:#d9e8e2}.x-login-art-mini{position:absolute;right:4%;bottom:2%;display:flex;align-items:center;gap:12px;padding:13px 16px;transform:rotate(3deg);border:1px solid rgb(255 255 255 / 70%);border-radius:16px;background:#ffffffe5;box-shadow:0 16px 38px #1d4b4126}.x-login-art-ring{width:34px;height:34px;border-radius:50%;background:conic-gradient(#408f7b 0 72%,#d9e8e2 72% 100%);-webkit-mask:radial-gradient(circle,transparent 11px,#000 12px);mask:radial-gradient(circle,transparent 11px,#000 12px)}.x-login-art-mini div{display:grid;gap:6px}.x-login-art-mini i{display:block;width:62px;height:6px;border-radius:20px;background:#d9e8e2}.x-login-art-mini i+i{width:40px}.x-login-art-spark{position:absolute;right:9%;top:8%;color:#e8ac54;font-size:38px}.x-login-story-bottom{z-index:1;color:#668a81;font-family:Georgia,serif;font-size:13px;font-style:italic}.x-login-content{display:flex;min-width:0;min-height:100dvh;flex-direction:column;align-items:center;justify-content:flex-start;padding:40px 24px 24px}.x-login-content{position:relative}.x-login-region{position:absolute;top:14px;right:18px;display:inline-flex;gap:2px;padding:3px;border-radius:999px;background:var(--lg-field)}.x-login-region button{height:26px;padding:0 11px;border:0;border-radius:999px;background:transparent;color:var(--x-text-3);font:inherit;font-size:12px;font-weight:600;cursor:pointer;transition:background .15s,color .15s}@media(max-width:960px){.x-login-region{top:10px;right:14px}}.x-login-layout .x-auth-card{display:flex;flex:1 0 auto;flex-direction:column;width:min(100%,400px);align-self:auto;margin:clamp(32px,11vh,140px) 0 0;padding:0;gap:0}.x-login-body{display:flex;flex-direction:column;gap:20px;margin-block:auto;padding-block:24px}.x-login-layout .x-login-brand{display:none;justify-content:center;gap:10px;margin-bottom:18px;font-size:18px;font-weight:750;letter-spacing:-.03em}.x-login-layout .x-login-logo{width:38px;height:38px;border-radius:10px;background:var(--lg-brand);box-shadow:0 6px 16px #215b5242;font-size:15px}.x-login-heading{margin:0;text-align:left}.x-login-eyebrow{display:flex;align-items:center;gap:10px;margin-bottom:12px;color:var(--lg-accent);font-size:11px;font-weight:750;letter-spacing:.18em;line-height:1}.x-login-eyebrow:before,.x-login-eyebrow:after{width:20px;height:2px;flex:none;border-radius:2px;background:currentColor;content:"";opacity:.85}.x-login-heading h1{margin:0;color:#14302c;text-align:left;font-size:clamp(22px,6.8vw,28px);font-weight:700;line-height:1.3;letter-spacing:.01em;white-space:nowrap}.x-login-name{background:linear-gradient(90deg,#1d5a4f,#3a9a84);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:#215b52;font-weight:800;letter-spacing:0}.x-login-seg{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;padding:4px;border-radius:13px;background:var(--lg-field);box-shadow:inset 0 0 0 1px #0000000d}.x-login-seg-btn{display:flex;min-width:0;height:42px;align-items:center;justify-content:center;gap:7px;border:0;border-radius:10px;background:transparent;color:var(--x-text-3);font:inherit;font-size:14px;font-weight:600;cursor:pointer;transition:background .15s,color .15s,box-shadow .15s}.x-login-seg-btn svg{width:17px;height:17px;flex:none}.x-login-seg-btn.on{background:var(--x-bg, #fff);box-shadow:0 1px 2px #00000014,0 4px 12px #215b521a;color:var(--lg-brand)}.x-login-seg-btn:disabled{opacity:.42;cursor:not-allowed}.x-login-layout .x-auth-sendbtn{height:50px;border-color:var(--lg-accent);border-radius:12px;color:var(--lg-brand)}.x-login-row{display:flex;align-items:center;gap:12px;margin-top:-6px;min-height:21px}.x-login-row>.x-login-error-inline{flex:1;min-width:0;margin:0;color:#d64545;font-size:13px;line-height:1.35;text-align:left}.x-login-code-tip{align-self:flex-end;margin-top:-6px;padding:2px 0;color:var(--x-text-3);font-size:13px;line-height:1}.x-login-layout .x-auth-forgot{color:var(--lg-accent);text-decoration:none}.x-login-social{display:flex;flex-direction:column;gap:14px;margin-top:4px}.x-login-or{display:flex;align-items:center;gap:14px;color:var(--x-text-3);font-size:12px}.x-login-or:before,.x-login-or:after{flex:1;height:1px;background:var(--x-border);content:""}.x-login-social-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.x-social-btn{display:flex;min-width:0;height:46px;align-items:center;justify-content:center;gap:9px;border:1px solid #dde5e1;border-radius:12px;background:var(--x-bg, #fff);color:var(--x-text-2);font:inherit;font-size:14px;font-weight:600;cursor:pointer;transition:border-color .15s,background .15s,transform .15s}.x-social-btn:disabled{opacity:.42;cursor:not-allowed}.x-oauth-icon{display:grid;width:22px;height:22px;place-items:center;border-radius:6px;color:#fff;line-height:1}.x-oauth-icon-facebook{background:#1877f2;font:700 19px Arial,sans-serif;padding-top:3px}.x-oauth-icon-wechat{position:relative;background:#07c160}.x-oauth-icon-wechat:before,.x-oauth-icon-wechat:after{position:absolute;border-radius:50%;background:#fff;content:""}.x-oauth-icon-wechat:before{left:3px;top:5px;width:11px;height:9px}.x-oauth-icon-wechat:after{right:3px;bottom:4px;width:7px;height:6px;box-shadow:-3px -3px #07c160}@media(max-width:860px){.x-login-story{display:none}.x-login-content{justify-content:flex-start;padding:36px 20px 20px;background:radial-gradient(120% 40% at 50% 0%,#e9f3ef,#e9f3ef00)}.x-login-body{gap:18px}.x-login-heading{text-align:center}}@media(max-width:420px){.x-login-seg-btn{gap:5px;font-size:13px}.x-login-social-row{gap:8px}}.x-auth-tabs{display:flex;gap:4px;border-bottom:1px solid var(--x-border)}.x-auth-tab{flex:1;min-height:42px;padding:0 6px;border:0;border-bottom:2px solid transparent;background:transparent;color:var(--x-text-3);font-size:14px;font-weight:500;white-space:nowrap;cursor:pointer}.x-auth-tab.on{border-bottom-color:var(--x-accent, #10a37f);color:var(--x-text)}.x-auth-form,.x-auth-codeblock{display:flex;flex-direction:column;gap:14px}.x-auth-field{display:flex;flex-direction:column;gap:6px}.x-auth-field>label{color:var(--x-text-2);font-size:13px}.x-auth-field>label em{margin-left:4px;color:var(--x-text-3);font-size:12px;font-style:normal}.x-auth-sub{margin:0;color:var(--x-text-3);font-size:13px;line-height:1.6}.x-auth-coderow{display:flex;gap:8px}.x-auth-coderow input{flex:1;min-width:0;letter-spacing:.12em}.x-auth-sendbtn{flex:0 0 auto;min-width:112px;height:48px;padding:0 12px;border:1px solid var(--x-accent, #10a37f);border-radius:10px;background:transparent;color:var(--x-accent, #10a37f);font-size:14px;font-weight:600;white-space:nowrap;cursor:pointer}.x-auth-sendbtn:disabled{border-color:var(--x-border);color:var(--x-text-3);cursor:not-allowed}.x-auth-hint{margin:-6px 0 0;color:var(--x-text-3);font-size:12px;line-height:1.5}.x-auth-hint-err{color:#d64545}.x-auth-captcha{min-height:0}.x-auth-forgot{align-self:flex-end;margin-top:-6px;padding:2px 0;font-size:13px}.x-auth-back{align-self:center;font-size:13px}.x-login-success{margin:0!important;padding:9px 12px;border-radius:8px;background:#0596691f;color:#059669!important;font-size:13px;text-align:left!important}.x-oauth-button{width:100%;background:var(--x-bg)}.x-oauth-google{border-color:#4285f4;color:#4285f4}@media(max-width:420px){.x-auth-sendbtn{min-width:96px}}