@font-face{font-display:swap;font-family:Material Symbols Outlined;font-style:normal;font-weight:100;src:url(./material-symbols-outlined-latin-100-normal.DTyOUiPQ.woff2) format("woff2"),url(./material-symbols-outlined-latin-100-normal.CvpgbPDJ.woff) format("woff")}@font-face{font-display:swap;font-family:Material Symbols Outlined;font-style:normal;font-weight:200;src:url(./material-symbols-outlined-latin-200-normal.C2cWGEXX.woff2) format("woff2"),url(./material-symbols-outlined-latin-200-normal.D8Q5prXX.woff) format("woff")}@font-face{font-display:swap;font-family:Material Symbols Outlined;font-style:normal;font-weight:300;src:url(./material-symbols-outlined-latin-300-normal.BNCgKY3X.woff2) format("woff2"),url(./material-symbols-outlined-latin-300-normal.wD6hPIp4.woff) format("woff")}@font-face{font-display:swap;font-family:Material Symbols Outlined;font-style:normal;font-weight:400;src:url(./material-symbols-outlined-latin-400-normal._9NzPcxy.woff2) format("woff2"),url(./material-symbols-outlined-latin-400-normal.1NMfuT3g.woff) format("woff")}:root{--bg:#f8f9ff;--surface:#fff;--text:#191c21;--subtext:#414751;--primary:#005da7;--line:#c1c7d3;--line-soft:#dfe5ee;--radius:16px;--shadow:0 10px 28px rgb(15 23 42/5%);--color-bg-page:#f8f9ff;--color-surface-1:#fff;--color-surface-2:#f2f3fb;--color-border-1:#c1c7d3;--color-text-1:#191c21;--color-text-2:#414751;--color-primary:#4a90e2;--color-on-primary:#fff;--color-chip-bg:#e6e8ef;--color-chip-active-bg:rgba(74,144,226,.14);--shadow-card:0 10px 28px rgb(15 23 42/8%);--color-nav-bg:hsla(0,0%,100%,.75);--color-nav-border:rgba(193,199,211,.45);--color-footer-bg:#f8f9ff;--color-footer-border:rgba(193,199,211,.45);--color-brand:#005da7;--color-input-bg:#fff;--color-input-bg-soft:#f2f3fb;--color-input-border:#c1c7d3;--color-link:#005da7;--color-link-hover:#006ac0;--color-muted-bg:#f2f3fb;--color-hover-bg:#edf3fb;--color-kbd-bg:#e6e8ef;--color-kbd-text:#717783;--color-danger:#ba1a1a;--color-warning-bg:#fff4e7;--color-warning-text:#d88a00;--color-tag-bg:#f3f7fc;--color-tag-text:#4f6176;--color-active-bg:rgba(41,118,199,.1);--color-active-border:#005da7;--color-accent-warm:#f59e0b;--color-accent-warm-text:#a06900;--color-slider-track:#e4e7f1;--color-hint-text:#8a93a3;--color-poster-head:#eef1f8;--bp-sm:680px;--bp-md:980px;--bp-lg:1280px;--bp-xl:1600px;--container-wide-max:1360px;--container-medium-max:960px;--container-narrow-max:840px;--container-gutter:16px;--container-gutter-lg:24px;--container-gutter-xl:32px}html[data-theme=dark]{--color-bg-page:#080a0f;--color-surface-1:#15181f;--color-surface-2:#090c12;--color-border-1:hsla(0,0%,100%,.12);--color-text-1:#eef2f7;--color-text-2:#a4adbc;--color-primary:#5a9ae3;--color-on-primary:#fff;--color-chip-bg:#20242d;--color-chip-active-bg:rgba(90,154,227,.22);--shadow-card:0 16px 34px rgba(0,0,0,.42);--color-nav-bg:rgba(10,12,18,.76);--color-nav-border:hsla(0,0%,100%,.1);--color-footer-bg:#0a0d12;--color-footer-border:hsla(0,0%,100%,.1);--color-brand:#4a90e2;--color-input-bg:#0a0d13;--color-input-bg-soft:#171a21;--color-input-border:hsla(0,0%,100%,.14);--color-link:#69aaf2;--color-link-hover:#84bcff;--color-muted-bg:#1a1e25;--color-hover-bg:#1d2129;--color-kbd-bg:#232833;--color-kbd-text:#adb7c8;--color-danger:#ff8f8f;--color-warning-bg:#3a2e16;--color-warning-text:#f1c573;--color-tag-bg:#20242d;--color-tag-text:#c3ccdb;--color-active-bg:rgba(90,154,227,.2);--color-active-border:#5a9ae3;--color-accent-warm:#f5b84d;--color-accent-warm-text:#f5c573;--color-slider-track:#292c33;--color-hint-text:#a4adbc;--color-poster-head:#eef1f8}html[data-theme=dark] .topbar .primary-btn{color:var(--color-on-primary)}*{box-sizing:border-box}body{background:var(--color-bg-page);color:var(--color-text-1);font-family:Plus Jakarta Sans,PingFang SC,Microsoft YaHei,sans-serif;margin:0;overflow-x:hidden}.material-symbols-outlined{align-items:center;direction:ltr;display:inline-flex;font-family:Material Symbols Outlined,Material Symbols Rounded,Material Icons Outlined,sans-serif;font-style:normal;font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 24;font-weight:400;justify-content:center;letter-spacing:normal;line-height:1;text-transform:none;vertical-align:middle;white-space:nowrap}.container,.container-wide{margin:0 auto;width:min(var(--container-wide-max),calc(100% - var(--container-gutter)*2))}.container-medium{margin:0 auto;width:min(var(--container-medium-max),calc(100% - var(--container-gutter)*2))}.container-narrow{margin:0 auto;width:min(var(--container-narrow-max),calc(100% - var(--container-gutter)*2))}.site-shell{display:flex;flex-direction:column;min-height:100vh}.page-wrap{flex:1;padding:28px 0 64px}.glass-nav{-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:var(--color-nav-bg)}.topbar{border-bottom:1px solid var(--color-nav-border);position:sticky;top:0;z-index:40}.topbar-inner{gap:12px;justify-content:space-between;min-height:64px}.left,.topbar-inner{align-items:center;display:flex}.left{gap:26px}.brand{color:var(--color-brand);font-size:24px;font-weight:800;letter-spacing:-.02em;text-decoration:none}.nav-links{display:flex;gap:14px}.nav-links a{border-radius:10px;color:var(--subtext);font-size:14px;padding:7px 9px;text-decoration:none}.nav-links a.router-link-active{background:color-mix(in srgb,var(--color-primary) 16%,transparent);color:var(--color-link);font-weight:700}.actions{align-items:center;display:flex;gap:10px}.primary-btn{background:var(--color-primary);border:0;border-radius:12px;color:var(--color-on-primary);cursor:pointer;font-weight:600;padding:8px 14px;text-decoration:none}.primary-btn:hover{opacity:.92}.icon-btn{background:var(--color-input-bg);border:1px solid color-mix(in srgb,var(--color-border-1) 68%,transparent);border-radius:10px;color:var(--color-text-2);padding:8px 12px;text-decoration:none}.mobile-menu,.mobile-only{display:none}.mobile-menu a{background:var(--color-input-bg);border:1px solid color-mix(in srgb,var(--color-border-1) 68%,transparent);border-radius:10px;color:var(--color-text-1);display:block;margin:6px 0;padding:10px;text-decoration:none}.hero{padding:36px 0 10px}.hero h1{font-size:clamp(30px,5vw,44px);line-height:1.15;margin:0 0 8px}.hero p{color:var(--subtext);max-width:760px}.section-title{font-size:24px;margin:0 0 12px}.card{background:var(--color-surface-1);border:1px solid color-mix(in srgb,var(--color-border-1) 68%,transparent);border-radius:var(--radius);box-shadow:var(--shadow-card);padding:20px}.subtext{color:var(--color-text-2)}.search-entry{display:flex;gap:10px;margin:18px 0 20px}.search-entry input{background:var(--color-input-bg);border:1px solid var(--color-input-border);border-radius:14px;color:var(--color-text-1);flex:1;font-size:16px;padding:14px}.category-pills{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:16px}.category-pills button{background:var(--color-input-bg);border:1px solid var(--color-input-border);border-radius:999px;color:var(--color-text-1);padding:8px 12px}.category-pills .active{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-on-primary)}.recent-strip{display:flex;flex-wrap:wrap;gap:8px;padding:10px 0 4px}.recent-strip span{background:var(--color-input-bg);border:1px solid color-mix(in srgb,var(--color-border-1) 68%,transparent);border-radius:999px;color:var(--color-text-2);font-size:12px;padding:4px 8px}.quick-nav-grid{display:grid;gap:12px;grid-template-columns:repeat(3,minmax(0,1fr));margin:20px 0 24px}.quick-nav-card{background:var(--color-input-bg);border:1px solid color-mix(in srgb,var(--color-border-1) 68%,transparent);border-radius:14px;color:var(--color-text-1);display:block;padding:14px;text-decoration:none}.quick-nav-card:hover{border-color:var(--color-link);box-shadow:0 8px 20px color-mix(in srgb,var(--color-primary) 20%,transparent)}.quick-nav-card h3{color:var(--color-link);font-size:16px;margin:0 0 6px}.quick-nav-card p{color:var(--color-text-2);font-size:13px;margin:0}.panel-head{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.tool-grid{display:grid;gap:16px;grid-template-columns:repeat(3,minmax(0,1fr))}.tool-card{background:var(--color-input-bg);border:1px solid color-mix(in srgb,var(--color-border-1) 68%,transparent);border-radius:var(--radius);box-shadow:var(--shadow-card);padding:16px;transition:.2s}.tool-card:hover{border-color:color-mix(in srgb,var(--color-primary) 55%,var(--color-border-1));transform:translateY(-2px)}.tool-head{align-items:center;display:flex;gap:10px;justify-content:space-between}.tool-head h3{font-size:18px;margin:0}.badge{background:color-mix(in srgb,var(--color-primary) 10%,transparent);border:1px solid color-mix(in srgb,var(--color-primary) 36%,transparent);border-radius:999px;color:var(--color-link);font-size:12px;padding:3px 8px}.tool-card p{color:var(--color-text-2);min-height:42px}.tags{display:flex;flex-wrap:wrap;gap:6px}.tags span{background:var(--color-tag-bg);border-radius:999px;color:var(--color-tag-text);font-size:12px;padding:3px 8px}.filters{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}.filters input,.filters select{background:var(--color-input-bg);border:1px solid var(--color-input-border);border-radius:10px;color:var(--color-text-1);padding:8px 10px}.empty-state{border:1px dashed var(--color-input-border);border-radius:14px;padding:20px;text-align:center}.pagination-bar{align-items:center;display:flex;gap:10px;justify-content:center;margin-top:16px}.pagination-bar button{background:var(--color-input-bg);border:1px solid color-mix(in srgb,var(--color-border-1) 68%,transparent);border-radius:10px;color:var(--color-text-1);padding:8px 12px}.search-panel ul{list-style:none;margin:10px 0 0;padding:0}.search-group-title{color:var(--color-text-2);font-size:12px;letter-spacing:.08em;margin:12px 0 6px;text-transform:uppercase}.search-panel li{border:1px solid transparent;border-radius:10px;margin-bottom:6px}.search-panel li.active{background:color-mix(in srgb,var(--color-primary) 10%,transparent);border-color:color-mix(in srgb,var(--color-primary) 48%,transparent)}.search-panel a{color:var(--color-text-1);display:flex;justify-content:space-between;padding:10px;text-decoration:none}.search-panel small{color:var(--color-text-2)}.form-grid{display:grid;gap:12px}.form-grid input{background:var(--color-input-bg);border:1px solid var(--color-input-border);border-radius:12px;color:var(--color-text-1);padding:12px}.error{color:var(--color-danger);font-size:14px}.footer{background:var(--color-footer-bg);border-top:1px solid var(--color-footer-border);margin-top:24px}.footer-inner{align-items:center;display:flex;gap:18px;justify-content:space-between;min-height:90px;padding:14px 0}.footer-inner p{color:var(--color-text-2);font-size:12px;margin:4px 0 0}.footer-links{display:flex;flex-wrap:wrap;gap:10px}.footer-links a{color:var(--color-text-2);font-size:13px;text-decoration:none}@media(max-width:980px){.quick-nav-grid,.tool-grid{grid-template-columns:1fr 1fr}.nav-links{display:none}.mobile-only{display:inline-block}.footer-inner{align-items:flex-start;flex-direction:column}.mobile-menu{display:block;padding-bottom:12px}}@media(max-width:680px){:root{--container-gutter:12px}.quick-nav-grid,.tool-grid{grid-template-columns:1fr}}@media(min-width:1280px){:root{--container-gutter:var(--container-gutter-lg)}}@media(min-width:1600px){:root{--container-wide-max:1440px;--container-gutter:var(--container-gutter-xl)}}