*{box-sizing:border-box}:root{--ink:#284653;--muted:#738d98;--sky:#eaf7fd;--sea:#86c9df;--deep:#4e9fbd;--line:#cfe5ee;--coral:#ef806e;--white:#fff;--sun:#f6ce72}body{margin:0;background:var(--sky);color:var(--ink);font:15px/1.6 Arial,"Microsoft YaHei",sans-serif;letter-spacing:0;overflow-x:hidden}button{font:inherit;cursor:pointer}.sky-shell{position:relative;min-height:100vh;padding-bottom:180px;overflow:hidden}.topbar{position:relative;z-index:3;height:72px;display:flex;align-items:center;justify-content:space-between;max-width:1120px;margin:auto;padding:0 24px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:9px;color:var(--ink);text-decoration:none;font-size:21px}.brand img{width:44px;height:44px;object-fit:contain}.brand span{color:var(--deep)}nav{display:flex;gap:30px}nav a{color:#64808c;text-decoration:none}nav a.active{color:#2b7794;font-weight:700}.page{position:relative;z-index:2;max-width:920px;margin:auto;padding:44px 24px 0}.mode-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.mode-row h1,.profile-page h1{margin:0;font-size:22px}.tabs{display:flex;gap:6px;background:#dceff7;padding:4px;border-radius:8px}.tabs button{border:0;background:transparent;color:#6d8995;padding:7px 15px;border-radius:6px}.tabs button.active{background:#fff;color:#367f9b;font-weight:700;box-shadow:0 2px 8px #4d91a817}.progress{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;color:#78909a;margin-bottom:18px}.track{height:5px;background:#d4e9f1;border-radius:3px;overflow:hidden}.track i{display:block;width:0;height:100%;background:var(--coral);transition:width .25s}.stage,.profile-stage{background:rgba(255,255,255,.94);border:1px solid var(--line);border-radius:8px;min-height:510px;padding:60px 72px 40px;box-shadow:0 18px 50px #4b91aa14}.loading{min-height:350px;display:grid;place-items:center;color:var(--muted)}.level{color:var(--deep);font-size:13px;font-weight:700}.word{font:700 68px/1.08 Georgia,serif;color:#214a5a;margin:38px 0 18px;overflow-wrap:anywhere}.meaning{font-size:23px;color:#355866;max-width:700px}.pos{color:#8298a1;margin-top:12px}.actions{display:flex;align-items:center;justify-content:space-between;margin-top:58px;padding-top:24px;border-top:1px solid #e0edf2}.actions button,.known,.text-button{border:0;padding:12px 20px;border-radius:6px}.again,.text-button{background:transparent;color:#78909a}.known{background:var(--deep);color:#fff;font-weight:700;min-width:112px}.done{text-align:center;padding-top:42px}.done-mark{width:76px;height:76px;border-radius:50%;display:grid;place-items:center;margin:auto;background:#dff2f8;color:var(--deep);font:700 28px Georgia,serif}.done h2{font-size:24px;margin:22px 0 8px}.done p{color:var(--muted);margin-bottom:30px}.profile-page{max-width:820px}.profile-page>h1{margin-bottom:20px}.profile-stage{min-height:430px}.profile-total{text-align:center;border-bottom:1px solid #e0edf2;padding:12px 0 34px}.profile-total span,.book-stats span{display:block;color:var(--muted)}.profile-total strong{font:700 58px Georgia,serif;color:var(--deep)}.book-stats{display:grid;grid-template-columns:repeat(3,1fr);padding:36px 0}.book-stats div{text-align:center;border-right:1px solid #e0edf2}.book-stats div:last-child{border:0}.book-stats strong{font-size:25px}.profile-actions{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #e0edf2;padding-top:24px}.link-button{text-decoration:none;text-align:center}.cloud{position:absolute;background:#fff;border-radius:60px;opacity:.76;pointer-events:none}.cloud:before,.cloud:after{content:"";position:absolute;background:#fff;border-radius:50%}.cloud-a{width:150px;height:38px;left:7%;top:145px}.cloud-a:before{width:58px;height:58px;left:28px;bottom:5px}.cloud-a:after{width:78px;height:78px;right:20px;bottom:4px}.cloud-b{width:118px;height:30px;right:8%;top:210px;opacity:.58}.cloud-b:before{width:48px;height:48px;left:18px;bottom:3px}.cloud-b:after{width:60px;height:60px;right:12px;bottom:3px}.sea{position:absolute;z-index:1;left:0;right:0;bottom:0;height:170px;background:var(--sea)}.wave{position:absolute;left:-5%;width:110%;height:70px;border-radius:50%;background:var(--sky)}.wave-back{top:-34px;left:-18%;background:#b6deed;opacity:.72}.wave-front{top:-18px;left:10%}.sea>i{position:absolute;left:12%;right:12%;height:2px;background:#bfe6f1;border-radius:2px}.sea>i:nth-of-type(1){top:74px}.sea>i:nth-of-type(2){top:108px;left:25%;right:8%}.sea>i:nth-of-type(3){top:138px;left:5%;right:35%}@media(max-width:720px){.sky-shell{padding-bottom:125px}.page{padding:30px 16px 0}.mode-row{display:block}.mode-row h1{margin-bottom:16px}.tabs{width:100%}.tabs button{flex:1}.stage,.profile-stage{min-height:480px;padding:44px 28px 32px}.word{font-size:52px}.meaning{font-size:21px}.actions{margin-top:48px}.sea{height:120px}.cloud-a{left:-55px;top:122px}.cloud-b{right:-50px;top:175px}.book-stats{gap:0}.topbar{padding:0 18px}.progress{font-size:13px}}@media(max-width:390px){.stage,.profile-stage{padding-left:24px;padding-right:24px}.word{font-size:46px}.actions button{padding:11px 12px}.known{min-width:100px}.profile-actions{display:grid;gap:12px}.book-stats strong{font-size:21px}}
[hidden]{display:none!important}
.mode-row>div:first-child{min-width:0}.mode-note{margin:3px 0 0;color:var(--muted);font-size:13px}.card-topline{display:flex;align-items:center;justify-content:space-between;gap:18px}.card-topline>span{color:var(--muted);font-size:13px}.association{margin-top:28px;padding-top:22px;border-top:1px solid #e0edf2}.morphology{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:22px}.morphology span{display:flex;align-items:baseline;gap:6px;padding:7px 10px;border:1px solid #cae3ed;border-radius:6px;color:#64808c;background:#f5fbfd;font-size:13px}.morphology b{color:#287b9a;font-size:15px}.relation-groups{display:grid;gap:17px}.relation-groups section>span{display:block;margin-bottom:7px;color:#7c949e;font-size:12px}.relation-groups section>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:20px}.relation-word{display:grid;grid-template-columns:minmax(90px,.8fr) 1.2fr;align-items:baseline;gap:10px;border:0;border-bottom:1px solid #e7f0f4;background:transparent;padding:8px 0;text-align:left;color:var(--ink)}.relation-word b{overflow:hidden;text-overflow:ellipsis}.relation-word small{color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.reveal-actions{color:#5e7f8c}.result-grid{display:grid;grid-template-columns:repeat(3,1fr);max-width:470px;margin:30px auto 22px;border-top:1px solid #e0edf2;border-bottom:1px solid #e0edf2}.result-grid div{padding:20px 8px;border-right:1px solid #e0edf2}.result-grid div:last-child{border:0}.result-grid strong,.result-grid span{display:block}.result-grid strong{font:700 32px Georgia,serif;color:var(--deep)}.result-grid span{font-size:12px;color:var(--muted)}
@media(max-width:720px){.mode-row>div:first-child{margin-bottom:16px}.mode-row h1{margin-bottom:0}.stage{min-height:500px}.card-topline{align-items:flex-start}.word{margin-top:30px}.relation-groups section>div{grid-template-columns:1fr}.relation-word{grid-template-columns:minmax(88px,.7fr) 1.3fr}.reveal-actions{align-items:flex-end;gap:14px}.reveal-actions span{font-size:13px;line-height:1.4}}
.cet6-summary{border-top:1px solid #e0edf2;padding-top:24px}.summary-title{display:flex;justify-content:space-between;align-items:center;color:var(--muted)}.summary-title strong{color:var(--deep)}.cet6-summary .result-grid{margin:18px auto 26px}
.word.long{font-size:54px}.word.xlong{font-size:43px}@media(max-width:720px){.word.long{font-size:41px}.word.xlong{font-size:33px}}@media(max-width:390px){.word.long{font-size:38px}.word.xlong{font-size:30px}}

/* Product navigation */
.main-nav{align-items:stretch;height:72px}.main-nav>a,.nav-menu>a{display:flex;align-items:center;height:72px}.nav-menu{position:relative}.nav-dropdown{position:absolute;top:60px;left:50%;width:132px;padding:7px;background:#fff;border:1px solid var(--line);border-radius:7px;box-shadow:0 12px 28px #39778e24;opacity:0;visibility:hidden;transform:translate(-50%,-5px);transition:.16s;z-index:10}.nav-dropdown a{display:block;padding:8px 11px;border-radius:5px;color:#587681;white-space:nowrap}.nav-dropdown a:hover{background:#edf8fc;color:#267895}.nav-menu:hover .nav-dropdown,.nav-menu:focus-within .nav-dropdown{opacity:1;visibility:visible;transform:translate(-50%,0)}
.classification{display:flex;align-items:center;gap:13px;min-width:0}.inline-action,.delete-button{border:0;background:transparent;color:#2780a0;padding:5px 0;text-decoration:underline;text-underline-offset:3px}.toast{position:fixed;z-index:30;left:50%;bottom:32px;transform:translateX(-50%);padding:10px 16px;border-radius:6px;background:#284653;color:#fff;box-shadow:0 8px 24px #28465338;white-space:nowrap}

/* Shared page surfaces */
.wide-page,.library-page{max-width:1100px}.page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:20px}.page-heading h1{margin:0;font-size:25px}.page-heading p{margin:4px 0 0;color:var(--muted)}.heading-actions{display:flex;gap:10px}.secondary-button,.load-more{border:1px solid #b9d9e5;border-radius:6px;background:#f9fdff;color:#39798f;padding:11px 18px}.word-workspace,.filter-panel{background:rgba(255,255,255,.94);border:1px solid var(--line);border-radius:8px;box-shadow:0 18px 50px #4b91aa12}.status-tabs{display:flex;gap:4px;padding:14px 18px 0;border-bottom:1px solid #e0edf2}.status-tabs button{border:0;border-bottom:2px solid transparent;background:transparent;color:var(--muted);padding:10px 16px 12px}.status-tabs button.active{border-color:var(--deep);color:#2b7794;font-weight:700}.status-tabs span{display:inline-grid;place-items:center;min-width:22px;height:20px;margin-left:4px;padding:0 6px;border-radius:10px;background:#e5f4f9;font-size:11px}.saved-list{padding:0 24px}.saved-word{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px;align-items:center;padding:19px 0;border-bottom:1px solid #e5eff3}.saved-word:last-child{border:0}.saved-word>div:first-child{display:grid;grid-template-columns:170px minmax(0,1fr);gap:22px;align-items:baseline}.saved-word strong{font:700 21px Georgia,serif;color:#214a5a;overflow-wrap:anywhere}.saved-word span{color:#607c87}.saved-meta{display:flex;align-items:center;gap:18px}.saved-meta small,.library-term small{padding:2px 6px;border-radius:4px;background:#e8f6fa;color:#39798f}.delete-button{color:#8a7070}.empty-state{min-height:290px;display:grid;place-content:center;text-align:center;color:var(--muted)}.empty-state strong{color:var(--ink);font-size:18px}.empty-state span{margin-top:5px}

/* Review dialog */
.dialog{width:min(480px,calc(100% - 32px));padding:0;border:1px solid var(--line);border-radius:8px;color:var(--ink);box-shadow:0 28px 70px #2846533b}.dialog::backdrop{background:#28465340;backdrop-filter:blur(2px)}.dialog form{padding:24px}.dialog-head{display:flex;align-items:center;justify-content:space-between}.dialog h2{margin:0;font-size:21px}.close-button{border:0;background:transparent;color:var(--muted);font-size:26px;line-height:1}.field-label{display:block;margin:26px 0 8px;color:#587681;font-weight:700}.range-row{display:grid;grid-template-columns:1fr 72px;gap:16px;align-items:center}.range-row input[type=number],.root-control input,.search-box input{width:100%;border:1px solid #c8dfe8;border-radius:6px;background:#fbfeff;color:var(--ink);padding:10px}.dialog fieldset{display:flex;gap:20px;margin:24px 0;border:0;padding:0}.dialog legend{margin-bottom:8px;color:#587681;font-weight:700}.dialog-actions{display:flex;justify-content:flex-end;gap:10px;padding-top:18px;border-top:1px solid #e0edf2}

/* Vocabulary library */
.library-shell{padding-bottom:130px}.compact-heading{align-items:center}.search-box{display:grid;grid-template-columns:auto minmax(180px,260px);align-items:center;gap:10px;color:var(--muted)}.filter-panel{padding:8px 22px}.filter-row{display:grid;grid-template-columns:100px 1fr;gap:16px;padding:13px 0;border-bottom:1px solid #e8f1f4}.filter-row>strong{padding-top:3px;font-size:13px;color:#55737f}.choice-group{display:flex;align-items:center;flex-wrap:wrap;gap:8px 20px}.choice-group label{color:#5f7b86}.choice-group input,.dialog input[type=checkbox]{accent-color:var(--deep)}.alphabet{display:flex;flex-wrap:wrap;gap:4px}.alphabet button{width:29px;height:29px;border:0;border-radius:5px;background:transparent;color:#64808c;padding:0}.alphabet button.active,.alphabet button:hover{background:#dff2f8;color:#287b9a;font-weight:700}.filter-note{font-size:11px;color:#8aa0a8;border-bottom:1px dotted #8aa0a8}.root-control{max-width:350px}.filter-footer{display:flex;justify-content:flex-end;padding:10px 0 4px}.library-list{margin-top:16px;background:rgba(255,255,255,.9);border-top:1px solid var(--line)}.library-word{display:grid;grid-template-columns:210px minmax(0,1fr) 240px;align-items:center;gap:24px;padding:17px 20px;border-bottom:1px solid #dceaf0}.library-term strong{display:block;font:700 20px Georgia,serif;color:#214a5a;overflow-wrap:anywhere}.library-term>div{display:flex;gap:4px;margin-top:4px}.library-word p{margin:0;color:#58727d}.library-tags{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:5px}.library-tags span{padding:3px 7px;border:1px solid #d5e8ef;border-radius:4px;color:#718b95;font-size:11px}.library-term .status-unknown{background:#fdeae6;color:#a4594e}.library-term .status-unfamiliar{background:#fff2d9;color:#936b24}.library-term .status-possible{background:#edf0fa;color:#6672a0}.load-more{display:block;margin:18px auto 0}.subtle-sea{height:85px}.two-columns{grid-template-columns:repeat(2,1fr)}

@media(max-width:800px){.main-nav{gap:16px}.library-word{grid-template-columns:150px minmax(0,1fr)}.library-tags{display:none}}
@media(max-width:720px){.topbar{height:auto;min-height:72px;align-items:flex-start;gap:8px}.brand{padding-top:14px}.main-nav{height:auto;gap:4px;display:grid;grid-template-columns:repeat(4,auto);font-size:12px}.main-nav>a,.nav-menu>a{height:48px;justify-content:center}.nav-menu{grid-column:1}.nav-dropdown{top:42px}.page-heading{align-items:flex-start}.heading-actions{width:100%}.heading-actions button{flex:1}.wide-page,.library-page{padding-top:24px}.saved-word>div:first-child{grid-template-columns:1fr;gap:2px}.saved-word{gap:12px}.saved-meta small{display:none}.compact-heading{display:block}.search-box{margin-top:14px;grid-template-columns:auto 1fr}.filter-panel{padding:6px 15px}.filter-row{grid-template-columns:1fr;gap:5px}.library-word{grid-template-columns:1fr;padding:15px 6px}.library-word p{margin-top:4px}.dialog fieldset{display:grid;grid-template-columns:1fr 1fr}.classification{display:grid;gap:3px}.inline-action{text-align:left}.toast{bottom:18px}.subtle-sea{display:none}}
@media(max-width:430px){.brand strong{display:none}.main-nav{width:100%;justify-content:end}.page-heading{display:block}.heading-actions{margin-top:15px}.status-tabs{padding-left:6px;padding-right:6px}.status-tabs button{flex:1;padding-left:4px;padding-right:4px;font-size:13px}.saved-list{padding:0 15px}.filter-row{padding:11px 0}}
.alphabet button[data-letter=""]{width:44px}

/* Learning detail, collections, and pagination */
body{font-family:"PingFang SC","Microsoft YaHei UI","Microsoft YaHei",Arial,sans-serif;line-height:1.65}.word,.library-term strong,.saved-word strong{font-family:Georgia,"Times New Roman",serif}.stage{padding-top:46px}.card-tools{display:flex;align-items:center;gap:14px}.favorite-button,.library-favorite{border:0;background:transparent;color:#6d8793;display:inline-flex;align-items:center;gap:4px;padding:4px 0;font-size:13px}.favorite-button span,.library-favorite span{font-size:21px;line-height:1}.favorite-button.saved,.library-favorite.saved{color:#d68d36}.favorite-button:hover,.library-favorite:hover{color:#3488a8}.definition-list{display:grid;gap:13px;max-width:720px}.definition-row{display:grid;grid-template-columns:68px minmax(0,1fr);gap:16px;align-items:baseline;color:#355866;font-size:18px}.definition-row b{color:#3488a8;font-family:Georgia,"Times New Roman",serif;font-size:17px}.definition-row span{overflow-wrap:anywhere}.association{margin-top:24px}.relation-groups{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.relation-section{min-width:0}.relation-section>span{font-weight:700;color:#537987}.relation-section.empty{opacity:.68}.relation-section.empty p{margin:0;color:#8aa0a8;font-size:12px}.relation-groups section>div{grid-template-columns:1fr}.relation-word{grid-template-columns:minmax(72px,.75fr) 1.25fr}.library-tags{align-items:center}.library-favorite{margin-left:4px;white-space:nowrap}.library-favorite em{font-style:normal;font-size:12px}.pagination{display:flex;align-items:center;justify-content:center;gap:6px;margin:20px 0 0}.pagination button{width:34px;height:34px;border:1px solid #c7e0e9;border-radius:5px;background:#fff;color:#4f7887;padding:0}.pagination button:hover:not(:disabled),.pagination button.active{background:#3488a8;border-color:#3488a8;color:#fff}.pagination button:disabled{opacity:.42;cursor:default}.pagination label{display:flex;align-items:center;gap:6px;margin-left:8px;color:#6d8793;font-size:13px}.pagination input{width:52px;height:34px;border:1px solid #c7e0e9;border-radius:5px;padding:4px 7px;color:#284653;background:#fff;text-align:center}.status-tabs{overflow-x:auto}.status-tabs button{white-space:nowrap}
@media(max-width:720px){.card-tools{align-items:flex-end;display:grid;gap:3px;text-align:right}.card-tools .favorite-button{justify-self:end}.definition-row{grid-template-columns:48px minmax(0,1fr);gap:10px;font-size:16px}.relation-groups{grid-template-columns:1fr;gap:16px}.library-favorite em{display:none}.pagination{flex-wrap:wrap}.pagination label{margin-left:0}.stage{padding-top:38px}}

/* Account */
.account-panel{margin-bottom:16px;background:rgba(255,255,255,.92);border:1px solid var(--line);border-radius:8px;box-shadow:0 14px 38px #4b91aa10}.account-loading{padding:22px;color:var(--muted)}.account-guest,.account-signed{display:flex;align-items:center;gap:16px;padding:18px 22px}.account-avatar{width:62px;height:62px;object-fit:contain;flex:0 0 auto}.account-guest>div:nth-child(2),.account-identity{min-width:0;flex:1}.account-guest strong,.account-identity strong{display:block;font-size:17px}.account-guest span,.account-identity span,.account-identity small{display:block;color:var(--muted);font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-identity small{margin-top:3px;color:#5c94a9}.account-identity .sync-state.sync-syncing{color:var(--deep)}.account-identity .sync-state.sync-failed{color:#b5473c}.sync-retry{border:0;background:transparent;color:inherit;font:inherit;text-decoration:underline;cursor:pointer;padding:0}.account-controls{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap}.account-controls .known,.account-controls .secondary-button{padding:9px 14px}.account-points{min-width:58px;text-align:center;padding:0 16px;border-left:1px solid #dfebef;border-right:1px solid #dfebef}.account-points span,.account-points strong{display:block}.account-points span{font-size:12px;color:var(--muted)}.account-points strong{font:700 24px Georgia,serif;color:var(--deep)}.danger-link{color:#a56d68}.account-dialog input{width:100%;border:1px solid #c8dfe8;border-radius:6px;background:#fbfeff;color:var(--ink);padding:11px}.auth-switch{display:grid;grid-template-columns:1fr 1fr;margin:20px 0 4px;border-bottom:1px solid #e0edf2}.auth-switch button{border:0;border-bottom:2px solid transparent;background:transparent;padding:9px;color:var(--muted)}.auth-switch button.active{border-color:var(--deep);color:#287b9a;font-weight:700}.avatar-picker{display:flex;flex-wrap:wrap;gap:9px}.avatar-choice{width:52px;height:52px;padding:2px;border:2px solid transparent;border-radius:50%;background:#eff8fb}.avatar-choice.active{border-color:var(--deep);background:#dff3f9}.avatar-choice img{width:100%;height:100%;object-fit:contain}.account-submit{width:100%;margin-top:26px}.plain-link{display:block;margin:12px auto 0;border:0;background:transparent;color:#4284a0;text-decoration:underline;text-underline-offset:3px}.form-message{min-height:20px;margin-top:14px;color:#4a8a61;font-size:13px}.form-message.error{color:#bd655d}.dialog-copy{margin:18px 0 0;color:var(--muted);font-size:14px}.danger-copy{color:#9e6a66}.danger-button{border:0;border-radius:6px;background:#c96e66;color:#fff;padding:12px 18px}.danger-button:hover{background:#b95d56}
@media(max-width:720px){.account-guest,.account-signed{align-items:flex-start;padding:16px}.account-guest{display:grid;grid-template-columns:auto 1fr}.account-guest .account-controls{grid-column:1/-1;justify-content:stretch}.account-guest .account-controls button{flex:1}.account-signed{display:grid;grid-template-columns:auto 1fr}.account-signed .account-points{grid-column:1/-1;display:flex;gap:8px;align-items:baseline;justify-content:flex-start;padding:0;border:0}.account-signed .account-controls{grid-column:1/-1;justify-content:flex-start}.account-avatar{width:54px;height:54px}}
.password-hint{margin:7px 0 0;color:#7d959f;font-size:12px;line-height:1.5}
.relation-word small{overflow:visible;text-overflow:clip;white-space:normal;line-height:1.5}.relation-word b{overflow:visible;text-overflow:clip;overflow-wrap:anywhere}

/* Home */
.home-shell{background:linear-gradient(180deg,#effaff 0,#dff4fb 45%,#f8fcfe 45%,#f8fcfe 100%)}.home-shell .topbar{max-width:1180px}.hero{max-width:1180px;min-height:610px;margin:0 auto;padding:74px 42px 58px;display:grid;grid-template-columns:1fr .9fr;align-items:center;gap:40px;position:relative}.hero-copy{max-width:565px}.eyebrow,.section-kicker{margin:0 0 12px;color:#3688a6;font-weight:700;font-size:13px;letter-spacing:1px}.hero h1{margin:0;color:#204b5d;font-size:52px;line-height:1.18;font-family:"Microsoft YaHei UI","PingFang SC",sans-serif}.hero-copy>p:not(.eyebrow){margin:24px 0;color:#577985;font-size:18px;max-width:500px}.hero-actions{display:flex;gap:12px;margin-top:30px}.hero-primary,.hero-secondary{border:0;border-radius:7px;padding:14px 23px;font-weight:700;font-size:16px}.hero-primary{background:#2f92b4;color:#fff;box-shadow:0 10px 22px #277f9b35}.hero-secondary{background:#fff;color:#327b95;border:1px solid #bddde8}.hero-copy small{display:block;margin-top:15px;color:#7696a1}.hero-fox{min-height:420px;display:grid;place-items:center;position:relative}.hero-fox img{width:min(100%,420px);height:420px;object-fit:contain;position:relative;z-index:1;filter:drop-shadow(0 20px 22px #5b9bb633)}.hero-halo{width:365px;height:365px;border-radius:50%;background:#c6ebf5;position:absolute}.float-card{position:absolute;z-index:2;background:#fff;padding:9px 13px;border:1px solid #d2e8ef;border-radius:7px;color:#468197;font-weight:700;box-shadow:0 9px 22px #518ca51c}.card-a{right:6%;top:24%}.card-b{left:2%;bottom:25%}.home-section{max-width:1100px;margin:0 auto;padding:78px 38px}.contact-section{display:flex;align-items:center;justify-content:space-between;gap:42px;border-top:1px solid #d7eaf1}.home-section h2{margin:0;color:#294e5d;font-size:28px}.home-section p{color:#69858f;max-width:590px}.contact-placeholder{min-width:255px;padding:25px;border:1px dashed #a9d5e3;border-radius:8px;background:#f3fbfe;text-align:center}.contact-placeholder span,.contact-placeholder strong{display:block}.contact-placeholder span{color:#6f909d;font-size:13px}.contact-placeholder strong{margin-top:4px;color:#3b87a2}.future-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;padding:0 38px 80px;background:#d8eaf0}.future-grid article{background:#f8fcfe;min-height:230px;padding:32px}.future-grid span{color:#7fb4c5;font:700 14px Georgia,serif}.future-grid h2{font-size:21px;margin:20px 0 8px}.future-grid p{font-size:14px}.future-grid em{color:#6da0b0;font-style:normal;font-size:12px}.site-footer{display:flex;align-items:center;gap:22px;max-width:1100px;margin:0 auto;padding:28px 38px;color:#75909a;font-size:13px}.site-footer strong{color:#426370;margin-right:auto}.site-footer a{color:inherit;text-decoration:none}.study-page{padding-top:34px}.study-heading{display:flex;align-items:center;gap:14px;margin-bottom:18px}.study-heading h1{font-size:24px;margin:0}.study-heading p{margin:0;color:var(--muted);font-size:13px}.back-home{width:38px;height:38px;border:1px solid #c6e1ea;border-radius:6px;background:#fff;color:#39798f;font-size:20px}.session-progress{margin-bottom:18px}.study-launcher fieldset{display:flex;flex-wrap:wrap;gap:12px 20px;margin:22px 0;border:0;padding:0}.study-launcher legend{width:100%;margin-bottom:3px;color:#55737f;font-weight:700}.study-launcher label{color:#587681}.launcher-note{min-height:22px;color:#77919b;font-size:13px}
@media(max-width:760px){.hero{min-height:auto;grid-template-columns:1fr;padding:42px 24px 32px;gap:16px}.hero h1{font-size:38px}.hero-copy>p:not(.eyebrow){font-size:16px}.hero-fox{min-height:270px;order:-1}.hero-fox img{height:280px;width:280px}.hero-halo{width:235px;height:235px}.card-a{right:8%;top:17%}.card-b{left:7%;bottom:13%}.home-section{padding:52px 24px}.contact-section{display:block}.contact-placeholder{margin-top:24px}.future-grid{grid-template-columns:1fr;padding:0 24px 52px;gap:1px}.future-grid article{min-height:0;padding:25px}.site-footer{flex-wrap:wrap;padding:24px}.site-footer strong{width:100%;margin-right:0}.study-page{padding-top:24px}}
.avatar-picker{display:grid;grid-template-columns:repeat(5,52px);gap:9px}.avatar-choice img{object-fit:cover;border-radius:50%}

/* Cinematic homepage */
.home-shell{padding-bottom:0;background:#f8fbfd}.home-shell .topbar{position:absolute;top:0;left:50%;width:min(1240px,100%);transform:translateX(-50%);border-bottom-color:#ffffff63;color:#fff}.home-shell .brand{color:#123b51}.home-shell .brand span{color:#287caa}.home-shell .main-nav>a{color:#184a63;font-weight:700}.home-shell .main-nav>a.active{color:#116fa6;border-bottom:2px solid #167caf}.hero-cinematic{isolation:isolate;max-width:none;min-height:780px;margin:0;padding:150px max(7vw,56px) 108px;display:block;overflow:hidden;color:#143f59}.hero-scene,.hero-shade{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}.hero-shade{z-index:-1;background:rgba(244,251,255,.28)}.hero-cinematic .hero-copy{max-width:630px;position:relative}.hero-cinematic .eyebrow{color:#196f9b;font-size:12px;letter-spacing:2px}.hero-cinematic h1{color:#123f5a;font-size:clamp(48px,5vw,78px);line-height:1.08;font-weight:800;text-shadow:0 1px 0 #fff8}.hero-cinematic .hero-copy>p:not(.eyebrow){max-width:510px;font-size:18px;color:#315d73}.hero-actions{margin-top:36px}.hero-primary,.hero-secondary{min-width:144px;border-radius:0;padding:15px 24px}.hero-primary{background:#146f9f;box-shadow:0 12px 26px #175a7147}.hero-secondary{border-color:#86b6ca;background:#ffffffd9;color:#155b80}.hero-fox{position:absolute;right:8%;bottom:-24px;min-height:0;width:min(28vw,390px);display:block}.hero-fox img{width:100%;height:auto;filter:drop-shadow(0 24px 22px #3b759345)}.hero-scroll{position:absolute;bottom:28px;left:50%;transform:translateX(-50%);font-size:12px;letter-spacing:2px;color:#286a8d}.home-intro{max-width:1180px;margin:0 auto;padding:150px 8vw 132px}.home-intro h2,.home-path h2,.home-contact h2{margin:0;color:#123f5a;font-size:clamp(36px,4vw,58px);line-height:1.18}.home-intro>p:not(.section-kicker){max-width:570px;margin:32px 0;color:#5b7483;font-size:17px}.text-link{display:inline-block;color:#126e9c;text-decoration:none;border-bottom:1px solid currentColor;padding-bottom:5px;font-weight:700}.home-path{min-height:580px;position:relative;display:grid;grid-template-columns:minmax(140px,.45fr) minmax(340px,1fr) minmax(270px,.7fr);gap:42px;align-items:center;padding:80px max(7vw,56px);background:#d8edf7;overflow:hidden}.path-stamp{align-self:start;color:#71a6bf;font:700 14px Georgia,serif;letter-spacing:2px}.path-copy{max-width:540px}.path-copy>p:not(.section-kicker){margin:28px 0;color:#4e7181;font-size:16px}.outline-command{border:1px solid #216c8c;border-radius:0;background:transparent;color:#155f82;padding:13px 22px;font-weight:700}.path-visual{align-self:end;justify-self:center;width:min(100%,330px)}.path-visual img{display:block;width:100%;height:auto;filter:drop-shadow(0 17px 16px #5b93aa44)}.home-contact{display:grid;grid-template-columns:1.2fr .8fr .55fr;gap:46px;align-items:end;padding:130px max(7vw,56px);background:#123f5a;color:#fff}.home-contact h2{color:#fff}.home-contact>p{margin:0;color:#c9e1ec}.contact-mark{display:grid;gap:9px;font-size:13px;color:#c2dce8}.contact-mark strong{color:#fff;font-size:18px}.future-strip{display:grid;grid-template-columns:1fr 1fr;background:#f2f8fb}.future-strip article{min-height:350px;padding:74px max(7vw,56px);border-right:1px solid #c5dce7}.future-strip article:last-child{border-right:0}.future-strip span{color:#76a8bd;font:700 13px Georgia,serif;letter-spacing:2px}.future-strip h2{margin:48px 0 12px;color:#16435c;font-size:34px}.future-strip p{max-width:430px;margin:0;color:#627c89}.future-strip em{display:block;margin-top:34px;color:#2d83a9;font-style:normal;font-size:13px}.site-footer{max-width:none;margin:0;padding:28px max(7vw,56px);background:#f2f8fb;border-top:1px solid #d7e6ed}.hero-halo,.float-card{display:none}@media(max-width:760px){.home-shell .topbar{position:relative;left:auto;transform:none;width:100%;background:#ffffffde;border-bottom-color:#d9e8ee}.hero-cinematic{min-height:720px;padding:82px 24px 54px}.hero-cinematic h1{font-size:44px}.hero-cinematic .hero-copy>p:not(.eyebrow){font-size:16px}.hero-fox{right:4%;bottom:-8px;width:230px}.hero-scroll{left:24px;transform:none;bottom:22px}.home-intro{padding:84px 24px}.home-intro h2,.home-path h2,.home-contact h2{font-size:38px}.home-path{display:block;min-height:0;padding:70px 24px 0}.path-stamp{display:block}.path-copy{margin-top:38px}.path-visual{width:260px;margin:28px auto 0}.home-contact{display:block;padding:78px 24px}.home-contact>p{margin:30px 0}.future-strip{grid-template-columns:1fr}.future-strip article{min-height:260px;padding:55px 24px;border-right:0;border-bottom:1px solid #c5dce7}.future-strip h2{margin-top:30px;font-size:29px}.site-footer{padding:28px 24px}}

/* Focused study UI refresh */
:root{--ink:#183347;--muted:#6f8490;--sky:#f4f8fb;--sea:#5b9dbc;--deep:#176b94;--line:#d8e5eb;--coral:#e97c68;--white:#fff;--sun:#f1c968}
body{background:#f4f8fb;color:var(--ink);font-family:"PingFang SC","Microsoft YaHei UI","Microsoft YaHei",Arial,sans-serif}.sky-shell{padding-bottom:0;background:#f4f8fb;overflow:visible}.sky-shell:not(.home-shell) .sea,.sky-shell:not(.home-shell) .cloud{display:none}
.topbar{height:68px;max-width:1180px;background:transparent;border-bottom:1px solid var(--line)}.brand{font-size:20px;letter-spacing:0}.brand img{width:40px;height:40px}.brand span{color:#2c84ad}.main-nav{gap:8px;height:68px}.main-nav>a,.nav-menu>a{height:68px;padding:0 12px;color:#537081;font-weight:600}.main-nav>a.active{color:#126894;border-bottom:3px solid #1687b7}.nav-menu{height:68px}.nav-dropdown{top:58px;border-radius:6px;border-color:var(--line);box-shadow:0 12px 26px rgba(33,81,103,.12)}
.page{max-width:1040px;padding-top:34px}.study-page{padding-top:30px}.study-heading{margin-bottom:14px}.study-heading h1{font-size:25px;letter-spacing:0}.study-heading p{color:#72909e}.back-home{width:36px;height:36px;border-radius:6px;color:#176b94;background:#fff}.session-progress{position:relative;margin:0 0 15px;padding:12px 14px;border:1px solid var(--line);border-radius:8px;background:#fff;color:#66818e}.session-progress .track{height:7px;background:#e8f0f3}.session-progress .track i{background:#e97c68}.session-progress #progressText{font:500 13px "SFMono-Regular",Consolas,monospace;color:#31596e}
.stage{min-height:0;padding:31px 38px 27px;border-radius:10px;border:1px solid var(--line);background:#fff;box-shadow:0 16px 34px rgba(32,74,93,.07)}.loading{min-height:360px}.card-topline{min-height:28px;padding-bottom:17px;border-bottom:1px solid #edf2f4}.level{display:inline-flex;align-items:center;min-height:24px;padding:3px 9px;border-radius:4px;background:#edf7fa;color:#187194;font-size:12px;letter-spacing:.02em}.card-tools{gap:11px}.favorite-button{width:32px;height:32px;justify-content:center;border:1px solid #d9e7ec;border-radius:6px;background:#fff}.favorite-button:hover{background:#f2f9fb}
.word{width:min(100%,760px);margin:37px 0 9px;color:#173d55;font:600 clamp(45px,6vw,70px)/1.04 Georgia,"Times New Roman",serif;letter-spacing:0}.word-pronunciation{width:100%;margin:0;padding:0;gap:9px;color:#688493;font-size:16px}.word-pronunciation .audio-button{width:30px;height:30px;border-radius:5px;color:#176b94}.word-pronunciation .audio-button:hover{background:#eaf6fa}.quiz-panel{width:min(100%,760px);margin-top:39px;padding-top:22px;border-top:1px solid #e7eff2}.quiz-panel>p{margin:0 0 14px;color:#54717f;font-size:14px;font-weight:700;text-align:left}.quiz-options{gap:10px}.quiz-option{min-height:60px;border:1px solid #d6e5ea;border-radius:7px;background:#fff;box-shadow:none;transition:border-color .16s,background .16s,transform .16s}.quiz-option:hover{border-color:#4c9cc0;background:#f6fbfd;transform:translateX(2px)}.quiz-option b{background:#eaf5f9;color:#176b94}
.definition-list{width:min(100%,780px);gap:0;margin-top:35px;border-top:1px solid #e6eef1}.definition-row{grid-template-columns:72px minmax(0,1fr);gap:14px;padding:14px 4px;border-bottom:1px solid #e6eef1;color:#355967;font-size:18px;line-height:1.65}.definition-row b{color:#176b94;font-size:17px}.association{margin-top:25px;padding-top:0;border-top:0}.morphology{gap:7px;margin-bottom:15px}.morphology span{padding:6px 9px;border-color:#d6e8e8;border-radius:5px;background:#f5faf9;color:#52777a}.morphology b{color:#278465}.relation-groups{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.relation-section{padding:14px;border:1px solid #e1ebed;border-radius:7px;background:#fbfdfe}.relation-section:nth-child(1){border-top:3px solid #48a889}.relation-section:nth-child(2){border-top:3px solid #4d95bd}.relation-section:nth-child(3){border-top:3px solid #e7836d}.relation-section>span{margin-bottom:7px;color:#375d6d;font-size:12px}.relation-word{grid-template-columns:1fr;gap:2px;padding:8px 0}.relation-word b{font:600 15px Georgia,"Times New Roman",serif;color:#21495c}.relation-word small{font-size:12px;white-space:normal;line-height:1.45}.relation-section.empty p{line-height:1.45}
.actions{margin-top:30px;padding-top:19px;border-top:1px solid #e5eef1}.actions button,.known,.text-button{min-height:44px;border-radius:6px}.again{padding:10px 4px;color:#6e8390}.again:hover{color:#c75e4d}.known{min-width:126px;background:#176b94;box-shadow:0 5px 12px rgba(23,107,148,.18)}.known:hover{background:#105a80}.reveal-actions{align-items:center}.classification{gap:9px;color:#58717d}.inline-action{color:#26779b;text-underline-offset:4px}.done{padding:38px 0 20px}.done-mark{width:64px;height:64px;background:#e9f7f1;color:#278465}.done h2{font-size:26px}.result-grid{max-width:540px;margin-top:27px}.result-grid strong{font-size:29px;color:#176b94}
.dialog{border-radius:10px;border-color:#cfe0e7}.dialog form{padding:25px}.dialog h2{font-size:22px}.dialog fieldset{gap:12px 20px}.dialog-actions{padding-top:17px}.secondary-button,.load-more{border-radius:6px;background:#fff}.toast{border-radius:7px;background:#183c52}.wide-page,.library-page{max-width:1120px}.page-heading{margin-bottom:18px}.page-heading h1{font-size:27px}.page-heading p{font-size:14px}.word-workspace,.filter-panel{border-radius:9px;box-shadow:0 14px 32px rgba(32,74,93,.06)}.status-tabs{padding-left:13px}.status-tabs button.active{color:#176b94;border-color:#176b94}.saved-list{padding:0 22px}.saved-word{padding:17px 0}.saved-word>div:first-child{grid-template-columns:155px minmax(0,1fr)}.saved-word strong{font-size:20px}.saved-meta small,.library-term small{border-radius:4px;background:#edf7fa;color:#237392}
.home-shell{background:#f5fafc}.home-shell .topbar{position:relative;left:auto;width:min(1180px,100%);transform:none;border-bottom-color:#dceaf0}.home-shell .main-nav>a{color:#537081}.home-shell .main-nav>a.active{color:#176b94;border-bottom-color:#1687b7}.hero-cinematic{min-height:620px;padding:82px max(7vw,56px);background:#e7f5fa}.hero-scene{opacity:.58}.hero-shade{background:rgba(239,249,252,.38)}.hero-cinematic .hero-copy{max-width:565px}.hero-cinematic .eyebrow{margin-bottom:14px;font-size:11px;color:#1d759b}.hero-cinematic h1{max-width:560px;font-size:clamp(42px,4.3vw,64px);line-height:1.14;text-shadow:none}.hero-cinematic .hero-copy>p:not(.eyebrow){max-width:490px;margin:21px 0;font-size:16px;line-height:1.8}.hero-actions{margin-top:26px}.hero-primary,.hero-secondary{min-width:130px;border-radius:6px;padding:13px 19px}.hero-primary{background:#176b94;box-shadow:0 8px 17px rgba(23,107,148,.18)}.hero-secondary{border-color:#aacad8;color:#176b94}.hero-fox{right:7%;bottom:-12px;width:min(26vw,330px)}.hero-fox img{filter:drop-shadow(0 16px 13px rgba(43,101,126,.2))}.hero-scroll{display:none}.home-intro{display:grid;grid-template-columns:minmax(0,.9fr) minmax(260px,1fr);column-gap:100px;align-items:start;padding:94px max(7vw,56px)}.home-intro .section-kicker{grid-column:1}.home-intro h2{grid-column:1;font-size:clamp(32px,3.7vw,51px)}.home-intro>p:not(.section-kicker){grid-column:2;grid-row:1 / span 2;margin:28px 0 22px;font-size:16px;line-height:1.85}.home-intro .text-link{grid-column:2}.home-path{min-height:460px;grid-template-columns:120px minmax(340px,1fr) minmax(220px,.65fr);gap:32px;padding-top:66px;padding-bottom:48px;background:#eaf5f8}.home-path h2,.home-contact h2{font-size:clamp(32px,3.4vw,48px)}.path-copy>p:not(.section-kicker){margin:21px 0;font-size:15px}.outline-command{border-radius:6px;border-color:#176b94;color:#176b94}.path-visual{width:min(100%,280px)}.home-contact{grid-template-columns:1.1fr .8fr .45fr;gap:36px;padding-top:94px;padding-bottom:90px;background:#193e54}.future-strip article{min-height:285px;padding-top:54px;padding-bottom:54px}.future-strip h2{margin-top:28px;font-size:29px}.site-footer{background:#f2f8fa}
@media(max-width:760px){.topbar{height:62px;padding:0 16px}.brand{font-size:18px}.main-nav{gap:0;height:62px}.main-nav>a,.nav-menu>a{height:62px;padding:0 7px;font-size:13px}.nav-menu{height:62px}.nav-dropdown{top:53px}.page{padding:24px 16px 0}.study-heading h1{font-size:22px}.session-progress{padding:9px 10px;gap:9px}.stage{padding:24px 20px 20px}.word{margin-top:30px;font-size:clamp(39px,13vw,54px)}.definition-list{margin-top:28px}.definition-row{grid-template-columns:48px minmax(0,1fr);gap:10px;padding:11px 0;font-size:16px}.relation-groups{grid-template-columns:1fr;gap:8px}.relation-section{padding:12px}.actions{margin-top:24px}.known{min-width:108px}.reveal-actions{align-items:flex-end}.classification{align-items:flex-start;flex-wrap:wrap}.wide-page,.library-page{padding-left:16px;padding-right:16px}.page-heading{align-items:flex-start;flex-direction:column;gap:13px}.heading-actions{width:100%}.heading-actions button{flex:1}.saved-list{padding:0 16px}.saved-word>div:first-child{grid-template-columns:1fr;gap:4px}.saved-meta{gap:12px}.home-shell .topbar{width:100%}.hero-cinematic{min-height:620px;padding:55px 24px}.hero-cinematic h1{font-size:42px}.hero-fox{width:210px;right:4%;bottom:-6px}.home-intro{display:block;padding:70px 24px}.home-intro>p:not(.section-kicker){margin:25px 0 20px}.home-path{display:block;padding:56px 24px 0}.path-copy{margin-top:25px}.path-visual{margin-top:18px}.home-contact{display:block;padding:65px 24px}.future-strip article{min-height:0;padding:46px 24px}}

/* Keep the first decision beside the word instead of hiding it at the bottom of a tall card. */
@media(min-width:761px){
  #studyView{display:grid;grid-template-columns:minmax(0,1fr) 190px;column-gap:42px;align-items:start}
  #studyView .card-topline{grid-column:1/-1}
  #studyView .word,#studyView .word-pronunciation,#studyView .quiz-panel{grid-column:1}
  #studyView .word{margin-top:46px}
  #studyView .word-pronunciation{margin-bottom:31px}
  #studyView .quiz-panel{margin-top:0}
  #studyView #questionActions{grid-column:2;grid-row:2 / span 3;align-self:center;display:grid;gap:10px;margin:0;padding:0 0 0 20px;border:0;border-left:1px solid #e2ebef}
  #studyView #questionActions .again,#studyView #questionActions .known{width:100%;padding:13px 12px;text-align:center}
  #studyView #questionActions .again{border:1px solid #d7e5ea;border-radius:6px;background:#fff}
  #studyView #answerPanel{grid-column:1/-1;margin-top:6px}
  #studyView #revealActions{grid-column:1/-1;margin-top:24px}
}

/* Study modes and tier selection */
.audio-button{border:1px solid #c4e0ea;border-radius:5px;background:#fff;color:#2f819e;padding:4px 8px;font-size:12px;line-height:1.3}.audio-button:hover{background:#eaf7fb}.quiz-panel{width:min(100%,730px);margin:34px auto 0}.quiz-panel>p{margin:0 0 14px;color:#587682;text-align:center}.quiz-options{display:grid;grid-template-columns:1fr 1fr;gap:12px}.quiz-option{min-height:64px;display:grid;grid-template-columns:34px 1fr;align-items:center;gap:10px;border:1px solid #cee3eb;border-radius:6px;background:#fff;color:#355865;padding:11px 14px;text-align:left;font-size:15px}.quiz-option:hover{border-color:#3987a4;background:#f2fbfe}.quiz-option b{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#eaf5f9;color:#357e9a;font-family:Georgia,serif}.tier-option{position:relative;cursor:help}.tier-option[data-tip]:hover::after{content:attr(data-tip);position:absolute;z-index:6;left:0;bottom:calc(100% + 9px);width:max-content;max-width:240px;border:1px solid #bcdde8;border-radius:5px;background:#fff;color:#426875;padding:6px 8px;font-size:12px;line-height:1.45;box-shadow:0 8px 18px #376f8218}.tier-option.disabled{opacity:.42;pointer-events:none}.study-launcher .tier-option{display:inline-flex;align-items:center;gap:5px}.study-launcher .tier-option[data-tip]:hover::after{bottom:auto;top:calc(100% + 8px)}
@media(max-width:720px){.quiz-options{grid-template-columns:1fr}.quiz-panel{margin-top:24px}.tier-option[data-tip]:hover::after{white-space:normal;width:200px}.audio-button{justify-self:end}}.word-pronunciation{display:flex;align-items:center;justify-content:center;gap:8px;margin:10px 0 2px;color:#7896a2;font-family:Georgia,"Times New Roman",serif}.word-pronunciation .audio-button{display:grid;place-items:center;width:32px;height:32px;padding:0;border:0;background:transparent;font-size:20px;filter:grayscale(.08)}.word-pronunciation .audio-button:hover{background:#eaf7fb}.word-pronunciation{justify-content:flex-start;width:min(100%,720px);margin:8px auto 0;padding-left:2px}.word-pronunciation .audio-button{width:28px;height:28px;font-size:17px}.definition-row.without-pos{grid-template-columns:1fr}\n.sync-choice-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.sync-choice-actions .known{grid-column:1/-1}\n


/* Study workspace structure: stable word scale, separated navigation, and a future illustration field. */
.sky-shell:not(.home-shell){min-height:100vh;background:#f4f8fb}
.sky-shell:not(.home-shell) .topbar{max-width:none;padding-left:max(24px,calc((100vw - 1120px)/2));padding-right:max(24px,calc((100vw - 1120px)/2));background:#fff;border-bottom-color:#d9e7ed;box-shadow:0 2px 12px rgba(28,73,95,.04)}
.study-page{min-height:calc(100vh - 164px);padding-top:42px}.study-heading{margin-bottom:20px}.back-home{flex:0 0 auto;width:42px;height:42px;border-radius:50%;box-shadow:0 4px 12px rgba(38,93,115,.08)}
.word,.word.long,.word.xlong{font-size:64px!important;line-height:1.08}
.sky-shell:has(#studyPage:not([hidden])) .site-footer{min-height:96px;margin-top:42px;border-top:1px solid #dbe8ed;background:#f9fcfd}
@media(min-width:761px){
  #studyView{grid-template-columns:minmax(0,1fr) 230px;column-gap:48px}
  #studyView .card-topline{grid-column:1/-1}
  #studyView .word,#studyView .word-pronunciation,#studyView .quiz-panel{grid-column:1}
  #studyView::after{content:"WORD IMAGE\A\A 记忆图\A 单词插画将在这里出现";white-space:pre-line;grid-column:2;grid-row:2 / span 3;align-self:stretch;min-height:260px;display:flex;flex-direction:column;justify-content:flex-end;padding:20px;border:1px dashed #b8d7e3;border-radius:8px;background:radial-gradient(circle at 100% 0,#f8fdff 0 18%,transparent 18.5%),radial-gradient(circle at 0 80%,#edf8fb 0 15%,transparent 15.5%),linear-gradient(155deg,#f8fdff,#e9f6fa);color:#618491;font:12px/1.55 "PingFang SC","Microsoft YaHei",sans-serif}
  #studyView #questionActions{grid-column:1;grid-row:auto;display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:30px;padding:19px 0 0;border-top:1px solid #e4eef2;border-left:0}
  #studyView #questionActions .again{width:auto;border:0;background:transparent;text-align:left}
  #studyView #questionActions .known{width:auto;min-width:132px;padding:13px 24px}
  #studyView #answerPanel{grid-column:1}
  #studyView #revealActions{grid-column:1/-1}
}
@media(max-width:720px){
  .study-page{min-height:calc(100vh - 150px);padding-top:32px}
  .back-home{width:38px;height:38px}
  .word,.word.long,.word.xlong{font-size:46px!important}
  .sky-shell:has(#studyPage:not([hidden])) .site-footer{min-height:120px;margin-top:32px;padding-top:30px;padding-bottom:30px}
}

/* Complete vocabulary cards appear only after the user has answered. */
.word-card{width:min(100%,430px);margin:28px 0 10px;padding:0;border:1px solid #d3e4ea;border-radius:10px;overflow:hidden;background:#fff;box-shadow:0 12px 28px rgba(28,73,95,.11)}
.word-card img{display:block;width:100%;height:auto}
@media(max-width:760px){.word-card{width:100%;margin:24px 0 8px;border-radius:8px}}

/* Word encyclopedia entry */
.word-entry-shell{min-height:100vh}.word-entry-page{max-width:980px;padding-top:42px;padding-bottom:64px}.entry-back{display:inline-flex;align-items:center;min-height:38px;color:#31708c;text-decoration:none;font-weight:700}.entry-loading,.entry-empty{min-height:340px;display:grid;place-content:center;text-align:center;color:var(--muted)}.entry-empty h1{margin:0;color:var(--ink)}.entry-empty p{margin:10px 0 24px}.word-entry{max-width:820px;margin:8px auto 0;padding:46px 54px;background:#fff;border:1px solid var(--line);border-radius:10px;box-shadow:0 18px 42px rgba(32,74,93,.08)}.entry-head{display:flex;justify-content:space-between;gap:24px;padding-bottom:28px;border-bottom:1px solid #e3edf1}.entry-kicker{margin:0;color:#5d93a7;font-size:13px;font-weight:700}.entry-head h1{margin:10px 0 6px;color:#173d55;font:600 64px/1.04 Georgia,"Times New Roman",serif;overflow-wrap:anywhere}.entry-pronunciation{display:flex;align-items:center;gap:8px;color:#688493}.entry-pronunciation .audio-button{border:0;background:transparent;padding:0;font-size:18px}.entry-favorite{width:40px;height:40px;border:1px solid #d6e7ec;border-radius:7px;background:#fff;color:#728d99;font-size:25px}.entry-favorite.saved{color:#d88d36}.entry-definitions{margin-top:24px;border-top:1px solid #e7eff2}.entry-definition{display:grid;grid-template-columns:70px minmax(0,1fr);gap:14px;padding:14px 4px;border-bottom:1px solid #e7eff2;color:#355967;font-size:18px}.entry-definition b{color:#176b94;font-family:Georgia,"Times New Roman",serif}.entry-definition.without-pos{grid-template-columns:1fr}.entry-section{margin-top:34px}.entry-section h2{margin:0 0 14px;color:#315b6d;font-size:16px}.entry-card{width:min(100%,430px);margin:32px auto 0;border:1px solid #d3e4ea;border-radius:10px;overflow:hidden;box-shadow:0 12px 28px rgba(28,73,95,.11)}.entry-card img{display:block;width:100%;height:auto}.word-entry .morphology{margin:0}.word-entry .relation-groups{margin:0}.word-entry-link{color:inherit;text-decoration:none}.word-entry-link strong{transition:color .16s}.word-entry-link:hover strong{color:#16769d;text-decoration:underline;text-underline-offset:5px}
@media(max-width:720px){.word-entry-page{padding:28px 16px 44px}.word-entry{padding:28px 22px;border-radius:8px}.entry-head h1{font-size:46px}.entry-definition{grid-template-columns:48px minmax(0,1fr);gap:10px;font-size:16px}.entry-card{border-radius:8px}.entry-head{padding-bottom:22px}}