:root{--font-sans: system-ui, -apple-system, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans SC", sans-serif;--font-mono: "JetBrains Mono", "Cascadia Code", Consolas, Menlo, "Courier New", monospace;--radius-s: 8px;--radius-m: 14px;--radius-l: 18px;--header-h: 60px;--content-w: 820px;--shadow-1: 0 1px 2px rgba(15, 23, 42, .05);--shadow-2: 0 12px 32px rgba(15, 23, 42, .13);--ease: cubic-bezier(.22, .61, .36, 1);--on-bg-2: #434d69;--t-fast: .16s;--t-mid: .3s}:root{color-scheme:light;--bg: #f5f6f8;--bg-soft: #eceef2;--surface: #ffffff;--surface-2: #fafbfd;--border: #e5e8ee;--border-strong: #d2d7e1;--text-1: #1c2434;--text-2: #59637a;--text-3: #8b93a8;--selection: rgba(59, 130, 246, .22);--code-bg: #0f1523;--code-border: #1e2a44;--code-line: #39466a;--code-text: #dbe4f5}html[data-mode=dark]{color-scheme:dark;--bg: #0d121d;--bg-soft: #171e2c;--surface: #151c2a;--surface-2: #1a2233;--border: #28324a;--border-strong: #3a4664;--text-1: #e7ecf5;--text-2: #a7b0c3;--text-3: #6d7890;--selection: rgba(125, 180, 255, .28);--on-bg-2: #c3ccdd;--code-bg: #0b101c;--code-border: #1b2540}body[data-face=uu]{--accent: #ef9f27;--accent-deep: #96590a;--accent-soft: rgba(239, 159, 39, .13);--accent-border: rgba(239, 159, 39, .5)}html[data-mode=dark] body[data-face=uu]{--accent-deep: #f3b254;--accent-soft: rgba(239, 159, 39, .15)}body[data-face=mixt]{--accent: #378add;--accent-deep: #1b62b5;--accent-soft: rgba(55, 138, 221, .11);--accent-border: rgba(55, 138, 221, .5)}html[data-mode=dark] body[data-face=mixt]{--accent-deep: #85b9f2;--accent-soft: rgba(55, 138, 221, .16)}body[data-face=shared]{--accent: #64708c;--accent-deep: #46516e;--accent-soft: rgba(100, 112, 140, .1);--accent-border: rgba(100, 112, 140, .4)}html[data-mode=dark] body[data-face=shared]{--accent-deep: #a3aec8}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:calc(var(--header-h) + 14px);overflow-x:clip}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{margin:0;font-family:var(--font-sans);font-size:16px;line-height:1.7;background:var(--bg);color:var(--text-1);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button{font-family:inherit}::selection{background:var(--selection)}:focus-visible{outline:2px solid var(--accent-deep);outline-offset:2px;border-radius:4px}.skip-link{position:absolute;left:12px;top:-48px;z-index:100;padding:8px 16px;background:var(--surface);border:1px solid var(--accent-border);border-radius:var(--radius-s);transition:top var(--t-fast)}.skip-link:focus{top:12px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}.site-header{position:sticky;top:0;z-index:50;height:var(--header-h);display:flex;align-items:center;background:color-mix(in srgb,var(--surface) 84%,transparent);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border)}.header-inner{width:100%;max-width:1080px;margin:0 auto;padding:0 20px;display:flex;align-items:center;gap:14px}.brand{display:inline-flex;align-items:center;gap:9px;font-weight:700;font-size:1.06rem;letter-spacing:.01em;white-space:nowrap}.brand-mark{width:26px;height:26px;border-radius:8px;background:linear-gradient(90deg,#ef9f27 50%,#378add 50%);display:inline-flex;align-items:center;justify-content:center;flex:none}.brand-mark svg{width:14px;height:14px}.brand .amp{color:var(--accent-deep);font-family:Georgia,Times New Roman,serif;font-style:italic;font-weight:600}.nav{display:flex;gap:2px;margin-left:6px;overflow-x:auto;scrollbar-width:none;min-width:0}.nav::-webkit-scrollbar{display:none}.nav a{padding:6px 13px;border-radius:9px;font-size:.92rem;color:var(--text-2);white-space:nowrap;transition:color var(--t-fast),background var(--t-fast)}.nav a:hover{color:var(--text-1);background:var(--bg-soft)}.nav a[aria-current=page]{color:var(--accent-deep);background:var(--accent-soft);font-weight:600}.header-actions{margin-left:auto;display:flex;align-items:center;gap:8px;flex:none}.icon-btn{width:36px;height:36px;border-radius:10px;border:1px solid var(--border);background:var(--surface);display:grid;place-items:center;color:var(--text-2);cursor:pointer;transition:color var(--t-fast),border-color var(--t-fast)}.icon-btn:hover{color:var(--text-1);border-color:var(--border-strong)}.icon-btn svg{width:17px;height:17px}.flip-btn{display:inline-flex;align-items:center;gap:7px;height:36px;padding:0 14px;border-radius:10px;border:1px solid var(--accent-border);background:var(--accent-soft);color:var(--accent-deep);font-size:.87rem;font-weight:600;cursor:pointer;white-space:nowrap;transition:background var(--t-fast),color var(--t-fast)}.flip-btn svg{width:15px;height:15px}.flip-btn:hover{background:var(--accent-deep);color:#fff}@media(max-width:480px){.header-inner{padding:0 12px;gap:8px}.header-actions{gap:6px}.flip-btn{padding:0 10px;gap:0}.flip-text{display:none}.brand{font-size:1rem}}.page{max-width:var(--content-w);margin:0 auto;padding:30px 20px 72px;min-height:calc(100vh - var(--header-h) - 160px)}body{perspective:2400px}body.flip-out .page-card{animation:card-flip-out .7s cubic-bezier(.55,.06,.68,.19) forwards;pointer-events:none;will-change:transform,opacity}body.flip-in .page-card{animation:card-flip-in .76s var(--ease) backwards;will-change:transform,opacity}body.flip-in-reverse .page-card{animation:card-flip-in-reverse .76s var(--ease) backwards;will-change:transform,opacity}@keyframes card-flip-in-reverse{0%{transform:rotateY(-89deg) scale(.94);opacity:.85}to{transform:rotateY(0) scale(1);opacity:1}}@keyframes card-flip-out{0%{transform:rotateY(0) scale(1);opacity:1}to{transform:rotateY(-89deg) scale(.94);opacity:.85}}@keyframes card-flip-in{0%{transform:rotateY(89deg) scale(.94);opacity:.85}to{transform:rotateY(0) scale(1);opacity:1}}.gloss{position:fixed;inset:-10% -30%;z-index:96;pointer-events:none;opacity:0;background:linear-gradient(105deg,transparent 34%,rgba(255,255,255,.5) 47%,rgba(255,255,255,.92) 50%,rgba(255,255,255,.5) 53%,transparent 66%);will-change:transform,opacity}html.flip-in-pending .page-card{opacity:0}.site-footer{border-top:1px solid var(--border);background:var(--surface-2);padding:30px 20px 34px}.footer-inner{max-width:var(--content-w);margin:0 auto;text-align:center;font-size:.82rem;color:var(--text-3)}.footer-brand{font-weight:700;font-size:.95rem;color:var(--text-2)}.footer-brand .amp{font-family:Georgia,serif;font-style:italic}.footer-links{display:flex;justify-content:center;gap:8px;margin:8px 0}.footer-links a:hover{color:var(--accent-deep)}.footer-links .sep{color:var(--border-strong)}.icp{margin:8px 0 0}.icp a:hover{color:var(--text-2)}.toast{position:fixed;left:50%;bottom:34px;transform:translate(-50%,16px);background:var(--text-1);color:var(--bg);font-size:.86rem;padding:9px 20px;border-radius:999px;opacity:0;pointer-events:none;transition:opacity var(--t-mid),transform var(--t-mid);z-index:99;max-width:86vw}.toast.show{opacity:1;transform:translate(-50%)}.back-top{position:fixed;right:26px;bottom:30px;width:40px;height:40px;border-radius:12px;border:1px solid var(--border);background:var(--surface);color:var(--text-2);display:grid;place-items:center;cursor:pointer;opacity:0;visibility:hidden;transform:translateY(8px);transition:all var(--t-mid);z-index:60;box-shadow:var(--shadow-1)}.back-top.show{opacity:1;visibility:visible;transform:none}.back-top:hover{color:var(--accent-deep);border-color:var(--accent-border)}.back-top svg{width:17px;height:17px}