:root{--color-primary: #2563eb;--color-primary-light: #60a5fa;--color-primary-soft: rgb(37 99 235 / .12);--color-success: #16a34a;--color-danger: #dc2626;--color-text-primary: #0f172a;--color-text-secondary: #334155;--color-text-muted: #64748b;--color-bg-page: #d8dced;--color-bg-surface: rgb(255 255 255 / .9);--color-border: rgb(15 23 42 / .08);--shadow-panel: 0 22px 48px rgb(15 23 42 / .08);--shadow-blue: 0 18px 38px rgb(59 130 246 / .14);font-family:Microsoft YaHei,PingFang SC,Noto Sans SC,sans-serif;color:var(--color-text-primary);background:var(--color-bg-page);line-height:1.6;font-weight:400}*{box-sizing:border-box}html,body,#app{min-height:100vh;margin:0}body{color:var(--color-text-primary);background:var(--color-bg-page);overflow:hidden}body:before,body:after{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;content:""}body:before{z-index:-2;background:linear-gradient(180deg,#f4f6ff2e,#e8ecf83d)}body:after{z-index:-1;background:radial-gradient(circle at top left,rgb(255 255 255 / .18),transparent 34%),radial-gradient(circle at bottom right,rgb(37 99 235 / .1),transparent 30%),linear-gradient(180deg,#f8fafc14,#f1f5f924);-webkit-backdrop-filter:blur(.5px);backdrop-filter:blur(.5px)}button,input,textarea{font:inherit}button{border:0}a{color:inherit;text-decoration:none}code{font-family:Cascadia Code,Consolas,monospace}.layout{position:relative;display:grid;grid-template-columns:292px minmax(0,1fr);gap:20px;height:100vh;min-height:0;padding:20px;overflow:hidden}.layout:before,.layout:after{position:absolute;z-index:0;width:360px;height:260px;border-radius:999px;filter:blur(58px);opacity:.6;pointer-events:none;content:""}.layout:before{top:-90px;right:10%;background:#3b82f624}.layout:after{bottom:-90px;left:18%;background:#0ea5e91f}.mobile-bar{display:none}.sidebar,.content{position:relative;z-index:1;min-height:0}.sidebar{display:grid;grid-template-rows:auto minmax(0,1fr);gap:18px;height:100%;padding:24px;border:1px solid rgb(255 255 255 / .68);border-radius:30px;background:linear-gradient(180deg,#ffffff85,#ffffff47),#ffffff38;box-shadow:inset 0 1px #ffffffd1,0 22px 48px #0f172a14;-webkit-backdrop-filter:blur(22px) saturate(1.08);backdrop-filter:blur(22px) saturate(1.08);overflow:hidden}.sidebar-body{display:flex;min-height:0;flex-direction:column;gap:18px}.brand{display:flex;align-items:center;gap:12px;min-width:0}.brand-mark,.mobile-brand__mark{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;color:var(--color-primary);background:#ffffff9e;border:1px solid rgb(255 255 255 / .84);box-shadow:0 16px 30px #3b82f61f;font-weight:900}.brand-mark{width:42px;height:42px;border-radius:16px;font-size:.98rem}.mobile-brand__mark{width:32px;height:32px;border-radius:12px;font-size:.78rem}.brand-copy{display:grid;gap:2px;min-width:0}.brand h1,.brand p{margin:0}.brand h1{overflow:hidden;color:var(--color-text-primary);font-size:1.02rem;font-weight:800;line-height:1.25;text-overflow:ellipsis;white-space:nowrap}.brand p{color:var(--color-text-muted);font-size:.84rem;font-weight:700}.nav{display:grid;align-content:start;gap:14px;min-height:0;overflow:auto;padding-right:4px}.nav::-webkit-scrollbar,.content::-webkit-scrollbar,.mobile-panel::-webkit-scrollbar{width:8px;height:8px}.nav::-webkit-scrollbar-thumb,.content::-webkit-scrollbar-thumb,.mobile-panel::-webkit-scrollbar-thumb{background:#94a3b866;border-radius:999px}.sidebar-footer{margin-top:auto}.footer-actions{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:stretch;gap:10px}.nav-group{display:grid;gap:8px}.nav-group-trigger{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;width:100%;padding:12px 14px;color:var(--color-text-primary);text-align:left;background:#ffffff75;border:1px solid rgb(255 255 255 / .62);border-radius:18px;cursor:pointer;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,background-color .18s ease}.nav-group-trigger:hover{transform:translateY(-1px);background:#ffffff9e;border-color:#60a5fa61;box-shadow:0 14px 28px #0f172a0f}.nav-title{overflow:hidden;color:var(--color-text-primary);font-size:.96rem;font-weight:800;line-height:1.3;text-overflow:ellipsis;white-space:nowrap}.nav-title.active{color:var(--color-primary)}.nav-count{display:inline-flex;align-items:center;justify-content:center;min-width:30px;height:26px;padding:0 9px;color:var(--color-primary);background:#dbeafec2;border-radius:999px;font-size:.78rem;font-weight:800}.nav-children{display:grid;gap:8px;padding-left:10px;transform-origin:top}.nav-link{display:block;overflow:hidden;padding:10px 12px;color:#475569f0;background:transparent;border:1px solid transparent;border-radius:16px;font-size:.9rem;font-weight:700;line-height:1.35;text-overflow:ellipsis;white-space:nowrap;transition:transform .18s ease,border-color .18s ease,background-color .18s ease,box-shadow .18s ease,color .18s ease}.nav-link:hover,.nav-link.active{color:var(--color-text-primary);background:linear-gradient(135deg,#eff6fff5,#fffffff5);border-color:#3b82f65c;box-shadow:inset 0 1px #ffffffe6,0 14px 30px #3b82f61a;transform:translateY(-1px)}.login-button,.mobile-login,.mobile-close{display:inline-flex;align-items:center;justify-content:center;min-height:38px;border:1px solid rgb(59 130 246 / .22);border-radius:14px;background:linear-gradient(135deg,#3b82f6,#4d8fff);color:#fff;box-shadow:0 12px 24px #3b82f638,0 0 28px #3b82f61a;font-weight:800;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,filter .18s ease}.login-button{width:100%;padding:0 14px;font-size:.92rem}.footer-actions .login-button{width:auto}.language-switch{position:relative}.language-switch__trigger{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:106px;min-height:44px;height:100%;padding:0 16px;color:#111827;background:#fff;border:1.5px solid #3b72ff;border-radius:999px;box-shadow:inset 0 1px #fffffff2,0 10px 20px #2563eb14;font-weight:900;cursor:pointer;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,background-color .18s ease}.language-switch__trigger:hover{transform:translateY(-1px);background:#fff;border-color:#2f66ff;box-shadow:inset 0 1px #fffffffa,0 12px 24px #2563eb24}.language-switch__icon{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:14px;height:14px;color:#111827;background-color:currentColor;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M2 12h20'/%3E%3Cpath d='M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z'/%3E%3C/svg%3E") center / contain no-repeat;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M2 12h20'/%3E%3Cpath d='M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z'/%3E%3C/svg%3E") center / contain no-repeat;line-height:1}.language-switch__label{overflow:hidden;max-width:74px;color:#111827;font-size:.88rem;line-height:1.1;text-overflow:ellipsis;white-space:nowrap}.language-switch__chevron{flex:0 0 auto;width:0;height:0;border-top:5px solid #111827;border-right:5px solid transparent;border-left:5px solid transparent}.language-switch__menu{position:absolute;right:0;bottom:calc(100% + 8px);z-index:80;display:grid;min-width:78px;gap:0;padding:8px 0;background:#fff;border:1px solid rgb(226 232 240 / .95);border-radius:4px;box-shadow:0 16px 36px #0f172a29}.language-switch__option{display:flex;align-items:center;min-height:36px;padding:0 18px;color:#6b7280;text-align:left;background:transparent;border-radius:0;font-size:.88rem;font-weight:500;cursor:pointer}.language-switch__option:hover,.language-switch__option.active{color:#111827;background:#f8fafc}.login-button:hover,.mobile-login:hover,.mobile-close:hover{transform:translateY(-1px);box-shadow:0 16px 30px #3b82f647,0 0 32px #3b82f61f;filter:saturate(1.03)}.content{height:100%;padding:6px;overflow-y:auto;overflow-x:hidden}.content>*{min-height:100%}.doc-shell{width:min(100%,1080px);margin:0 auto;min-height:calc(100vh - 52px);padding:30px;border:1px solid rgb(255 255 255 / .72);border-radius:30px;background:linear-gradient(180deg,#ffffffeb,#f8fafcf0),#ffffffb8;box-shadow:inset 0 1px #ffffffeb,var(--shadow-panel);-webkit-backdrop-filter:blur(18px) saturate(1.04);backdrop-filter:blur(18px) saturate(1.04)}.page-fade-slide-enter-active,.page-fade-slide-leave-active{transition:opacity .28s ease,transform .28s ease,filter .28s ease}.page-fade-slide-enter-from,.page-fade-slide-leave-to{opacity:0;transform:translateY(14px) scale(.985);filter:blur(6px)}.nav-children-expand-enter-active,.nav-children-expand-leave-active{transition:opacity .22s ease,transform .22s ease,max-height .22s ease;overflow:hidden}.nav-children-expand-enter-from,.nav-children-expand-leave-to{opacity:0;transform:translateY(-6px);max-height:0}.nav-children-expand-enter-to,.nav-children-expand-leave-from{opacity:1;transform:translateY(0);max-height:560px}.overlay-fade-enter-active,.overlay-fade-leave-active{transition:opacity .2s ease}.overlay-fade-enter-from,.overlay-fade-leave-to{opacity:0}.mobile-panel-rise-enter-active,.mobile-panel-rise-leave-active{transition:opacity .24s ease,transform .24s ease}.mobile-panel-rise-enter-from,.mobile-panel-rise-leave-to{opacity:0;transform:translateY(18px) scale(.98)}.doc-header{display:grid;gap:12px;margin-bottom:28px;padding-bottom:22px;border-bottom:1px solid var(--color-border)}.doc-header h2,.doc-header p{margin:0}.doc-header h2{color:var(--color-text-primary);font-size:clamp(2rem,3.8vw,3.1rem);font-weight:800;line-height:1.12;letter-spacing:-.04em}.doc-header p{color:#64748beb;font-size:1rem;line-height:1.7}.eyebrow{width:fit-content;margin:0;padding:6px 10px;color:var(--color-primary);background:#dbeafeb8;border:1px solid rgb(96 165 250 / .18);border-radius:999px;font-size:.78rem;font-weight:800;line-height:1}.markdown-body{color:var(--color-text-secondary);font-size:1rem}.markdown-body h1,.markdown-body h2,.markdown-body h3{color:var(--color-text-primary);line-height:1.25;letter-spacing:-.02em}.markdown-body h1{margin-top:0;font-size:2rem}.markdown-body h2{margin-top:1.8em;padding-bottom:.36em;border-bottom:1px solid var(--color-border)}.markdown-body p,.markdown-body li{color:var(--color-text-secondary);line-height:1.82}.markdown-body a{color:var(--color-primary);text-decoration:underline;text-decoration-color:#2563eb5c;text-underline-offset:.18em;font-weight:800;word-break:break-all}.markdown-body a:hover{color:#1d4ed8;text-decoration-color:#1d4ed8}.markdown-body img{display:block;max-width:100%;height:auto;margin:18px auto;border:1px solid var(--color-border);border-radius:18px;box-shadow:0 16px 34px #0f172a14}.markdown-body ul,.markdown-body ol{padding-left:1.4rem}.markdown-body pre{overflow-x:auto;padding:16px;border:1px solid rgb(37 99 235 / .16);border-radius:16px;background:#0f172a;color:#e0f2fe;box-shadow:inset 0 1px #ffffff14}.markdown-body code{padding:.12em .38em;color:#1d4ed8;background:#dbeafec7;border-radius:6px}.markdown-body pre code{padding:0;color:inherit;background:transparent}.markdown-body blockquote{margin:1.2rem 0;padding:.9rem 1rem;color:var(--color-text-secondary);background:#eff6ffc2;border-left:4px solid var(--color-primary);border-radius:0 16px 16px 0}.markdown-body table{width:100%;border-collapse:separate;border-spacing:0;overflow:hidden;border:1px solid var(--color-border);border-radius:16px}.markdown-body th,.markdown-body td{padding:11px 12px;border-bottom:1px solid var(--color-border);text-align:left;vertical-align:top}.markdown-body tr:last-child th,.markdown-body tr:last-child td{border-bottom:0}.markdown-body th{color:var(--color-text-primary);background:#eff6ffe6;font-weight:800}.doc-loading{margin-bottom:16px;padding:12px 14px;color:var(--color-primary);background:#dbeafead;border:1px solid rgb(96 165 250 / .22);border-radius:16px;font-size:.92rem;font-weight:700}.group-list{display:grid;gap:14px}.group-card{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px;min-height:72px;padding:18px 20px;color:var(--color-text-primary);background:#ffffffb8;border:1px solid rgb(226 232 240 / .95);border-radius:20px;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,background-color .18s ease}.group-card:after{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;color:var(--color-primary);background:#dbeafeb8;border-radius:12px;font-size:1.2rem;font-weight:900;content:"›"}.group-card:hover{transform:translateY(-2px);background:linear-gradient(135deg,#eff6fff5,#fffffff5);border-color:#3b82f670;box-shadow:var(--shadow-blue)}.group-card h3,.group-card p{margin:0}.group-card h3{overflow:hidden;color:var(--color-text-primary);font-size:1rem;font-weight:800;line-height:1.35;text-overflow:ellipsis;white-space:nowrap}.group-empty{display:grid;place-items:center;min-height:160px;padding:24px;color:var(--color-text-muted);text-align:center;background:#ffffff9e;border:1px dashed rgb(148 163 184 / .35);border-radius:22px}.mobile-overlay,.mobile-panel{display:none}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}@media(max-width:1080px){body{overflow-x:hidden;overflow-y:auto}.layout{grid-template-columns:1fr;height:auto;min-height:100vh;padding:66px 14px 18px;overflow:visible}.mobile-bar{position:fixed;top:0;left:0;right:0;z-index:30;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;min-height:54px;padding:9px 12px;background:#ffffff2e;border-bottom:1px solid rgb(255 255 255 / .24);box-shadow:0 10px 28px #0f172a1a;-webkit-backdrop-filter:blur(18px) saturate(1.08);backdrop-filter:blur(18px) saturate(1.08)}.mobile-menu-button{display:inline-grid;place-items:center;width:38px;height:38px;padding:9px;background:#ffffff94;border-radius:14px;box-shadow:0 16px 30px #0f172a14;cursor:pointer}.mobile-menu-button span{width:18px;height:2px;background:var(--color-text-primary);border-radius:999px}.mobile-brand{display:flex;align-items:center;gap:8px;min-width:0}.mobile-brand strong{overflow:hidden;color:var(--color-text-primary);font-size:.96rem;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}.mobile-actions{display:inline-flex;align-items:center;gap:8px;min-width:0}.mobile-login{min-height:36px;padding:0 12px;border-radius:14px;font-size:.82rem}.mobile-actions .language-switch__trigger{min-width:96px;min-height:36px;padding:0 13px}.mobile-actions .language-switch__menu{top:calc(100% + 8px);bottom:auto}.sidebar{display:none}.content{height:auto;padding:0;overflow:visible}.doc-shell{min-height:calc(100vh - 84px);padding:24px 20px;border-radius:24px}.mobile-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;display:block;background:#0f172a38;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.mobile-panel{position:fixed;top:70px;right:14px;left:14px;z-index:50;display:grid;max-height:calc(100dvh - 88px);overflow-y:auto;gap:16px;padding:18px;border:1px solid rgb(255 255 255 / .72);border-radius:24px;background:linear-gradient(180deg,#fffffff0,#f8fafcf5),#ffffffb8;box-shadow:inset 0 1px #ffffffeb,0 24px 56px #0f172a2e;-webkit-backdrop-filter:blur(18px) saturate(1.08);backdrop-filter:blur(18px) saturate(1.08)}.mobile-panel-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:14px;border-bottom:1px solid var(--color-border)}.mobile-panel-title{display:flex;align-items:center;gap:10px;min-width:0}.mobile-panel-header h2{margin:0;color:var(--color-text-primary);font-size:1.06rem;font-weight:800;line-height:1.2}.mobile-close{min-height:34px;padding:0 12px;border-radius:12px;font-size:.86rem}.mobile-nav{display:grid;gap:14px}.mobile-login-button,.mobile-panel-actions{margin-top:4px}}@media(max-width:640px){.layout{padding-right:10px;padding-left:10px}.doc-shell{padding:22px 16px;border-radius:22px}.doc-header h2{font-size:clamp(1.72rem,9vw,2.35rem)}.doc-header p{font-size:.96rem}.group-card{min-height:66px;padding:16px;border-radius:18px}.group-card h3{white-space:normal}.markdown-body{font-size:.96rem}.markdown-body table{display:block;overflow-x:auto}}