.ud-stats[data-v-6243aba9]{flex-direction:column;gap:12px;padding:12px 14px 10px;display:flex}.ud-skel[data-v-6243aba9]{flex-direction:column;gap:12px;padding:4px 0;display:flex}.sk[data-v-6243aba9]{background:var(--mist);border-radius:7px;height:13px;position:relative;overflow:hidden}.sk[data-v-6243aba9]:after{content:"";background:linear-gradient(90deg,#0000,#ffffffb3,#0000);animation:1.4s infinite ud-shimmer-6243aba9;position:absolute;inset:0;transform:translate(-100%)}@keyframes ud-shimmer-6243aba9{to{transform:translate(100%)}}.ud-err[data-v-6243aba9]{text-align:center;padding:14px 0}.ud-err p[data-v-6243aba9]{font-size:var(--fs-xs);color:var(--ink-3);margin:0 0 10px}.ud-retry[data-v-6243aba9]{border:1px solid var(--line);background:var(--card);color:var(--ink-2);font-size:var(--fs-xs);cursor:pointer;border-radius:9px;padding:5px 14px;font-family:inherit;transition:all .15s}.ud-retry[data-v-6243aba9]:hover{border-color:var(--sprout);background:var(--sprout-soft);color:var(--pine)}.ud-tiles[data-v-6243aba9]{grid-template-columns:repeat(4,1fr);gap:6px;display:grid}.ud-tile[data-v-6243aba9]{border:1px solid var(--line);background:var(--paper-2);text-align:center;border-radius:10px;flex-direction:column;gap:1px;min-width:0;padding:8px 4px 6px;display:flex}.ud-tile b[data-v-6243aba9]{font-family:var(--serif);color:var(--pine);font-size:16px;font-weight:700;line-height:1.3}.ud-tile span[data-v-6243aba9]{color:var(--ink-3);white-space:nowrap;font-size:10px}.ud-donut-row[data-v-6243aba9]{align-items:center;gap:12px;display:flex}.ud-donut[data-v-6243aba9]{flex-shrink:0;width:84px;height:84px}.ud-donut-n[data-v-6243aba9]{font-family:var(--serif);fill:var(--pine);text-anchor:middle;font-size:8.5px;font-weight:700}.ud-donut-l[data-v-6243aba9]{fill:var(--ink-3);text-anchor:middle;letter-spacing:.4px;font-size:3.2px}.ud-legend[data-v-6243aba9]{flex-direction:column;flex:1;gap:6px;min-width:0;margin:0;padding:0;list-style:none;display:flex}.ud-legend li[data-v-6243aba9]{font-size:var(--fs-xs);color:var(--ink-2);align-items:center;gap:7px;display:flex}.ud-legend i[data-v-6243aba9]{border-radius:3px;flex-shrink:0;width:9px;height:9px}.ud-legend b[data-v-6243aba9]{font-family:var(--serif);color:var(--pine);margin-left:auto}.ud-quiz[data-v-6243aba9]{border-top:1px dashed var(--line);padding-top:10px}.ud-quiz-r[data-v-6243aba9]{justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:5px;display:flex}.ud-quiz-k[data-v-6243aba9]{font-size:var(--fs-xs);color:var(--ink-2)}.ud-quiz-v[data-v-6243aba9]{font-family:var(--serif);color:var(--pine);font-size:15px;font-weight:700}.ud-quiz-bar[data-v-6243aba9]{background:var(--mist);border-radius:4px;height:6px;overflow:hidden}.ud-quiz-bar i[data-v-6243aba9]{background:var(--sprout);border-radius:4px;height:100%;transition:width .4s;display:block}.ud-quiz-sub[data-v-6243aba9]{color:var(--ink-3);margin:5px 0 0;font-size:10px}.ud-link[data-v-6243aba9]{cursor:pointer;font-family:inherit;font-size:var(--fs-xs);color:var(--pine-2);text-align:left;background:0 0;border:none;border-radius:8px;justify-content:space-between;align-items:center;gap:8px;padding:7px 2px;font-weight:600;transition:color .12s;display:flex}.ud-link[data-v-6243aba9]:hover{color:var(--pine)}.ud-link-arrow[data-v-6243aba9]{font-size:var(--fs-sm);line-height:1}#nav[data-v-b84e1899]{background:var(--mist);border:1px solid var(--line);border-radius:16px;flex:none;align-items:center;gap:6px;padding:5px;display:flex;box-shadow:inset 0 1px 3px #20241f0a}.seg-btn[data-v-b84e1899]{cursor:pointer;white-space:nowrap;font-size:var(--fs-md);color:var(--ink);background:0 0;border:none;border-radius:11px;padding:9px 20px;font-family:inherit;font-weight:700;line-height:1.2;transition:background .2s,color .2s,box-shadow .2s,transform .18s}.seg-btn[data-v-b84e1899]:hover{color:var(--pine)}.seg-btn[data-v-b84e1899]:active{transform:scale(.97)}.seg-btn[data-v-b84e1899]:focus-visible{outline:2px solid var(--sprout);outline-offset:2px}.seg-btn.on[data-v-b84e1899]{background:var(--pine);color:#fff;box-shadow:0 2px 8px #1e6b4f42}.seg-btn.on[data-v-b84e1899]:hover{color:#fff}.sub-nav[data-v-b84e1899]{scrollbar-width:none;align-items:center;gap:2px;height:38px;padding:0 24px;display:flex;overflow-x:auto}.sub-nav[data-v-b84e1899]::-webkit-scrollbar{display:none}.st-btn[data-v-b84e1899]{cursor:pointer;white-space:nowrap;font-size:var(--fs-sm);color:var(--ink-2);background:0 0;border:none;border-radius:999px;flex:none;align-items:center;gap:6px;padding:6px 13px;font-family:inherit;font-weight:600;line-height:1.2;transition:background .16s,color .16s;display:flex}.st-btn[data-v-b84e1899]:hover{background:var(--mist);color:var(--pine)}.st-btn[data-v-b84e1899]:focus-visible{outline:2px solid var(--sprout);outline-offset:1px}.st-btn.on[data-v-b84e1899]{background:var(--sprout-soft);color:var(--pine);font-weight:700}.st-badge[data-v-b84e1899]{color:var(--ink-3);border:1px solid var(--line);background:var(--paper-2);border-radius:999px;flex-shrink:0;padding:2px 7px;font-size:10px;line-height:1}.st-btn.future[data-v-b84e1899]{color:var(--ink-3);font-weight:500}@media (width<=700px){#nav[data-v-b84e1899]{border-radius:14px;gap:4px;padding:4px}.seg-btn[data-v-b84e1899]{font-size:var(--fs-sm);border-radius:10px;padding:8px 15px}.sub-nav[data-v-b84e1899]{gap:0;height:36px;padding:0 12px}.st-btn[data-v-b84e1899]{font-size:var(--fs-xs);padding:6px 11px}.st-badge[data-v-b84e1899]{display:none}}@media (prefers-reduced-motion:reduce){.seg-btn[data-v-b84e1899],.st-btn[data-v-b84e1899]{transition:none}}.pick-fab[data-v-385a3b75]{padding:10px 20px}.sw-book[data-v-385a3b75]{cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;align-items:center;gap:9px;min-width:0;padding:0;display:flex}.sw-name[data-v-385a3b75]{font-family:var(--serif);font-weight:600;font-size:var(--fs-md);color:var(--pine);text-overflow:ellipsis;white-space:nowrap;-webkit-user-select:none;user-select:none;max-width:260px;line-height:1.2;transition:color .2s;overflow:hidden}.sw-cnt[data-v-385a3b75]{font-family:var(--serif);font-weight:600;font-size:var(--fs-sm);color:var(--pine);margin-left:4px;animation:.35s cntPop-385a3b75;display:inline-block}.sw-cnt.full[data-v-385a3b75]{color:var(--coral)}@keyframes cntPop-385a3b75{0%{transform:scale(.6)}55%{transform:scale(1.2)}to{transform:scale(1)}}.sw-arrow[data-v-385a3b75]{color:var(--ink-3);flex-shrink:0;margin-left:2px;font-size:9px;transition:transform .18s}.sw-book:hover .sw-arrow[data-v-385a3b75]{color:var(--pine);transform:translateY(1px)}.bk-menu[data-v-385a3b75]{z-index:70;border:1px solid var(--line);background:#fff;border-radius:14px;min-width:262px;max-width:300px;padding:8px;animation:.16s bmIn-385a3b75;position:absolute;bottom:calc(100% + 12px);right:0;box-shadow:0 14px 34px #143c2829}@keyframes bmIn-385a3b75{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.bm-list[data-v-385a3b75]{flex-direction:column;gap:2px;max-height:248px;display:flex;overflow-y:auto}.bm-item[data-v-385a3b75]{cursor:pointer;text-align:left;border-radius:9px;align-items:center;gap:7px;width:100%;padding:8px 9px;transition:background .15s;display:flex}.bm-item[data-v-385a3b75]:hover{background:var(--paper-2)}.bm-item.sel[data-v-385a3b75]{background:var(--sprout-soft)}.bm-item[data-v-385a3b75]:focus-visible{outline:2px solid var(--sprout);outline-offset:-1px}.bm-name[data-v-385a3b75]{min-width:0;font-family:var(--serif);font-weight:600;font-size:var(--fs-sm);color:var(--pine);text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.bm-n[data-v-385a3b75]{font-family:var(--serif);font-weight:600;font-size:var(--fs-xs);color:var(--ink-3);flex-shrink:0}.bm-n.full[data-v-385a3b75]{color:var(--coral)}.bm-none[data-v-385a3b75]{font-size:var(--fs-xs);color:var(--ink-3);text-align:center;padding:12px 8px;line-height:1.7}.bm-create[data-v-385a3b75]{gap:6px;margin-top:6px;padding:0 2px 2px;display:flex}.bm-create input[data-v-385a3b75]{border:1px solid var(--line);min-width:0;font-size:var(--fs-sm);background:var(--card);color:var(--ink);border-radius:8px;outline:none;flex:1;padding:6px 9px;font-family:inherit}.bm-create input[data-v-385a3b75]:focus{border-color:var(--sprout)}.bm-go[data-v-385a3b75]{background:var(--pine);color:#fff;cursor:pointer;font-size:var(--fs-xs);border:none;border-radius:8px;flex-shrink:0;padding:6px 11px;font-family:inherit;transition:background .15s}.bm-go[data-v-385a3b75]:hover:not(:disabled){background:var(--pine-2)}.bm-go[data-v-385a3b75]:disabled{background:var(--paper-2);color:var(--ink-3);cursor:not-allowed}.bm-foot[data-v-385a3b75]{border-top:1px solid var(--line);align-items:center;margin-top:6px;padding-top:4px;display:flex}.bm-add[data-v-385a3b75]{font-size:var(--fs-xs);color:var(--sprout);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:0 0 12px 12px;flex:1;padding:8px 0 6px;font-family:inherit;transition:color .15s}.bm-add[data-v-385a3b75]:hover{color:var(--pine)}.bm-manage[data-v-385a3b75]{color:var(--ink-3);cursor:pointer;font-size:var(--fs-xs);background:0 0;border:none;flex-shrink:0;padding:8px 2px 6px;font-family:inherit;transition:color .15s}.bm-manage[data-v-385a3b75]:hover{color:var(--pine)}@media (width<=700px){.pick-fab[data-v-385a3b75]{padding:8px 15px}.sw-name[data-v-385a3b75]{max-width:150px}.bk-menu[data-v-385a3b75]{min-width:248px;right:-4px}}.fg-code-row[data-v-d9b387e5]{gap:8px;display:flex}.fg-code-row input[data-v-d9b387e5]{flex:1;min-width:0}.fg-code-btn[data-v-d9b387e5]{border:1px solid var(--line,#d8d2c4);cursor:pointer;white-space:nowrap;background:0 0;border-radius:8px;flex-shrink:0;padding:0 14px;font-size:13px}.fg-code-btn[data-v-d9b387e5]:disabled{opacity:.5;cursor:not-allowed}.cfm-overlay[data-v-a22c334d]{z-index:1300;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#162d2252;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.cfm-card[data-v-a22c334d]{border:1px solid var(--line);background:var(--card);width:min(360px,100%);box-shadow:var(--shadow-lg);text-align:center;border-radius:16px;padding:26px 24px 20px}.cfm-card h3[data-v-a22c334d]{font-family:var(--serif);color:var(--pine);margin:0 0 10px;font-size:17px}.cfm-card p[data-v-a22c334d]{color:var(--ink-2);word-break:break-word;margin:0 0 20px;font-size:13.5px;line-height:1.8}.cfm-btns[data-v-a22c334d]{justify-content:center;gap:10px;display:flex}.cfm-btns .setting-btn[data-v-a22c334d]{padding:9px 22px;font-size:13.5px}.cfm-btns .danger[data-v-a22c334d]{background:var(--coral)}.cfm-btns .danger[data-v-a22c334d]:hover{background:#b8502f}.cfm-enter-active[data-v-a22c334d],.cfm-leave-active[data-v-a22c334d]{transition:opacity .18s}.cfm-enter-active .cfm-card[data-v-a22c334d],.cfm-leave-active .cfm-card[data-v-a22c334d]{transition:transform .18s}.cfm-enter-from[data-v-a22c334d],.cfm-leave-to[data-v-a22c334d]{opacity:0}.cfm-enter-from .cfm-card[data-v-a22c334d],.cfm-leave-to .cfm-card[data-v-a22c334d]{transform:translateY(8px)}@media (prefers-reduced-motion:reduce){.cfm-enter-active[data-v-a22c334d],.cfm-leave-active[data-v-a22c334d],.cfm-enter-active .cfm-card[data-v-a22c334d],.cfm-leave-active .cfm-card[data-v-a22c334d]{transition:none}}:root{--paper:#fff;--paper-2:#f7f8f7;--card:#fff;--ink:#20241f;--ink-2:#5a625a;--ink-3:#5f675f;--pine:#1e6b4f;--pine-2:#2d7d5c;--sprout:#4e9e77;--sprout-soft:#e9f3ee;--mist:#eef2ef;--line:#e5e8e5;--coral:#d96c4f;--gold:#c9a227;--radius:14px;--shadow:0 1px 2px #20241f0a,0 6px 18px #20241f0d;--shadow-lg:0 2px 6px #20241f0d,0 16px 40px #20241f14;--serif:"Georgia","Songti SC","STSong","SimSun",serif;--sans:"PingFang SC","Hiragino Sans GB","Microsoft YaHei","Helvetica Neue",sans-serif;--app-css-ready:1;--fs-xs:12px;--fs-sm:13.5px;--fs-md:15px;--fs-lg:17px;--fs-xl:19px;--fs-2xl:24px;--fs-3xl:29px;--fs-4xl:42px}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--sans);color:var(--ink);background:var(--paper);background-image:linear-gradient(#1e6b4f07,#1e6b4f00 480px);min-height:100vh}::selection{background:var(--sprout-soft);color:var(--pine)}a{color:var(--pine-2)}button{font-family:inherit}button:focus-visible,a:focus-visible,input:focus-visible,[role=checkbox]:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--sprout);outline-offset:2px}#app{min-height:100vh}.section{max-width:none;margin:0 auto;padding:26px 24px 70px;animation:.35s fadeUp}@keyframes fadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes staggerIn{0%{opacity:0;transform:translateY(14px)scale(.97)}to{opacity:1;transform:none}}.word-card.stagger{opacity:0;animation:.42s cubic-bezier(.22,.8,.3,1) forwards staggerIn}nav button:active,.portal-card:active,.portal-chip:active,.u-btn:active,.word-card:active,.q-opt:active{transition:transform 80ms;transform:scale(.97)}.q-opt.letter:active{transform:scale(.92)}@media (prefers-reduced-motion:reduce){.word-card.stagger{opacity:1;animation:none}.q-opt.ok,.q-opt.bad{animation:none}}.top-head{z-index:100;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--line);background:#ffffffe0;transition:box-shadow .3s,background .3s;position:sticky;top:0}.top-head.scrolled{background:#fffffff0;box-shadow:0 4px 24px #20241f14}.nav-wrap{align-items:center;gap:18px;max-width:none;height:62px;margin:0 auto;padding:0 24px;display:flex}.brand{font-family:var(--serif);font-size:var(--fs-2xl);color:var(--pine);letter-spacing:.5px;white-space:nowrap;cursor:pointer;align-items:center;gap:10px;font-weight:700;display:flex}nav{background:var(--mist);border:1px solid var(--line);scrollbar-width:none;border-radius:12px;flex:none;align-items:center;gap:3px;padding:3px;display:flex;overflow-x:auto}nav::-webkit-scrollbar{display:none}.nav-wrap>.auth-btn,.nav-wrap>.user-menu{margin-left:auto}.auth-btn{background:var(--pine);color:#fff;font-size:var(--fs-sm);cursor:pointer;white-space:nowrap;border:none;border-radius:999px;flex:none;padding:7px 16px;font-family:inherit}.auth-btn:hover{background:var(--pine-2)}#app{flex-direction:column;min-height:100vh;display:flex}footer{border-top:1px solid var(--line);text-align:center;color:var(--ink-3);font-size:var(--fs-xs);background:var(--paper-2);margin-top:auto;padding:10px 24px 12px;line-height:1.6}footer a{color:var(--pine-2)}.foot-motto{font-family:var(--serif);letter-spacing:.4px;color:var(--ink-3);text-wrap:balance;font-size:12.5px;font-style:italic;display:block}.foot-motto:before,.foot-motto:after{content:"—";color:var(--sprout);opacity:.55;margin:0 10px;font-style:normal}.empty{text-align:center;color:var(--ink-3);font-size:var(--fs-sm);padding:60px 20px}.sec-head{flex-wrap:wrap;align-items:baseline;gap:14px;margin:10px 0 20px;display:flex}.sec-head h2{font-family:var(--serif);font-size:var(--fs-3xl);color:var(--pine);letter-spacing:1px}.sec-head .sub{font-size:var(--fs-sm);color:var(--ink-3)}@media (width<=700px){.top-head{-webkit-backdrop-filter:none;backdrop-filter:none;background:#fffffff2}.nav-wrap{gap:8px;padding:0 12px}.brand{font-size:var(--fs-lg)}nav{gap:3px;padding:3px}.section{padding:12px 14px 150px}.sec-head h2{font-size:var(--fs-2xl)}}:root{--safe-t:env(safe-area-inset-top,0px);--safe-r:env(safe-area-inset-right,0px);--safe-b:env(safe-area-inset-bottom,0px);--safe-l:env(safe-area-inset-left,0px)}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}body{min-height:100dvh;overflow-x:clip}img,video{max-width:100%;height:auto}button,[role=button],a{-webkit-tap-highlight-color:transparent;touch-action:manipulation}@media (width<=700px){.pick-fab{right:calc(12px + var(--safe-r));bottom:calc(12px + var(--safe-b))}}@media (width<=1100px){.mobile-question-fab{right:calc(16px + var(--safe-r));bottom:calc(18px + var(--safe-b))}}@media (width>=1101px){.pick-fab{right:calc(18px + var(--safe-r));bottom:calc(18px + var(--safe-b))}}.sec-head h2{font-size:clamp(24px,1.9vw + 10px,29px)}.brand{font-size:clamp(20px,4.4vw + 3px,24px)}.stat b{font-size:clamp(22px,2.4vw + 6px,34px)}.stat span{font-size:clamp(12.5px,1.2vw + 5px,14px)}.portal-card h3{font-size:clamp(18px,1.6vw + 8px,21px)}.portal-card.big h3{font-size:clamp(20px,2.4vw + 6px,27px)}@media (width>=1600px){.nav-wrap,.section,.portal,body[data-sec=hbs] #sec-hbs{padding-left:48px;padding-right:48px}}@media (height<=480px){.section{padding-top:12px;padding-bottom:36px}.sec-head{margin:6px 0 10px}.sec-head h2{font-size:22px}}@media (width>=901px) and (height<=620px){body[data-sec=hbs] #sec-hbs{padding:10px 18px}}@media (width>=1101px) and (height<=620px){#sec-quiz{padding:10px 16px}#sec-quiz .quiz-head-compact{padding:6px 12px}}.paywall-overlay{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:999;background:#1014108c;justify-content:center;align-items:center;padding:20px;display:none;position:fixed;inset:0}.paywall-overlay.open{display:flex}.paywall{background:#fff;border-radius:22px;width:100%;max-width:400px;padding:32px 28px 24px;position:relative;overflow:hidden;box-shadow:0 24px 60px #00000040}.paywall:before{content:"";background:linear-gradient(90deg,var(--pine),var(--sprout));height:5px;position:absolute;top:0;left:0;right:0}.pw-seal{background:var(--pine);color:#fff;width:52px;height:52px;font-family:var(--serif);font-size:var(--fs-2xl);border-radius:14px;justify-content:center;align-items:center;margin-bottom:14px;display:flex}.paywall h2{font-family:var(--serif);font-size:var(--fs-2xl);color:var(--pine);letter-spacing:1px;margin:0 0 6px}.pw-sub{font-size:var(--fs-sm);color:var(--ink-2);margin:0 0 18px;line-height:1.7}.pw-account{background:var(--sprout-soft);border:1px solid var(--sprout);border-radius:14px;margin-bottom:18px;padding:14px 16px}.pw-acct-t{font-size:var(--fs-xs);color:var(--ink-3);margin:0 0 8px}.pw-buy p{font-size:var(--fs-sm);color:var(--ink);margin:4px 0}.hl{color:var(--coral);font-weight:700}.pw-qq{font-size:var(--fs-sm)}.pw-divider{color:var(--ink-3);align-items:center;gap:10px;margin:0 0 14px;font-size:12px;display:flex}.pw-divider:before,.pw-divider:after{content:"";background:var(--line);flex:1;height:1px}.pw-form input{border:1px solid var(--line);width:100%;font-size:var(--fs-sm);box-sizing:border-box;background:#fbfcfb;border-radius:11px;outline:none;margin-bottom:10px;padding:11px 14px;font-family:inherit}.pw-form input:focus{border-color:var(--sprout);box-shadow:0 0 0 3px var(--sprout-soft)}.pw-btn{background:var(--pine);color:#fff;width:100%;font-size:var(--fs-md);letter-spacing:2px;cursor:pointer;border:none;border-radius:11px;margin-top:2px;padding:12px;font-family:inherit}.pw-btn:hover{background:var(--pine-2)}.pw-btn:disabled{opacity:.65;cursor:wait}.pw-msg{min-height:18px;font-size:var(--fs-xs);text-align:center;color:var(--coral);margin-top:8px}.pw-msg.ok{color:var(--pine)}.pw-close{width:32px;height:32px;color:var(--ink-3);font-size:var(--fs-lg);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;font-family:inherit;line-height:1;display:flex;position:absolute;top:14px;right:14px}.pw-close:hover{color:var(--ink)}.pw-contact{text-align:center;color:#a9aaa6;margin:16px 0 0;font-size:12px;line-height:1.6}.pw-links{justify-content:center;align-items:center;gap:2px;margin-top:12px;display:flex}.pw-link{font-size:var(--fs-sm);color:var(--ink-2);cursor:pointer;background:0 0;border:none;border-radius:8px;padding:4px 10px;font-family:inherit;transition:color .15s}.pw-link:hover{color:var(--pine)}.pw-link:focus-visible{outline:2px solid var(--sprout);outline-offset:1px}.pw-sep{background:var(--line);width:1px;height:11px}.user-menu{flex:none;position:relative}.user-trigger{cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:0;transition:transform .15s,box-shadow .15s;display:flex}.user-trigger:hover{transform:scale(1.06)}.user-trigger:hover .user-avatar{box-shadow:0 0 0 3px var(--sprout-soft),0 2px 10px #2f6e4f40}.user-trigger:active{transform:scale(.96)}.user-trigger:focus-visible{outline:2px solid var(--sprout);outline-offset:3px}.user-trigger.open .user-avatar{box-shadow:0 0 0 3px var(--sprout-soft),0 2px 8px #2f6e4f33}.user-avatar{background:linear-gradient(135deg,var(--pine),var(--pine-2));color:#fff;width:36px;height:36px;font-size:var(--fs-md);letter-spacing:0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-weight:600;transition:box-shadow .15s;display:flex;position:relative;overflow:hidden}.user-avatar img{object-fit:cover;border-radius:50%;width:100%;height:100%}.user-avatar.lg{width:48px;height:48px;font-size:var(--fs-xl)}.user-name{color:var(--ink);text-overflow:ellipsis;max-width:100px;font-weight:500;overflow:hidden}.avatar-edit-btn{border:1px solid var(--line);width:30px;height:30px;color:var(--ink-2);cursor:pointer;background:#ffffffe6;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:all .15s;display:flex;position:absolute;top:12px;right:12px}.avatar-edit-btn:hover{background:var(--pine);color:#fff;border-color:var(--pine);transform:scale(1.08)}.user-dropdown{border:1px solid var(--line);opacity:0;visibility:hidden;transform-origin:100% 0;z-index:200;background:#fff;border-radius:14px;width:320px;transition:opacity .22s,transform .22s cubic-bezier(.22,1,.36,1),visibility .22s;position:absolute;top:calc(100% + 8px);right:0;overflow:hidden;transform:translateY(-8px)scale(.96);box-shadow:0 8px 32px #20241f1f,0 2px 8px #20241f0f}.user-dropdown.open{opacity:1;visibility:visible;transform:translateY(0)scale(1)}.user-dropdown-header{background:linear-gradient(135deg,var(--sprout-soft),#fff);border-bottom:1px solid var(--line);align-items:center;gap:12px;padding:16px 52px 14px 16px;display:flex;position:relative}.user-info{flex:1;min-width:0}.user-name-lg{font-size:var(--fs-md);color:var(--ink);text-overflow:ellipsis;white-space:nowrap;margin-bottom:2px;font-weight:600;overflow:hidden}.user-role{font-size:var(--fs-xs);color:var(--ink-3)}.user-dropdown-footer{border-top:1px solid var(--line);background:var(--paper-2);padding:6px}.user-menu-item{width:100%;font-size:var(--fs-sm);color:var(--ink-2);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:10px;align-items:center;gap:10px;padding:9px 12px;font-family:inherit;transition:background .12s,color .12s;display:flex}.user-menu-item:hover{background:var(--sprout-soft);color:var(--pine)}.user-menu-item.logout{color:var(--coral)}.user-menu-item.logout:hover{color:var(--coral);background:#e66f5714}.umi-ico{font-size:var(--fs-md);text-align:center;flex-shrink:0;width:20px}.umi-label{flex:1}@media (width<=700px){.user-dropdown{width:min(320px,100vw - 24px);right:-4px}.settings-panel{width:calc(100vw - 32px);max-width:380px}}.settings-overlay{z-index:300;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:0;visibility:hidden;background:#20241f73;justify-content:center;align-items:center;transition:opacity .2s,visibility .2s;display:flex;position:fixed;inset:0}.settings-overlay.open{opacity:1;visibility:visible}.settings-panel{background:#fff;border-radius:18px;width:400px;max-width:calc(100vw - 40px);transition:transform .25s cubic-bezier(.22,.8,.3,1);overflow:hidden;transform:translateY(20px)scale(.96);box-shadow:0 20px 60px #20241f33}.settings-overlay.open .settings-panel{transform:translateY(0)scale(1)}.settings-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:18px 22px 14px;display:flex}.settings-head h3{font-size:var(--fs-lg);color:var(--ink);font-weight:600;font-family:var(--serif);letter-spacing:.5px;margin:0}.settings-close{width:30px;height:30px;color:var(--ink-3);font-size:var(--fs-sm);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;transition:all .15s;display:flex}.settings-close:hover{background:var(--paper-2);color:var(--ink)}.settings-body{padding:20px 22px}.setting-row{margin-bottom:22px}.setting-row:last-child{margin-bottom:0}.setting-label{font-size:var(--fs-sm);color:var(--ink-2);margin-bottom:10px;font-weight:600;display:block}.setting-avatar-area{align-items:center;gap:16px;display:flex}.setting-avatar-preview{background:linear-gradient(135deg,var(--pine),var(--pine-2));color:#fff;width:64px;height:64px;font-size:var(--fs-2xl);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-weight:600;display:flex;position:relative;overflow:hidden}.setting-avatar-preview img{object-fit:cover;width:100%;height:100%}.setting-avatar-actions{flex-direction:column;gap:8px;display:flex}.setting-btn{font-size:var(--fs-sm);cursor:pointer;white-space:nowrap;border:none;border-radius:10px;padding:8px 18px;font-family:inherit;font-weight:500;transition:all .15s}.setting-btn.primary{background:var(--pine);color:#fff}.setting-btn.primary:hover{background:var(--pine-2)}.setting-btn.ghost{background:var(--paper-2);color:var(--ink-2);border:1px solid var(--line)}.setting-btn.ghost:hover{border-color:var(--pine);color:var(--pine)}.settings-foot{border-top:1px solid var(--line);background:var(--paper-2);justify-content:flex-end;gap:10px;padding:14px 22px 18px;display:flex}#globalToast{color:#fff;font-size:var(--fs-sm);z-index:1200;pointer-events:none;opacity:0;visibility:hidden;white-space:nowrap;text-overflow:ellipsis;background:#18201aeb;border-radius:999px;max-width:86vw;padding:10px 22px;transition:opacity .25s,transform .25s,visibility .25s;position:fixed;top:22px;left:50%;overflow:hidden;transform:translate(-50%);box-shadow:0 8px 28px #00000038}#globalToast.show{opacity:1;visibility:visible;transform:translate(-50%)translateY(4px)}