.directory .directory-heading,.directory .directory-row{display:flex;align-items:center;gap:var(--space-1)}.directory .directory-heading{margin-top:var(--space-4);margin-bottom:var(--space-15);border-radius:var(--radius-sm)}.panel.directory .directory-heading h2{flex:1;min-width:0;margin:0;font-size:var(--font-body);font-weight:600;line-height:1.5;letter-spacing:normal;color:var(--color-deep)}.directory .directory-heading:not(.directory-root) h2{padding:var(--space-15) var(--space-2)}.panel.directory .directory-root h2 a{flex:1;font:inherit;color:inherit}.directory .directory-heading:has(a[aria-current=page]){background:var(--color-accent)}.panel.directory .directory-heading:has(a[aria-current=page]) h2,.panel.directory .directory-heading:has(a[aria-current=page]) button{color:var(--color-paper)}.panel.directory .directory-root h2 a.on{background:transparent}.directory .directory-heading:has(a[aria-current=page]) button:hover{background:var(--color-accent-deep)}.directory .directory-pages{margin-left:var(--space-2)}.directory .directory-children{margin-left:var(--space-4)}.directory .directory-row a{flex:1;min-width:0}.directory a{padding:var(--space-15) var(--space-2);font-size:var(--font-caption)}.panel.directory a{gap:var(--space-15)}.directory a .no{flex-shrink:0;font-size:var(--font-mini)}.panel.directory a .no{min-width:0}.directory button.directory-toggle{display:grid;place-items:center;flex:0 0 var(--space-5);width:var(--space-5);height:var(--space-5);padding:0;margin:0;border:0;background:transparent;color:var(--color-muted);font-size:var(--font-lead);border-radius:var(--radius-sm)}.directory-toggle .icon{width:var(--font-body);height:var(--font-body)}.directory-toggle[aria-expanded=false] .icon{transform:rotate(-90deg)}.directory button.directory-toggle:hover{background:var(--color-accent-soft);color:var(--color-accent)}.directory button.directory-toggle:focus-visible,.directory a:focus-visible{outline:var(--space-0) solid var(--color-accent);outline-offset:var(--space-0)}.directory .directory-empty{margin:var(--space-15) var(--space-2);color:var(--color-muted);font-size:var(--font-caption)}.phone-h5{background:var(--color-paper)}.phone-h5 .wechat-webbar{flex-shrink:0;display:grid;grid-template-columns:var(--space-6) minmax(0,1fr) var(--space-6);align-items:center;gap:var(--space-2);padding:calc(var(--safe-top) + var(--space-3)) var(--space-4) var(--space-3);background:var(--color-bg);border-bottom:var(--space-0) solid var(--color-line)}.wechat-webbar h1{margin:0;font-size:var(--font-lead);color:var(--color-ink);text-align:center}.wechat-webbar button{display:grid;place-items:center;width:var(--space-6);height:var(--space-6);padding:0;border:0;border-radius:var(--radius-sm);background:transparent;color:var(--color-ink);cursor:pointer}.wechat-webbar button:focus-visible{outline:var(--space-0) solid var(--color-accent)}.phone-h5 .h5-page{padding:0;background:var(--color-paper)}:root{--color-ink: #26364c;--color-deep: #273e5c;--color-muted: #7b8b9d;--color-accent: #3769de;--color-accent-deep: #2c5eb1;--color-accent-light: #6d96db;--color-accent-soft: #e7efff;--color-bg: #f8fbff;--color-paper: #ffffff;--color-pale: #edf4fd;--color-line: #e5edf5;--color-gold: #d5a951;--color-gold-soft: #faf3df;--color-tag-ink: #254964;--radius-card: 14px;--radius-sm: 8px;--radius-pill: 999px;--space-0: 2px;--space-1: 4px;--space-15: 6px;--space-2: 8px;--space-25: 10px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--font-huge: 29px;--font-display: 26px;--font-section: 21px;--font-title: 18px;--font-lead: 16px;--font-body: 14px;--font-caption: 12px;--font-mini: 10px;--font-tiny: 8px;--font-serif: "Baskerville", "Times New Roman", serif;--shadow-card: 0 2px 10px rgba(73, 103, 138, .06);--safe-top: 44px;--tab-height: 88px}:root{--color-sky: #e6f1fc;--color-cream: #f8f3e9;--color-cream-line: #d9c593;--color-brown: #6b5127;--color-brown-soft: #8c733f;--color-brown-btn: #715439;--color-mint-bg: #e3f1ee;--color-mint-ink: #76928a;--color-sage-bg: #f0f5ed;--color-sage-ink: #7c9685;--color-slate: #3e5572;--color-label: #3b5574}:root{--color-wechat: #07c160;--color-wechat-gray: #f2f2f2;--color-wechat-ink: #191919}:root{--color-red: #d9393b;--color-red-deep: #b0262f;--color-red-gold: #f7c873;--color-red-gold-light: #ffe7b3}.page{padding:var(--safe-top) var(--space-4) var(--space-6);min-height:100%;color:var(--color-ink)}.page.with-tab{padding-bottom:calc(var(--tab-height) + var(--space-4))}.title{font-size:var(--font-title);font-weight:600;color:var(--color-deep)}.muted{color:var(--color-muted);font-size:var(--font-caption)}.card{background:var(--color-paper);border:1px solid var(--color-line);border-radius:var(--radius-card);padding:var(--space-4);margin-bottom:var(--space-3);box-shadow:var(--shadow-card)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-1);background:var(--color-accent);color:var(--color-paper);border-radius:var(--radius-pill);padding:var(--space-2) var(--space-4);font-size:var(--font-body);border:0;cursor:pointer;font:inherit}.btn-ghost{background:var(--color-paper);color:var(--color-accent);border:1px solid var(--color-line)}.empty{padding:var(--space-6) 0;text-align:center;color:var(--color-muted)}.row{display:flex;align-items:center;gap:var(--space-3)}.col{display:flex;flex-direction:column;gap:var(--space-2)}.icon{width:1em;height:1em;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex:none}.icon-sprite{position:absolute;width:0;height:0;overflow:hidden}*{box-sizing:border-box}html,body,#root{margin:0;height:100%}body{background:#e8eff4;color:var(--color-ink);font-family:PingFang SC,Hiragino Sans GB,Microsoft YaHei,Noto Sans CJK SC,sans-serif;font-size:14px}button{font-family:inherit}.shell{height:100%;display:grid;grid-template-columns:236px 1fr 240px}.shell.phone-only{grid-template-columns:1fr}.shell.phone-only .panel{display:none}.panel{background:#f3f7fc;padding:20px 14px;overflow:auto;border-right:1px solid #dde6f1}.panel.right{border-right:0;border-left:1px solid #dde6f1}.panel h1{font-size:15px;margin:0 0 14px;color:#273e5c;display:flex;align-items:center;gap:8px}.panel h1 em{font-style:italic;color:#3769de;font-family:Arial Rounded MT Bold,sans-serif}.panel h2{font-size:12px;color:#7b8b9d;font-weight:600;letter-spacing:.04em;margin:18px 0 6px;display:flex;gap:8px}.panel h2 .no{color:#a3b3c6;font-variant-numeric:tabular-nums}.panel a{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:8px;color:#3b4f6b;text-decoration:none;font-size:13px}.panel a .no{color:#9fb0c4;font-size:11px;min-width:38px;font-variant-numeric:tabular-nums}.panel a:hover{background:#e7efff}.panel a.on{background:#3769de;color:#fff}.panel a.on .no{color:#c9d9ff}.panel .tag{font-size:10px;color:#3769de;background:#e7efff;border-radius:999px;padding:1px 6px;margin-left:auto}.panel a.on .tag{background:#fff3;color:#fff}.panel label{display:block;font-size:12px;color:#7b8b9d;margin:10px 0 4px}.panel select,.panel button{width:100%;padding:7px 10px;font-size:13px;border:1px solid #d4dff0;border-radius:8px;background:#fff;color:#273e5c}.panel button{cursor:pointer;margin-top:6px}.panel button:hover{background:#e7efff;border-color:#b9ccf0}.panel .hint{font-size:12px;color:#9fb0c4;line-height:1.5;margin-top:12px}.stage{position:relative;display:flex;align-items:center;justify-content:center;padding:12px;overflow:hidden}.stage .restore{position:absolute;top:12px;right:12px;z-index:20;padding:7px 12px;font-size:13px;border:1px solid #d4dff0;border-radius:8px;background:#fff;color:#273e5c;cursor:pointer}.stage .restore:hover{background:#e7efff}.phone{width:430px;height:932px;zoom:var(--phone-zoom, 1);background:var(--color-bg);border-radius:48px;position:relative;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 0 0 12px #101419,0 0 0 13px #6c737b,0 0 0 15px #2c3238,0 18px 50px #1e35454d}.island{position:absolute;top:11px;left:50%;transform:translate(-50%);width:120px;height:35px;border-radius:999px;background:#0d0f12;z-index:7;pointer-events:none}.statusbar{position:absolute;top:0;left:0;right:0;height:var(--safe-top);display:flex;align-items:flex-end;justify-content:space-between;padding:0 24px 7px 34px;font-size:16px;font-weight:600;color:var(--color-slate);pointer-events:none;z-index:6;font-variant-numeric:tabular-nums;letter-spacing:-.01em}.statusbar .status-icons{display:flex;align-items:center;gap:6px}.statusbar .status-icons .icon{width:17px;height:13px;stroke-width:1.8}.statusbar .status-icons .signal{width:18px;height:12px}.statusbar .battery{width:25px;height:12px;border:1px solid currentColor;border-radius:4px;padding:1px;position:relative;opacity:.9}.statusbar .battery:before{content:"";display:block;background:currentColor;height:8px;border-radius:2px;width:18px}.statusbar .battery:after{content:"";position:absolute;right:-4px;top:3px;width:2px;height:5px;background:currentColor;border-radius:1px}.capsule{position:absolute;top:53px;right:14px;width:70px;height:30px;border-radius:18px;background:#ffffffdf;border:1px solid #fff;display:flex;align-items:center;z-index:6;pointer-events:none;color:#202c3f}.capsule span{display:flex;align-items:center;justify-content:center;width:50%;height:15px}.capsule span+span{border-left:1px solid rgba(31,43,63,.13)}.capsule .dots{gap:3px}.capsule .dots i{width:4px;height:4px;border-radius:50%;background:currentColor;display:block}.capsule .circle{width:15px;height:15px;border:2px solid currentColor;border-radius:50%;position:relative;display:block;box-sizing:border-box}.capsule .circle:after{content:"";width:5px;height:5px;background:currentColor;position:absolute;left:3px;top:3px;border-radius:50%}.screen{flex:1;overflow:auto;scrollbar-width:none}.screen::-webkit-scrollbar{display:none}.tabbar{position:absolute;left:0;right:0;bottom:0;height:var(--tab-height);background:#ffffffed;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid #e4ecf6;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));padding:8px 10px 22px;z-index:5}.tabbar a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;font-size:9px;font-weight:700;line-height:1.4;color:#7ca1de;text-decoration:none;position:relative}.tabbar a .icon{width:25px;height:25px}.tabbar a.on{color:#3769de}.tabbar a.on:after{content:"";position:absolute;bottom:-6px;width:14px;height:3px;border-radius:3px;background:#326ac7}.tabbar a.hi{justify-content:flex-end}.tabbar a.hi:after{display:none}.tabbar a.hi .mascot{width:84px;height:88px;margin-top:-26px;margin-bottom:-4px;object-fit:contain;filter:drop-shadow(0 4px 8px rgba(48,102,192,.22))}.pagebar{position:sticky;top:0;height:calc(var(--safe-top) + 48px);display:flex;align-items:flex-end;justify-content:center;padding:0 var(--space-4) 8px;z-index:4;background:linear-gradient(var(--color-bg) 75%,transparent)}.pagebar .back{position:absolute;left:14px;bottom:6px;width:36px;height:36px;border-radius:50%;border:0;background:#fffc;display:grid;place-items:center;cursor:pointer;color:var(--color-deep)}.pagebar .back .icon{width:18px;height:18px}.pagebar .name{font-size:17px;font-weight:650;color:#294563;line-height:1.25}.page.sub{padding-top:var(--space-3)}@media(max-width:900px){.shell{grid-template-columns:1fr}.panel{display:none}.stage{padding:0}.phone{width:100%;height:100%;border-radius:0;box-shadow:none}}.page.bare{padding:0;height:100%;min-height:0;position:relative}