/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.invisible{visibility:hidden}.visible{visibility:visible}.static{position:static}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.container{width:100%}@media (width>=40rem){.container{max-width:40rem}}@media (width>=48rem){.container{max-width:48rem}}@media (width>=64rem){.container{max-width:64rem}}@media (width>=80rem){.container{max-width:80rem}}@media (width>=96rem){.container{max-width:96rem}}.table{display:table}.grow{flex-grow:1}}:root{--paper:#fbf8f0;--paper-deep:#f1ebdd;--ink:#173531;--ink-soft:#506963;--teal:#176c63;--teal-dark:#0d514b;--mint:#d8ebe5;--coral:#df765e;--line:#d8d3c6;--white:#fffef9;--shadow:0 24px 70px #1a37311f}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline-offset:3px;outline:3px solid #176c6347}.landing-wrap,.app-shell{min-height:100vh}.landing-wrap{overflow:hidden}.site-header{z-index:10;justify-content:space-between;align-items:center;max-width:1240px;height:88px;margin:0 auto;padding:0 28px;display:flex;position:relative}.site-header--compact{border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fbf8f0eb;max-width:none;height:72px;position:sticky;top:0}.brand{letter-spacing:-.02em;align-items:center;gap:10px;font-size:18px;display:inline-flex}.brand strong{color:var(--teal)}.brand-mark{background:var(--teal);color:#fff;border-radius:11px;place-items:center;width:36px;height:36px;display:inline-grid;box-shadow:inset 0 0 0 1px #ffffff40}.brand--light{color:#fff}.brand--light strong{color:#a9dfcf}.brand--light .brand-mark{background:#ffffff21}.site-nav{align-items:center;gap:24px;font-size:14px;font-weight:650;display:flex}.site-nav>a:not(.button){color:var(--ink-soft)}.site-nav>a:hover{color:var(--teal)}.home-language-bar{z-index:11;justify-content:flex-end;max-width:1240px;min-height:38px;margin:-8px auto 0;padding:0 28px;display:flex;position:relative}.home-language-switch{border:1px solid var(--line);background:var(--white);border-radius:10px;gap:3px;padding:3px;display:inline-flex;box-shadow:0 5px 16px #1a37310f}.home-language-switch button{min-width:44px;height:30px;color:var(--ink-soft);cursor:pointer;background:0 0;border:0;border-radius:7px;padding:0 9px;font-size:12px;font-weight:800}.home-language-switch button:hover{background:var(--mint);color:var(--teal-dark)}.home-language-switch button.is-active{background:var(--teal);color:#fff}.button{background:var(--teal);color:#fff;cursor:pointer;border:0;border-radius:12px;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:0 18px;font-weight:750;transition:transform .18s,background .18s,box-shadow .18s;display:inline-flex;box-shadow:0 7px 18px #176c632e}.button:hover{background:var(--teal-dark);transform:translateY(-1px);box-shadow:0 10px 24px #176c633b}.button:disabled{opacity:.5;cursor:not-allowed;transform:none}.button--small{border-radius:10px;min-height:38px;padding:0 14px}.button--large{min-height:50px;padding:0 22px}.button--secondary{color:var(--teal);box-shadow:none;background:0 0;border:1px solid #a9c9c1}.button--secondary:hover{color:var(--teal-dark);background:#eff7f4}.button--light{color:var(--teal-dark);box-shadow:none;background:#fff}.button--light:hover{background:var(--mint);color:var(--teal-dark)}.text-link{color:var(--teal);border-bottom:1px solid;padding-bottom:3px;font-weight:750}.quiet-button{color:var(--ink-soft);cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:center;gap:6px;padding:7px 9px;font-size:13px;display:inline-flex}.quiet-button:hover{color:var(--teal);background:#176c6314}.eyebrow{text-transform:uppercase;letter-spacing:.15em;color:var(--teal);align-items:center;gap:7px;font-size:11px;font-weight:800;display:inline-flex}.hero{grid-template-columns:minmax(0,1.35fr) minmax(320px,.65fr);align-items:center;gap:90px;max-width:1240px;margin:0 auto;padding:86px 28px 110px;display:grid;position:relative}.hero:before{content:"读";color:#176c6309;pointer-events:none;font:700 420px/1 Noto Serif SC,STSong,serif;position:absolute;top:-120px;right:-48px}.hero-copy{z-index:1;position:relative}.hero h1{letter-spacing:-.055em;max-width:800px;margin:20px 0 24px;font:650 clamp(50px,6.3vw,84px)/.98 Georgia,Noto Serif SC,serif}.hero h1 em{color:var(--coral);font-weight:inherit}.hero-lede{max-width:680px;color:var(--ink-soft);font-size:19px;line-height:1.65}.hero-actions{align-items:center;gap:24px;margin-top:34px;display:flex}.trust-row{color:var(--ink-soft);flex-wrap:wrap;gap:20px;margin-top:32px;font-size:13px;display:flex}.trust-row span{align-items:center;gap:5px;display:inline-flex}.trust-row svg{color:var(--teal)}.hero-note{background:var(--white);border:1px solid var(--line);box-shadow:var(--shadow);z-index:1;border-radius:4px 34px 4px 4px;padding:28px;position:relative;transform:rotate(1.3deg)}.hero-note:before{content:"";background:#dcc48b80;width:80px;height:24px;position:absolute;top:-12px;left:calc(50% - 40px);transform:rotate(-3deg)}.note-label{text-transform:uppercase;letter-spacing:.13em;color:var(--coral);border-bottom:1px solid var(--line);padding-bottom:18px;font-size:10px;font-weight:850;display:block}.hero-note ol{margin:4px 0 0;padding:0;list-style:none}.hero-note li{border-bottom:1px dashed var(--line);align-items:center;gap:18px;padding:20px 0;display:flex}.hero-note li:last-child{border:0}.hero-note b{background:var(--mint);width:36px;height:36px;color:var(--teal);border-radius:50%;place-items:center;font-size:11px;display:grid}.hero-note span{color:var(--ink-soft)}.hero-note strong{color:var(--ink);font-family:Georgia,serif;font-size:18px;display:block}.feature-strip{background:var(--ink);color:#fff;grid-template-columns:repeat(4,1fr);display:grid}.feature-strip article{border-right:1px solid #ffffff1c;align-items:flex-start;gap:15px;padding:34px clamp(20px,3vw,48px);display:flex}.feature-strip svg{color:#8ed0c3;flex:none}.feature-strip strong{margin-bottom:6px;display:block}.feature-strip p{color:#ffffff9e;margin:0;font-size:13px;line-height:1.5}.demo-section{max-width:1160px;margin:0 auto;padding:110px 28px 130px}.section-intro{text-align:center;max-width:740px;margin:0 auto 48px}.section-intro h2{letter-spacing:-.035em;margin:15px 0 18px;font:600 clamp(36px,4.5vw,58px)/1.08 Georgia,serif}.section-intro p{color:var(--ink-soft);font-size:17px;line-height:1.65}.final-cta{background:var(--teal-dark);color:#fff;border-radius:28px;justify-content:space-between;align-items:center;gap:30px;max-width:1160px;margin:0 auto 80px;padding:52px 58px;display:flex;position:relative;overflow:hidden}.final-cta:after{content:"文";color:#ffffff0d;font:250px/1 Georgia,serif;position:absolute;top:-80px;right:220px}.final-cta .eyebrow{color:#a9dfcf}.final-cta h2{margin:10px 0 0;font:500 36px/1.15 Georgia,serif}.site-footer{border-top:1px solid var(--line);max-width:1160px;color:var(--ink-soft);justify-content:space-between;margin:auto;padding:28px 0 42px;font-size:13px;display:flex}.site-footer span{color:var(--ink);font-weight:800}.reader-shell{max-width:1040px;margin:24px auto 60px}.reader-shell--embedded{max-width:none;margin:0}.reader-toolbar{background:var(--ink);color:#fff;border-radius:16px 16px 0 0;display:grid;overflow:hidden}.reader-toolbar__main{align-items:center;gap:12px;min-height:58px;padding:10px 14px 10px 18px;display:flex}.reader-toolbar__label{align-items:center;gap:7px;font-size:13px;font-weight:800;display:inline-flex}.segmented-control{background:#ffffff1a;border-radius:9px;padding:3px;display:flex}.segmented-control button{color:#ffffffad;cursor:pointer;background:0 0;border:0;border-radius:7px;padding:7px 12px;font-size:12px;font-weight:750}.segmented-control button:hover,.segmented-control button:focus-visible{color:#fff;background:#ffffff1a}.segmented-control button.is-active,.segmented-control button.is-active:hover,.segmented-control button.is-active:focus-visible{color:var(--ink);background:#fff}.toolbar-hint{color:#ffffffa8;background:#ffffff0b;border-top:1px solid #ffffff1a;flex-wrap:wrap;align-items:center;gap:6px 22px;min-height:34px;padding:8px 18px;font-size:11px;display:flex}.toolbar-hint span{align-items:center;gap:6px;display:inline-flex}.toolbar-hint svg{color:#9fd8cd;flex:none}.reader-toolbar .quiet-button{color:#ffffffb3}.reader-toolbar .quiet-button:hover{color:#fff;background:#ffffff1a}.reader-paper{background:var(--white);border:1px solid var(--line);box-shadow:var(--shadow);border-top:0;border-radius:0 0 16px 16px;min-height:420px;padding:clamp(34px,6vw,72px) clamp(24px,8vw,96px) 34px;position:relative}.reader-paper:before{content:"";pointer-events:none;opacity:.28;background-image:radial-gradient(#8a846f .45px,#0000 .45px);background-size:5px 5px;position:absolute;inset:0}.reader-title{text-align:center;border-bottom:1px solid var(--line);margin-bottom:28px;padding-bottom:28px;position:relative}.reader-title span{color:var(--teal);letter-spacing:.18em;text-transform:uppercase;font-size:9px;font-weight:850}.reader-title h1{letter-spacing:.04em;margin:10px 0 0;font:600 clamp(30px,4vw,45px)/1.2 Noto Serif SC,STSong,Georgia,serif}.reader-copy{position:relative}.reader-line{grid-template-columns:auto minmax(0,1fr);align-items:start;gap:12px;margin:8px 0;display:grid}.reader-line p{letter-spacing:.07em;min-height:70px;margin:0;font:500 clamp(24px,3.1vw,34px)/2.05 Noto Serif SC,STSong,Songti SC,serif}.line-toggle{border:1px solid var(--line);background:var(--paper);width:30px;height:30px;color:var(--ink-soft);cursor:pointer;border-radius:9px;place-items:center;margin-top:20px;display:grid}.line-toggle:hover,.line-toggle.is-active{background:var(--mint);color:var(--teal);border-color:#9fc6bd}.reader-token{cursor:pointer;white-space:nowrap;border-radius:5px;transition:background .15s;position:relative}.reader-token:hover,.reader-token:focus-visible{background:#176c6314}ruby{ruby-position:over}rt{letter-spacing:0;color:var(--teal);visibility:hidden;opacity:0;-webkit-user-select:none;user-select:none;font:600 11px/1.1 ui-sans-serif,system-ui,sans-serif;transition:opacity .12s}.reader-token.is-visible rt,.reader--hover .reader-token.can-show-pinyin:hover rt,.reader--hover .reader-token.can-show-pinyin:focus rt{visibility:visible;opacity:1}.pin-indicator{color:var(--coral);position:absolute;top:1px;right:-4px}.reader-footnote{border-top:1px solid var(--line);text-align:center;color:var(--ink-soft);margin-top:24px;padding-top:20px;font-size:12px;position:relative}.meaning-card{z-index:100;background:var(--ink);color:#fff;border-radius:14px;width:280px;padding:18px;position:fixed;box-shadow:0 18px 50px #081c194d}.meaning-card strong{margin:7px 0;font:600 24px/1.3 Noto Serif SC,serif;display:block}.meaning-card p{color:#ffffffbf;margin:0 0 13px;font-size:13px;line-height:1.45}.meaning-type{color:#9fd8cd;text-transform:uppercase;letter-spacing:.13em;font-size:9px;font-weight:850}.meaning-type--unmatched{color:#f4b8aa}.meaning-close{color:#ffffffa6;cursor:pointer;background:0 0;border:0;position:absolute;top:8px;right:8px}.speak-button{color:var(--ink);cursor:pointer;background:#fff;border:0;border-radius:8px;align-items:center;gap:6px;padding:8px 10px;font-weight:750;display:inline-flex}.meaning-card small{color:#ffffff8c;align-items:center;gap:4px;margin-top:9px;display:flex}.studio-page,.dashboard-page,.account-page{max-width:1180px;margin:auto;padding:52px 28px 100px}.studio-heading,.dashboard-hero{justify-content:space-between;align-items:end;gap:24px;margin-bottom:30px;display:flex}.studio-heading h1,.dashboard-hero h1,.account-page h1{letter-spacing:-.035em;margin:8px 0;font:600 clamp(38px,5vw,58px)/1.05 Georgia,serif}.studio-heading p,.dashboard-hero p,.library-heading p{color:var(--ink-soft);margin:0}.usage-pill,.pilot-banner{border-radius:11px;align-items:center;gap:8px;font-size:13px;display:flex}.usage-pill{background:var(--white);border:1px solid var(--line);padding:11px 14px}.usage-pill span{color:var(--teal);font-weight:850}.pilot-banner{color:var(--teal-dark);background:#e3f1ed;border:1px solid #bfd9d2;margin:16px 0 24px;padding:12px 15px}.composer-card,.studio-section,.usage-card,.reading-card,.account-grid article{background:var(--white);border:1px solid var(--line);box-shadow:0 10px 36px #1a37310f}.composer-card{border-radius:18px;gap:18px;padding:26px;display:grid}.composer-card label,.translation-editor,.token-editor label,.phrase-editor label,.signin-card label{color:var(--ink-soft);gap:7px;font-size:12px;font-weight:750;display:grid}.composer-card label small{color:var(--ink-soft);font-size:11px;font-weight:500}input,textarea,select{width:100%;color:var(--ink);border:1px solid var(--line);background:#fffefa;border-radius:10px;outline:0;padding:11px 12px}input:focus,textarea:focus,select:focus{border-color:var(--teal);box-shadow:0 0 0 3px #176c631a}textarea{resize:vertical;line-height:1.65}.composer-card>label:first-child input{font-size:19px;font-weight:750}.composer-card>label:nth-child(3) textarea{font:500 20px/1.8 Noto Serif SC,STSong,serif}.composer-footer{justify-content:space-between;align-items:center;gap:20px;display:flex}.composer-footer p{color:var(--ink-soft);margin:0;font-size:12px}.status-message{border-radius:11px;align-items:center;gap:9px;margin:18px 0;padding:12px 14px;font-size:13px;display:flex}.status-message--loading{color:var(--ink-soft);background:#eef3f2}.status-message--success{color:#25623f;background:#e2f1e8}.status-message--error{color:#9b4434;background:#fae9e5}.spin{animation:.85s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.studio-section{border-radius:20px;margin-top:30px;padding:28px}.section-heading,.library-heading{justify-content:space-between;align-items:end;gap:25px;margin-bottom:24px;display:flex}.section-heading>div{align-items:center;gap:12px;display:flex}.section-heading h2,.library-heading h2{margin:0;font:600 29px/1.2 Georgia,serif}.section-heading p{color:var(--ink-soft);margin:0;font-size:13px}.step-number{background:var(--mint);width:34px;height:34px;color:var(--teal);border-radius:50%;place-items:center;font-size:10px;font-weight:850;display:grid}.review-list{gap:18px;display:grid}.review-line{border:1px solid var(--line);border-radius:14px;padding:20px}.review-line h3{margin:0 0 16px;font:600 22px/1.4 Noto Serif SC,serif}.review-line h4{text-transform:uppercase;letter-spacing:.12em;color:var(--teal);margin:22px 0 10px;font-size:11px}.token-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.token-editor{background:#fcfaf4;border:1px solid #e4e0d5;border-radius:11px;gap:8px;padding:12px;display:grid}.token-editor strong{font:600 21px/1.2 Noto Serif SC,serif}.token-editor input,.phrase-editor input{padding:8px 9px;font-size:12px}.translation-editor{margin-top:16px}.phrase-editor{grid-template-columns:1fr 80px 80px 2fr;align-items:end;gap:9px;margin-top:8px;display:grid}.phrase-editor strong{align-self:center}.publish-bar,.published-card{border-radius:18px;justify-content:space-between;align-items:center;gap:24px;margin-top:28px;display:flex}.publish-bar{background:var(--ink);color:#fff;padding:24px 28px}.publish-bar .eyebrow{color:#9fd8cd}.publish-bar strong{margin-top:7px;display:block}.publish-actions{gap:10px;display:flex}.publish-bar .button--secondary{color:#fff;border-color:#ffffff4d}.published-card{color:#245c3e;background:#e1f1e8;border:1px solid #b9d6c4;padding:20px 24px}.published-card>div{margin-right:auto}.published-card p{margin:3px 0 0;font-size:13px}.modal-backdrop{z-index:200;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#091d1985;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.publish-modal{background:var(--white);width:min(520px,100%);box-shadow:var(--shadow);border-radius:20px;padding:28px}.publish-modal h2{margin:10px 0;font:600 32px/1.2 Georgia,serif}.publish-modal>p{color:var(--ink-soft);line-height:1.6}.confirm-row{background:#f8eee9;border-radius:11px;grid-template-columns:18px 1fr;gap:10px;padding:14px;font-size:13px;line-height:1.5;display:grid}.confirm-row input{width:16px}.modal-actions{justify-content:end;gap:10px;margin-top:20px;display:flex}.dashboard-hero{align-items:center}.usage-card{border-radius:16px;grid-template-columns:48px 1fr auto;align-items:center;gap:18px;margin:24px 0 38px;padding:22px;display:grid}.global-annotation-controls{background:#eef7f4;border:1px solid #bfd9d2;border-radius:11px;flex-wrap:wrap;align-items:center;gap:10px 18px;margin:-4px 0 18px;padding:13px 15px;display:flex}.global-annotation-controls>span{color:var(--teal-dark);margin-right:auto;font-size:12px;font-weight:850}.global-annotation-controls label,.token-visibility label{color:var(--ink-soft);align-items:center;gap:7px;font-size:11px;font-weight:750;display:inline-flex}.global-annotation-controls input,.token-visibility input{width:16px;height:16px;accent-color:var(--teal);margin:0}.token-editor__top{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.token-color-palette{border:0;margin:0;padding:0}.token-color-palette legend{color:var(--ink-soft);text-align:right;margin:0 0 6px auto;font-size:10px;font-weight:750}.token-color-palette>div{gap:6px;display:flex}.token-color-palette button{cursor:pointer;border:2px solid #fff;border-radius:50%;width:22px;height:22px;padding:0;box-shadow:0 0 0 1px #c8c3b8}.token-color-palette button:hover{transform:scale(1.08)}.token-color-palette button.is-selected{box-shadow:0 0 0 2px white, 0 0 0 4px var(--teal)}.token-color-palette button:focus-visible{outline-offset:4px}.token-visibility{border-top:1px solid #e4e0d5;border-bottom:1px solid #e4e0d5;flex-wrap:wrap;gap:8px 14px;padding:8px 0;display:flex}.token-editor textarea{min-height:58px;padding:8px 9px;font-size:12px}.usage-card__icon{width:48px;height:48px;color:var(--teal);background:var(--mint);border-radius:13px;place-items:center;display:grid}.usage-card strong{margin:5px 0 10px;display:block}.usage-card>p{color:var(--ink-soft);font-size:12px}.meter{background:var(--paper-deep);border-radius:9px;height:5px;overflow:hidden}.meter span{background:var(--teal);border-radius:inherit;height:100%;display:block}.library-section{margin-top:20px}.search-box,.input-with-icon{border:1px solid var(--line);background:#fff;border-radius:10px;align-items:center;gap:8px;padding:0 11px;display:flex}.search-box input,.input-with-icon input{box-shadow:none;border:0;padding-left:0}.reading-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.reading-card{border-radius:15px;flex-direction:column;min-height:225px;padding:20px;display:flex}.reading-card__top{color:var(--teal);justify-content:space-between;display:flex}.status-badge{text-transform:uppercase;letter-spacing:.1em;background:#eee;border-radius:20px;padding:5px 8px;font-size:9px;font-weight:850}.status-badge--published{color:#25623f;background:#dff0e7}.status-badge--draft{color:#876623;background:#f2e9d5}.reading-card h3{margin:18px 0 8px;font:600 22px/1.25 Georgia,Noto Serif SC,serif}.reading-card__title{align-items:flex-start;gap:8px;margin:18px 0 8px;display:flex}.reading-card__title h3{flex:1;margin:0}.icon-button{border:1px solid var(--line);width:31px;height:31px;color:var(--teal);background:var(--white);cursor:pointer;border-radius:8px;flex:none;place-items:center;display:inline-grid}.icon-button:hover{background:var(--mint)}.icon-button:disabled{cursor:wait;opacity:.55}.rename-reading-form{align-items:center;gap:6px;margin:18px 0 8px;display:flex}.rename-reading-form input{border:1px solid var(--teal);border-radius:8px;width:100%;min-width:0;height:38px;padding:0 10px;font:600 16px/1.2 Georgia,Noto Serif SC,serif}.rename-reading-error{color:#9c3526;margin:0 0 8px;font-size:11px}.reading-card>p{color:var(--ink-soft);font-size:13px;line-height:1.5}.reading-card__meta{color:var(--ink-soft);margin-top:auto;font-size:11px}.reading-card__meta span,.reading-card>a{align-items:center;gap:5px;display:flex}.reading-card>a{color:var(--teal);margin-top:14px;font-size:13px;font-weight:800}.reading-card--new{color:var(--teal);box-shadow:none;border-style:dashed;justify-content:center;align-items:center;gap:9px}.reading-card--new span{color:var(--ink-soft);font-size:12px}.account-grid{grid-template-columns:repeat(2,1fr);gap:16px;margin-top:30px;display:grid}.account-grid article{border-radius:15px;align-items:center;gap:15px;padding:22px;display:flex}.account-grid svg{color:var(--teal)}.account-grid span{color:var(--ink-soft);margin-bottom:5px;font-size:12px;display:block}.account-heading{justify-content:space-between;align-items:center;gap:24px;display:flex}.account-users{border:1px solid var(--line);background:var(--white);border-radius:18px;margin-top:34px;padding:26px;box-shadow:0 10px 36px #1a37310f}.teacher-user-list{gap:9px;display:grid}.teacher-user-list article{background:#fcfaf4;border:1px solid #e4e0d5;border-radius:11px;grid-template-columns:minmax(0,1fr) 100px 130px;align-items:center;gap:18px;padding:14px 16px;display:grid}.teacher-user-list article>div{gap:3px;display:grid}.teacher-user-list article>div:not(:first-child){text-align:right}.teacher-user-list span{color:var(--ink-soft);font-size:11px}.public-reading-page{min-height:100vh;padding:0 26px}.public-reading-header,.public-reading-footer{justify-content:space-between;align-items:center;max-width:1040px;margin:auto;display:flex}.public-reading-header{height:78px}.public-reading-footer{border-top:1px solid var(--line);color:var(--ink-soft);padding:24px 0 40px;font-size:12px}.public-reading-footer a{color:var(--teal);font-weight:750}.signin-page{grid-template-columns:minmax(380px,.85fr) 1.15fr;min-height:100vh;display:grid}.signin-brand-panel{background:var(--ink);color:#fff;flex-direction:column;justify-content:space-between;padding:42px clamp(34px,6vw,78px);display:flex;position:relative;overflow:hidden}.signin-brand-panel:after{content:"阅";color:#ffffff09;font:330px/1 Georgia,serif;position:absolute;bottom:-70px;right:-70px}.signin-brand-panel>div{z-index:1;position:relative}.signin-brand-panel .eyebrow{color:#9fd8cd}.signin-brand-panel h1{letter-spacing:-.04em;max-width:560px;font:500 clamp(42px,5vw,65px)/1.05 Georgia,serif}.signin-brand-panel ul{color:#ffffffb8;gap:15px;margin:35px 0;padding:0;list-style:none;display:grid}.signin-brand-panel li{align-items:center;gap:10px;display:flex}.signin-brand-panel li svg{color:#9fd8cd;background:#9fd8cd29;border-radius:50%;width:21px;height:21px;padding:4px}.signin-brand-panel>p{color:#ffffff73;font-size:12px}.signin-form-panel{place-items:center;padding:36px;display:grid}.signin-card{width:min(430px,100%)}.signin-card h2{margin:12px 0;font:600 38px/1.15 Georgia,serif}.signin-card>p{color:var(--ink-soft);margin-bottom:28px}.google-button{border:1px solid var(--line);cursor:pointer;width:100%;height:48px;color:var(--ink);background:#fff;border-radius:11px;justify-content:center;align-items:center;gap:8px;font-weight:750;display:flex}.google-button span{color:#4285f4;margin-right:9px;font-weight:900}.divider{color:var(--ink-soft);align-items:center;gap:12px;margin:22px 0;font-size:11px;display:flex}.divider:before,.divider:after{content:"";background:var(--line);flex:1;height:1px}.signin-card form{gap:15px;display:grid}.signin-card small{color:var(--ink-soft);text-align:center;margin-top:22px;font-size:10px;line-height:1.5;display:block}@media (width<=900px){.site-nav>a:not(.button){display:none}.hero{grid-template-columns:1fr;gap:45px;padding-top:55px}.hero-note{max-width:520px}.feature-strip,.token-grid,.reading-grid{grid-template-columns:repeat(2,1fr)}.signin-page{grid-template-columns:1fr}.signin-brand-panel{min-height:440px}.reader-toolbar__main{flex-wrap:wrap}}@media (width<=640px){.site-header{height:68px;padding:0 16px}.home-language-bar{margin-top:0;padding:0 16px}.site-nav{gap:8px}.hero{padding:48px 18px 76px}.hero h1{font-size:47px}.hero-actions,.studio-heading,.dashboard-hero,.section-heading,.library-heading,.publish-bar,.published-card,.final-cta{flex-direction:column;align-items:stretch}.hero-actions{gap:16px}.trust-row{gap:10px}.feature-strip{grid-template-columns:1fr}.feature-strip article{border-bottom:1px solid #ffffff1a}.demo-section{padding:75px 12px}.final-cta{margin:0 14px 50px;padding:34px 26px}.site-footer{margin:0 18px}.reader-toolbar{border-radius:12px 12px 0 0}.reader-toolbar__main{gap:9px;padding:11px}.reader-toolbar__label{font-size:12px}.segmented-control{width:100%}.segmented-control button{flex:1;min-height:40px;padding:7px 5px}.toolbar-hint{flex-direction:column;align-items:flex-start;gap:7px;padding:10px 12px;font-size:10px;line-height:1.35}.reader-paper{padding:34px 14px 24px}.reader-line{grid-template-columns:auto minmax(0,1fr);gap:7px}.reader-line p{font-size:24px;line-height:2.2}.meaning-card{width:calc(100vw - 32px);left:16px!important}.studio-page,.dashboard-page,.account-page{padding:34px 14px 70px}.composer-card,.studio-section{padding:17px}.composer-footer,.publish-actions{flex-direction:column;align-items:stretch}.token-grid,.reading-grid,.account-grid{grid-template-columns:1fr}.account-heading{flex-direction:column;align-items:stretch}.teacher-user-list article{grid-template-columns:1fr 1fr}.teacher-user-list article>div:first-child{grid-column:1/-1}.teacher-user-list article>div:not(:first-child){text-align:left}.phrase-editor{grid-template-columns:1fr 1fr}.phrase-editor strong,.phrase-editor label:last-child{grid-column:1/-1}.usage-card{grid-template-columns:42px 1fr}.usage-card>p{grid-column:1/-1}.public-reading-page{padding:0 10px}.public-reading-header{padding:0 7px}.public-reading-footer{flex-direction:column;align-items:flex-start;gap:8px}.signin-brand-panel{min-height:400px;padding:28px 24px}.signin-form-panel{padding:48px 20px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}