:root{color-scheme:light;--canvas:#f7f7f8;--surface:#fff;--surface-soft:#f7f7f9;--ink:#25252a;--muted:#73737f;--soft-ink:#a0a0aa;--line:#ececf0;--accent:#7568f5;--accent-soft:#f1efff;--shadow:0 12px 32px #1c1b2d0f;font-family:Inter,-apple-system,BlinkMacSystemFont,SF Pro Display,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif}:root[data-theme=dark]{color-scheme:dark;--canvas:#111116;--surface:#1a1a21;--surface-soft:#24242c;--ink:#f0f0f4;--muted:#aaaab8;--soft-ink:#858593;--line:#32323c;--accent:#aaa2ff;--accent-soft:#302e4c;--shadow:0 12px 32px #0000002e}*{box-sizing:border-box}html{background:var(--canvas);scroll-behavior:smooth}body{min-width:320px;color:var(--ink);background:var(--canvas);-webkit-font-smoothing:antialiased;margin:0;font-size:15px;line-height:1.7}button,input{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}a:hover{color:var(--accent)}a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:4px}::selection{color:var(--ink);background:var(--accent-soft)}.site-frame{border-right:1px solid var(--line);border-left:1px solid var(--line);background:var(--surface);width:min(100%,1220px);min-height:100vh;margin:0 auto}.page-shell{width:min(100% - 96px,1000px);margin-inline:auto}.site-header{z-index:20;grid-template-columns:1fr auto 1fr;align-items:center;min-height:106px;display:grid;position:relative}.site-mark{border:1px solid var(--line);color:#5951bc;letter-spacing:-.07em;background:linear-gradient(145deg,#e9e5ff,#fdf5eb);border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;font-size:23px;font-weight:800;line-height:1;display:inline-flex;position:relative;box-shadow:0 3px 11px #2d255714}.mark-dot{background:#6bbd9e;border:2px solid #fff;border-radius:50%;width:7px;height:7px;position:absolute;bottom:7px;right:7px}.nav-pill{border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow);border-radius:999px;align-items:center;gap:5px;padding:5px;display:flex}.nav-pill>a,.nav-dropdown>summary{min-height:36px;color:var(--ink);white-space:nowrap;border-radius:999px;align-items:center;gap:5px;padding:6px 15px;font-size:13px;font-weight:650;line-height:1.2;display:inline-flex}.nav-pill>a:hover,.nav-dropdown>summary:hover,.nav-pill .is-active{color:var(--accent);background:var(--accent-soft)}.nav-dropdown{position:relative}.nav-dropdown>summary{cursor:pointer;list-style:none}.nav-dropdown>summary::-webkit-details-marker{display:none}.nav-dropdown>summary span{color:var(--soft-ink);margin-top:-3px;font-size:18px;font-weight:400}.dropdown-panel{border:1px solid var(--line);background:var(--surface);border-radius:22px;width:290px;padding:12px;position:absolute;top:calc(100% + 15px);right:-62px;box-shadow:0 22px 52px #1d1c3324}.dropdown-label{color:var(--soft-ink);letter-spacing:.08em;margin:4px 12px 6px;font-size:11px;font-weight:700}.dropdown-panel a{color:var(--ink);border-radius:11px;justify-content:space-between;align-items:center;gap:20px;padding:9px 12px;font-size:14px;font-weight:600;display:flex}.dropdown-panel a:hover{color:var(--accent);background:var(--accent-soft)}.dropdown-count{color:var(--soft-ink);font-size:12px;font-weight:500}.dropdown-panel .dropdown-all{border-top:1px solid var(--line);color:var(--accent);border-radius:0 0 11px 11px;margin-top:7px;padding-top:13px}.header-actions{justify-content:end;align-items:center;gap:10px;display:flex}.theme-toggle{border:1px solid var(--line);background:var(--surface);width:42px;height:42px;box-shadow:var(--shadow);color:var(--muted);border-radius:50%;justify-content:center;align-items:center;padding:0;font-size:25px;line-height:1;display:inline-flex}.theme-toggle:hover{color:var(--accent)}.theme-moon,:root[data-theme=dark] .theme-sun{display:none}:root[data-theme=dark] .theme-moon{display:inline}.mobile-nav{display:none;position:relative}.mobile-nav>summary{border:1px solid var(--line);background:var(--surface);cursor:pointer;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:4px;width:42px;height:42px;list-style:none;display:flex}.mobile-nav>summary::-webkit-details-marker{display:none}.mobile-nav>summary span{background:var(--ink);border-radius:2px;width:15px;height:1.5px}.mobile-nav nav{border:1px solid var(--line);background:var(--surface);width:min(80vw,280px);box-shadow:var(--shadow);border-radius:20px;padding:14px;position:absolute;top:calc(100% + 12px);right:0}.mobile-nav nav a{border-radius:9px;justify-content:space-between;padding:8px 11px;font-size:14px;font-weight:600;display:flex}.mobile-nav nav a:hover{background:var(--accent-soft)}.mobile-nav nav p{color:var(--soft-ink);letter-spacing:.05em;margin:12px 11px 2px;font-size:11px;font-weight:700}.mobile-nav nav small{color:var(--soft-ink);font-size:12px}#main-content{min-height:calc(100vh - 220px)}.site-footer{border-top:1px solid var(--line);margin-top:90px}.footer-inner{justify-content:space-between;align-items:center;gap:24px;min-height:134px;padding-block:24px;display:flex}.footer-inner strong{font-size:13px}.footer-inner p{color:var(--soft-ink);margin:2px 0 0;font-size:12px}.footer-inner nav{white-space:nowrap;gap:20px;display:flex}.footer-inner nav a{font-size:12px;font-weight:600}.copyright{color:var(--soft-ink);white-space:nowrap;font-size:12px}.eyebrow{color:var(--accent);letter-spacing:.12em;text-transform:uppercase;align-items:center;gap:8px;font-size:11px;font-weight:750;display:inline-flex}.eyebrow:before{content:"";background:var(--accent);border-radius:50%;width:6px;height:6px}.page-intro{max-width:720px;padding-top:83px;padding-bottom:56px}.page-intro h1{letter-spacing:-.055em;margin:12px 0 17px;font-size:clamp(38px,5vw,60px);font-weight:780;line-height:1.15}.page-intro p{max-width:640px;color:var(--muted);margin:0;font-size:15px;line-height:1.9}.text-link{color:var(--accent);font-size:13px;font-weight:700}.text-link:hover{text-underline-offset:4px;text-decoration:underline}.section-heading{margin-bottom:28px}.section-heading h2{letter-spacing:-.035em;margin:0 0 5px;font-size:27px;font-weight:750}.section-heading p{color:var(--muted);margin:0;font-size:14px}@media (width<=760px){.page-shell{width:min(100% - 40px,1000px)}.site-header{min-height:80px}.desktop-nav{display:none}.site-header{grid-template-columns:1fr auto}.mobile-nav{display:block}.footer-inner{flex-wrap:wrap;align-items:flex-start;gap:15px;padding-block:27px}.footer-inner>div{width:100%}.page-intro{padding-top:55px;padding-bottom:36px}.page-intro h1{font-size:clamp(34px,9vw,48px)}}@media (width<=430px){.site-mark{width:40px;height:40px}.footer-inner nav{flex-wrap:wrap;gap:10px 16px}.copyright{width:100%}}