:root,[data-theme=dark]{--bg-base:#07080d;--bg-raised:#0e101ae6;--bg-card:#141726b3;--bg-card-hover:#1c2034cc;--bg-glass:#ffffff08;--bg-glass-hover:#ffffff0f;--bg-code:#0a0b12d9;--bg-sidebar:#0a0b14f5;--bg-header:#07080deb;--fg:#e8eaf2;--fg-muted:#9ba3b8;--fg-dim:#5e6680;--fg-bright:#fff;--accent:#7b9aff;--accent-bright:#9ab2ff;--accent-glow:#7b9aff1f;--accent-glow-strong:#7b9aff47;--green:#4ade80;--green-glow:#4ade801a;--red:#f87171;--red-glow:#f871711a;--yellow:#fbbf24;--yellow-glow:#fbbf241a;--purple:#a78bfa;--border:#ffffff12;--border-active:#7b9aff59;--border-glow:#7b9aff26;--shadow-card:0 4px 28px #0006, 0 1px 3px #00000040;--shadow-glow:0 0 48px #7b9aff1a;--scrollbar-thumb:#ffffff1f;--scrollbar-track:transparent;--nav-indicator:var(--accent);--nav-dot:#ffffff26;--section-label-bg:#7b9aff14}[data-theme=light]{--bg-base:#f4f5fa;--bg-raised:#fffffff2;--bg-card:#fffc;--bg-card-hover:#fffffff2;--bg-glass:#00000005;--bg-glass-hover:#0000000a;--bg-code:#f0f2fce6;--bg-sidebar:#f5f6fcfa;--bg-header:#fffffff0;--fg:#1e2030;--fg-muted:#4a5170;--fg-dim:#8892aa;--fg-bright:#0d0f1a;--accent:#4a72f5;--accent-bright:#2d58e8;--accent-glow:#4a72f51a;--accent-glow-strong:#4a72f538;--green:#16a34a;--green-glow:#16a34a17;--red:#dc2626;--red-glow:#dc262617;--yellow:#d97706;--yellow-glow:#d9770617;--purple:#7c3aed;--border:#00000017;--border-active:#4a72f566;--border-glow:#4a72f52e;--shadow-card:0 2px 16px #00000014, 0 1px 3px #0000000f;--shadow-glow:0 0 40px #4a72f51a;--scrollbar-thumb:#00000029;--scrollbar-track:transparent;--nav-indicator:var(--accent);--nav-dot:#0000002e;--section-label-bg:#4a72f514}:root{--radius:16px;--radius-sm:10px;--radius-xs:6px;--font:"DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--mono:"JetBrains Mono", "SF Mono", Consolas, monospace;--sidebar-w:290px;--header-h:64px;--max-w:940px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track);font-size:17px}body{font-family:var(--font);background:var(--bg-base);color:var(--fg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;line-height:1.85;transition:background .25s,color .25s}[data-theme=dark] body:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(90% 60% at 15% 5%,#7b9aff12 0%,#0000 60%),radial-gradient(60% 50% at 85% 95%,#a855f70a 0%,#0000 60%),radial-gradient(40% 40%,#7b9aff05 0%,#0000 70%);position:fixed;inset:0}[data-theme=light] body:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(80% 50% at 10% 0,#4a72f50f 0%,#0000 60%),radial-gradient(50% 40% at 90% 100%,#7c3aed0a 0%,#0000 60%);position:fixed;inset:0}a{color:var(--accent);text-decoration:none;transition:color .2s}a:hover{color:var(--accent-bright)}img{max-width:100%;display:block}.main h1{color:var(--fg-bright);letter-spacing:-.02em;margin:0 0 .5em;font-size:2.5rem;font-weight:800;line-height:1.2}.main h2{color:var(--fg-bright);letter-spacing:-.01em;margin:2.5em 0 .7em;font-size:1.6rem;font-weight:700;line-height:1.3}.main h3{color:var(--fg);margin:2em 0 .6em;font-size:1.2rem;font-weight:700;line-height:1.35}.main h2:before{content:"";background:var(--accent);opacity:.7;border-radius:2px;width:32px;height:3px;margin-bottom:10px;display:block}.main p{color:var(--fg-muted);margin:0 0 1.1em;font-size:1.05rem;line-height:1.85}.main ul,.main ol{color:var(--fg-muted);margin:.8em 0 1.2em 1.4em}.main li{margin-bottom:.45em;font-size:1.02rem;line-height:1.7}code{font-family:var(--mono);background:var(--bg-code);border:1px solid var(--border);border-radius:var(--radius-xs);color:var(--accent-bright);padding:2px 8px;font-size:.875em}pre{background:var(--bg-code);border:1px solid var(--border);border-radius:var(--radius-sm);margin:1.4em 0;padding:22px 26px;position:relative;overflow-x:auto}pre:before{content:"";background:linear-gradient(90deg, var(--accent) 0%, transparent 100%);border-radius:var(--radius-sm) var(--radius-sm) 0 0;opacity:.5;height:3px;position:absolute;top:0;left:0;right:0}pre code{color:var(--fg);background:0 0;border:none;padding:0;font-size:.875rem;line-height:1.75}.page-wrap{min-height:100vh;padding-top:var(--header-h);z-index:1;display:flex;position:relative}.main{margin-left:var(--sidebar-w);max-width:calc(var(--max-w) + 112px);flex:1;min-width:0;padding:48px 56px 80px}.site-header{height:var(--header-h);background:var(--bg-header);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border);z-index:200;align-items:center;gap:16px;padding:0 24px;transition:background .25s;display:flex;position:fixed;top:0;left:0;right:0}.header-logo{color:var(--fg-bright);white-space:nowrap;letter-spacing:-.01em;align-items:center;gap:8px;font-size:1.05rem;font-weight:800;text-decoration:none;display:flex}.header-logo:hover{color:var(--accent);text-decoration:none}.header-logo .logo-icon{background:var(--accent);color:#fff;width:30px;height:30px;box-shadow:0 0 14px var(--accent-glow-strong);border-radius:8px;justify-content:center;align-items:center;font-size:.85rem;display:flex}.header-logo .dim{color:var(--fg-dim);font-size:.9em;font-weight:500}.header-spacer{flex:1}.header-nav{gap:4px;display:flex}.header-nav a{border-radius:var(--radius-xs);color:var(--fg-muted);padding:7px 14px;font-size:.9rem;font-weight:500;transition:all .18s}.header-nav a:hover{background:var(--bg-glass-hover);color:var(--fg);text-decoration:none}.hamburger{color:var(--fg);cursor:pointer;border-radius:var(--radius-xs);background:0 0;border:none;padding:6px;font-size:1.3rem;line-height:1;transition:background .18s;display:none}.hamburger:hover{background:var(--bg-glass-hover)}.theme-toggle{background:var(--bg-glass);border:1px solid var(--border);width:40px;height:40px;color:var(--fg-muted);cursor:pointer;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:1rem;transition:all .2s;display:flex}.theme-toggle:hover{background:var(--bg-glass-hover);border-color:var(--border-active);color:var(--fg);transform:rotate(15deg)}.search-trigger{background:var(--bg-glass);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--fg-dim);font-family:var(--font);cursor:pointer;align-items:center;gap:10px;min-width:200px;padding:8px 16px;font-size:.9rem;transition:all .2s;display:flex}.search-trigger:hover{background:var(--bg-glass-hover);border-color:var(--border-active);color:var(--fg-muted)}.search-trigger kbd{background:var(--bg-glass);border:1px solid var(--border);font-size:.75rem;font-family:var(--mono);color:var(--fg-dim);border-radius:4px;margin-left:auto;padding:2px 6px}.search-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:9999;background:#0000008c;justify-content:center;align-items:flex-start;padding-top:120px;display:flex;position:fixed;inset:0}[data-theme=light] .search-overlay{background:#00000040}.search-box{background:var(--bg-raised);border:1px solid var(--border-active);border-radius:var(--radius);width:580px;max-width:calc(100vw - 32px);box-shadow:var(--shadow-card), 0 0 60px var(--accent-glow-strong);overflow:hidden}.search-box input{border:none;border-bottom:1px solid var(--border);width:100%;color:var(--fg);font-family:var(--font);background:0 0;outline:none;padding:18px 22px;font-size:1.1rem}.search-box input::placeholder{color:var(--fg-dim)}.search-results{max-height:380px;padding:8px;overflow-y:auto}.search-result{border-radius:var(--radius-xs);cursor:pointer;padding:12px 16px;transition:background .15s}.search-result:hover,.search-result.active{background:var(--accent-glow)}.search-result .title{color:var(--fg);font-size:.98rem;font-weight:600}.search-result .section{color:var(--fg-dim);margin-top:2px;font-size:.8rem}.search-empty{color:var(--fg-dim);text-align:center;padding:24px 16px;font-size:.9rem}.sidebar{top:var(--header-h);width:var(--sidebar-w);background:var(--bg-sidebar);border-right:1px solid var(--border);scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) transparent;z-index:100;padding:20px 0 40px;transition:background .25s;position:fixed;bottom:0;left:0;overflow:hidden auto}.sidebar-section-group{margin-bottom:4px}.sidebar-section-group+.sidebar-section-group{border-top:1px solid var(--border);margin-top:6px;padding-top:6px}.sidebar-section{letter-spacing:.1em;text-transform:uppercase;color:var(--accent);opacity:.75;align-items:center;gap:8px;margin-top:2px;padding:10px 20px 6px;font-size:.68rem;font-weight:700;display:flex}.sidebar-section:before{content:"";background:var(--accent);opacity:.6;border-radius:2px;flex-shrink:0;width:12px;height:2px}.sidebar a{color:var(--fg-muted);border-left:2px solid #0000;align-items:center;gap:8px;padding:9px 20px;font-size:.9rem;line-height:1.35;transition:all .18s;display:flex;position:relative}.sidebar a:hover{color:var(--fg);background:var(--bg-glass-hover);border-left-color:var(--border-active);text-decoration:none}.sidebar a.active{color:var(--accent-bright);background:var(--accent-glow);border-left-color:var(--accent);font-weight:600}.badge{text-transform:uppercase;letter-spacing:.04em;border-radius:10px;flex-shrink:0;margin-left:auto;padding:2px 7px;font-size:.62rem;font-weight:700}.badge-new{color:var(--green);background:#4ade8026}.badge-updated{background:var(--accent-glow);color:var(--accent)}.main hr{border:none;border-top:1px solid var(--border);margin:3em 0}.version-tag{color:var(--fg-dim);margin-top:-4px;margin-bottom:2em;font-size:.82rem}.bento-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px;margin:2em 0;display:grid}.bento-card{background:var(--bg-card);-webkit-backdrop-filter:blur(14px);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-card);color:inherit;padding:26px;text-decoration:none;transition:all .25s cubic-bezier(.25,.46,.45,.94);display:block;position:relative;overflow:hidden}.bento-card:before{content:"";border-radius:var(--radius);pointer-events:none;background:linear-gradient(135deg,#ffffff0d 0%,#0000 50%);position:absolute;inset:0}[data-theme=light] .bento-card:before{background:linear-gradient(135deg,#ffffffb3 0%,#0000 50%)}.bento-card:hover{border-color:var(--border-active);box-shadow:var(--shadow-glow), var(--shadow-card);background:var(--bg-card-hover);color:inherit;text-decoration:none;transform:translateY(-4px)}.bento-card .card-icon{margin-bottom:12px;font-size:1.7rem;display:block}.bento-card h3{color:var(--fg-bright);margin:0 0 8px;font-size:1.05rem;font-weight:700;line-height:1.3}.bento-card p{color:var(--fg-dim);margin:0;font-size:.88rem;line-height:1.6}.bento-card.span-2{grid-column:span 2}.callout{border-radius:var(--radius-sm);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid;margin:1.8em 0;padding:20px 26px;position:relative}.callout:before{content:"";border-radius:var(--radius-sm) 0 0 var(--radius-sm);width:4px;position:absolute;top:0;bottom:0;left:0}.callout strong{color:var(--fg-bright);margin-bottom:8px;font-size:1rem;display:block}.callout p{margin:.4em 0;font-size:.98rem}.callout-info{background:var(--accent-glow);border-color:#7b9aff2e}.callout-info:before{background:var(--accent)}.callout-tip{background:var(--green-glow);border-color:#4ade802e}.callout-tip:before{background:var(--green)}.callout-warn{background:var(--yellow-glow);border-color:#fbbf242e}.callout-warn:before{background:var(--yellow)}.callout-danger{background:var(--red-glow);border-color:#f871712e}.callout-danger:before{background:var(--red)}.main table{border-collapse:separate;border-spacing:0;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;margin:1.6em 0;font-size:.94rem;overflow:hidden}.main th{text-align:left;background:var(--bg-glass);color:var(--fg);border-bottom:1px solid var(--border);letter-spacing:.02em;padding:12px 18px;font-size:.86rem;font-weight:700}.main td{color:var(--fg-muted);border-bottom:1px solid var(--border);vertical-align:top;padding:12px 18px;line-height:1.6}.main tr:last-child td{border-bottom:none}.main tr:hover td{background:var(--bg-glass)}.step-list{counter-reset:steps;margin:1.8em 0;padding:0;list-style:none}.step-list>li{counter-increment:steps;border-left:2px solid var(--border);margin-left:18px;padding:16px 0 16px 64px;position:relative}.step-list>li:before{content:counter(steps);background:var(--accent);color:#fff;width:36px;height:36px;box-shadow:0 0 18px var(--accent-glow-strong);border-radius:50%;justify-content:center;align-items:center;font-size:.82rem;font-weight:800;display:flex;position:absolute;top:14px;left:-19px}.step-list>li:last-child{border-left-color:#0000}.loop-grid{grid-template-columns:repeat(6,1fr);gap:10px;margin:2em 0;display:grid}.loop-step{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);text-align:center;flex-direction:column;gap:4px;padding:18px 10px;transition:all .2s;display:flex}.loop-step:hover{border-color:var(--border-active);box-shadow:var(--shadow-glow);transform:translateY(-2px)}.loop-step .step-num{color:var(--accent);font-size:1.9rem;font-weight:800;line-height:1}.loop-step .step-label{color:var(--fg);font-size:.88rem;font-weight:700}.loop-step .step-desc{color:var(--fg-dim);font-size:.75rem;line-height:1.4}.file-tree{font-family:var(--mono);background:var(--bg-code);border:1px solid var(--border);border-radius:var(--radius-sm);white-space:pre;margin:1.4em 0;padding:22px 26px;font-size:.875rem;line-height:1.9;overflow-x:auto}.download-card{border:1px solid var(--border-active);border-radius:var(--radius);background:linear-gradient(135deg,#7b9aff1a 0%,#7b9aff0a 100%);align-items:center;gap:24px;margin:2em 0;padding:28px 30px;display:flex}[data-theme=light] .download-card{background:linear-gradient(135deg,#4a72f514 0%,#4a72f508 100%)}.download-card-text h3{color:var(--fg-bright);margin:0 0 4px;font-size:1.1rem;font-weight:700}.download-card-text p{color:var(--fg-muted);margin:0;font-size:.92rem;line-height:1.5}.download-icon{flex-shrink:0;font-size:2.2rem}.download-btn{background:var(--accent);color:#fff;border-radius:var(--radius-sm);white-space:nowrap;box-shadow:0 0 24px var(--accent-glow-strong);flex-shrink:0;align-items:center;gap:10px;margin-left:auto;padding:13px 24px;font-size:.95rem;font-weight:700;transition:all .2s;display:inline-flex}.download-btn:hover{background:var(--accent-bright);color:#fff;box-shadow:0 4px 28px var(--accent-glow-strong);text-decoration:none;transform:translateY(-2px)}.hero{text-align:center;padding:3em 0 1.5em}.hero h1{background:linear-gradient(135deg, var(--fg-bright) 0%, var(--accent) 100%);-webkit-text-fill-color:transparent;letter-spacing:-.025em;-webkit-background-clip:text;background-clip:text;margin:0 0 .5em;font-size:3.2rem;font-weight:900;line-height:1.15}.hero h1:before{display:none}.hero p{max-width:620px;color:var(--fg-muted);margin:0 auto .6em;font-size:1.15rem}.hero-actions{flex-wrap:wrap;justify-content:center;gap:14px;margin-top:2em;display:flex}.btn{border-radius:var(--radius-sm);cursor:pointer;font-size:.95rem;font-weight:700;font-family:var(--font);border:none;align-items:center;gap:8px;padding:13px 26px;transition:all .2s;display:inline-flex}.btn-primary{background:var(--accent);color:#fff;box-shadow:0 0 24px var(--accent-glow-strong)}.btn-primary:hover{background:var(--accent-bright);color:#fff;box-shadow:0 4px 32px var(--accent-glow-strong);text-decoration:none;transform:translateY(-2px)}.btn-glass{background:var(--bg-glass);color:var(--fg);border:1px solid var(--border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.btn-glass:hover{background:var(--bg-glass-hover);border-color:var(--border-active);color:var(--fg);text-decoration:none;transform:translateY(-1px)}.tag{letter-spacing:.03em;border-radius:4px;align-items:center;padding:2px 8px;font-size:.68rem;font-weight:700;display:inline-flex}.tag-official{background:var(--accent-glow);color:var(--accent)}.tag-community{background:var(--green-glow);color:var(--green)}.nav-footer{border-top:1px solid var(--border);justify-content:space-between;gap:16px;margin-top:4em;padding-top:2em;display:flex}.nav-footer a{background:var(--bg-glass);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--fg-muted);padding:13px 22px;font-size:.9rem;font-weight:500;transition:all .2s}.nav-footer a:hover{border-color:var(--border-active);background:var(--accent-glow);color:var(--fg);text-decoration:none}@media (max-width:1024px){.sidebar{width:var(--sidebar-w);display:none}.sidebar.open{width:100%;max-width:320px;top:var(--header-h);z-index:150;display:block;position:fixed;bottom:0;left:0}.main{margin-left:0;padding:32px 24px 60px}.hamburger{display:block}.header-nav{display:none}.search-trigger{min-width:auto}.search-trigger span:not(:first-child){display:none}.loop-grid{grid-template-columns:repeat(3,1fr)}.bento-card.span-2{grid-column:span 1}.hero h1{font-size:2.2rem}.download-card{flex-wrap:wrap}.download-btn{margin-left:0}}@media (max-width:600px){html{font-size:16px}.loop-grid{grid-template-columns:repeat(2,1fr)}.bento-grid{grid-template-columns:1fr}.main{padding:24px 16px 60px}.hero h1{font-size:1.85rem}}