:root{--gr-blue:#0078d4;--gr-blue-strong:#005a9e;--gr-blue-soft:#eff6ff;--gr-accent:#2563eb;--gr-success:#107c10;--gr-warning:#f7630c;--gr-danger:#d13438;--gr-bg:#f8fafc;--gr-surface:#ffffff;--gr-surface-muted:#f1f5f9;--gr-text:#111827;--gr-text-muted:#64748b;--gr-border:rgba(148, 163, 184, 0.32);--gr-shadow-sm:0 1px 2px rgba(15, 23, 42, 0.06);--gr-shadow-md:0 10px 30px rgba(15, 23, 42, 0.08);--gr-shadow-lg:0 24px 60px rgba(15, 23, 42, 0.12);--gr-radius-sm:6px;--gr-radius:8px;--gr-radius-lg:12px;--gr-radius-xl:16px;--gr-blur-bg:rgba(255, 255, 255, 0.78);--gr-font-sans:"Segoe UI","Microsoft YaHei","PingFang SC",system-ui,-apple-system,sans-serif;--gr-font-mono:"Cascadia Code","SFMono-Regular",Consolas,"Liberation Mono",monospace;--gr-motion-fast:120ms ease;--gr-motion:180ms ease}body.dark,body.dark-mode,html.dark,html.dark-mode{--gr-bg:#020617;--gr-surface:#0f172a;--gr-surface-muted:#111827;--gr-text:#e5e7eb;--gr-text-muted:#94a3b8;--gr-border:rgba(148, 163, 184, 0.26);--gr-blue-soft:rgba(37, 99, 235, 0.16);--gr-blur-bg:rgba(15, 23, 42, 0.74);--gr-shadow-sm:0 1px 2px rgba(0, 0, 0, 0.32);--gr-shadow-md:0 16px 36px rgba(0, 0, 0, 0.34);--gr-shadow-lg:0 28px 70px rgba(0, 0, 0, 0.42)}.gr-app-shell{min-height:100vh;background:radial-gradient(circle at 20% 0,rgba(0,120,212,.12),transparent 32rem),var(--gr-bg);color:var(--gr-text);font-family:var(--gr-font-sans)}.gr-container{width:min(1180px,calc(100% - 32px));margin-inline:auto}.gr-acrylic{background:var(--gr-blur-bg);backdrop-filter:blur(18px) saturate(140%);border:1px solid var(--gr-border);box-shadow:var(--gr-shadow-sm)}.gr-card{background:var(--gr-surface);border:1px solid var(--gr-border);border-radius:var(--gr-radius-lg);box-shadow:var(--gr-shadow-sm)}.gr-card-elevated{background:var(--gr-surface);border:1px solid var(--gr-border);border-radius:var(--gr-radius-xl);box-shadow:var(--gr-shadow-md)}.gr-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:38px;padding:8px 14px;border-radius:var(--gr-radius);border:1px solid var(--gr-border);background:var(--gr-surface);color:var(--gr-text);font:500 14px/1.2 var(--gr-font-sans);cursor:pointer;transition:background var(--gr-motion),border-color var(--gr-motion),color var(--gr-motion),transform var(--gr-motion-fast)}.gr-button:hover{border-color:color-mix(in srgb,var(--gr-blue) 48%,var(--gr-border));color:var(--gr-blue)}.gr-button:active{transform:translateY(1px)}.gr-button-primary{background:var(--gr-blue);border-color:var(--gr-blue);color:#fff}.gr-button-primary:hover{background:var(--gr-blue-strong);border-color:var(--gr-blue-strong);color:#fff}.gr-input,.gr-select,.gr-textarea{width:100%;border:1px solid var(--gr-border);border-radius:var(--gr-radius);background:var(--gr-surface);color:var(--gr-text);padding:10px 12px;font:14px/1.5 var(--gr-font-sans);transition:border-color var(--gr-motion),box-shadow var(--gr-motion),background var(--gr-motion)}.gr-textarea{min-height:260px;resize:vertical;font-family:var(--gr-font-mono);line-height:1.6}.gr-button:focus-visible,.gr-input:focus,.gr-select:focus,.gr-textarea:focus{outline:0;border-color:var(--gr-blue);box-shadow:0 0 0 3px rgba(0,120,212,.18)}.gr-header{position:sticky;top:0;z-index:50;border-bottom:1px solid var(--gr-border)}.gr-header-inner{display:flex;align-items:center;justify-content:space-between;min-height:58px;gap:16px}.gr-logo{display:inline-flex;align-items:center;gap:10px;color:var(--gr-text);text-decoration:none;font-weight:700}.gr-logo-mark{width:34px;height:34px;border-radius:9px;display:grid;place-items:center;background:linear-gradient(135deg,var(--gr-blue),#38bdf8);color:#fff;font-weight:800}.gr-nav{display:flex;align-items:center;gap:4px}.gr-nav a{color:var(--gr-text-muted);text-decoration:none;border-radius:var(--gr-radius);padding:8px 10px;font-size:14px}.gr-nav a:hover,.gr-nav a[aria-current=page]{color:var(--gr-blue);background:var(--gr-blue-soft)}.gr-command-button{min-width:180px;justify-content:space-between;color:var(--gr-text-muted)}.gr-kbd{border:1px solid var(--gr-border);border-radius:5px;padding:2px 5px;color:var(--gr-text-muted);font:12px/1 var(--gr-font-mono)}.gr-page-hero{padding:34px 0 24px}.gr-page-hero h1{margin:0;font-size:clamp(30px, 5vw, 56px);line-height:1.04;letter-spacing:0}.gr-page-hero p{max-width:760px;margin:16px 0 0;color:var(--gr-text-muted);font-size:17px;line-height:1.75}.gr-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px}.gr-tool-card{display:block;padding:16px;text-decoration:none;color:var(--gr-text);min-height:132px;transition:transform var(--gr-motion),border-color var(--gr-motion),box-shadow var(--gr-motion)}.gr-tool-card:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--gr-blue) 44%,var(--gr-border));box-shadow:var(--gr-shadow-md)}.gr-tool-card strong{display:block;font-size:16px;margin-bottom:8px}.gr-tool-card span{color:var(--gr-text-muted);font-size:13px;line-height:1.6}.gr-tool-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:18px;align-items:start}.gr-tool-panel{padding:16px}.gr-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:12px}.gr-sidebar{display:grid;gap:12px}.gr-sidebar-section{padding:14px}.gr-sidebar-section h2,.gr-sidebar-section h3{font-size:15px;margin:0 0 8px}.gr-sidebar-section ul{margin:0;padding-left:18px;color:var(--gr-text-muted);font-size:13px;line-height:1.8}.gr-toast{position:fixed;right:18px;bottom:18px;z-index:80;border-radius:var(--gr-radius);padding:10px 12px;color:var(--gr-text);transform:translateY(16px);opacity:0;pointer-events:none;transition:opacity var(--gr-motion),transform var(--gr-motion)}.gr-toast.show{opacity:1;transform:translateY(0)}.gr-modal-backdrop{position:fixed;inset:0;z-index:70;display:grid;place-items:center;padding:20px;background:rgba(15,23,42,.42)}.gr-modal{width:min(680px,100%);max-height:min(720px,90vh);overflow:auto;padding:18px}@media (max-width:860px){.gr-header-inner{align-items:flex-start;flex-direction:column;padding:10px 0}.gr-nav{overflow-x:auto;max-width:100%;padding-bottom:2px}.gr-command-button{min-width:0;width:100%}.gr-tool-layout{grid-template-columns:1fr}.gr-page-hero{padding-top:24px}}@media (prefers-reduced-motion:reduce){*,::after,::before{animation-duration:0s!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:0s!important}}