:root{--accent:#2775b6;--accent-strong:#18568f;--accent-soft:#2775b61f;--accent-ring:#2775b63d;--accent-glow:#2775b638;--success:#3a9b68;--danger:#c84b4b;--radius-sm:12px;--radius-md:20px;--radius-lg:30px;--shadow-soft:0 24px 80px #10284214;--shadow-card:0 16px 40px #0f233a1f;--shadow-floating:0 18px 40px #07162438;--transition-fast:.18s ease;--transition-medium:.26s ease;--font-display:"Poppins", "Noto Sans SC", "Noto Sans JP", sans-serif;--font-body:"Noto Sans SC", "Noto Sans JP", "PingFang SC", "Microsoft YaHei", sans-serif}html[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f2f7fb;--bg-layer:#fff;--bg-elevated:#ffffffd1;--surface:#fff;--surface-strong:#f7fbff;--surface-alt:#edf4fb;--border:#2754811f;--border-strong:#2775b642;--text:#16324d;--text-muted:#5f7490;--text-soft:#7f92ab;--header-glass:#ffffffb8;--chip-bg:#ffffffbf;--drop-zone-bg:linear-gradient(180deg, #fffffff2, #f2f8fdfa);--body-grid:#2775b60d}html[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#08111c;--bg-layer:#0c1827;--bg-elevated:#0c1827d6;--surface:#0f1d2f;--surface-strong:#102235;--surface-alt:#13283d;--border:#80aedc1f;--border-strong:#5ea8ec47;--text:#eff6ff;--text-muted:#b5c6db;--text-soft:#81a0be;--header-glass:#08111cb8;--chip-bg:#0f1d2fb8;--drop-zone-bg:linear-gradient(180deg, #102235f5, #0b1725fa);--body-grid:#ffffff08;--shadow-soft:0 24px 80px #0000004d;--shadow-card:0 18px 44px #00000042;--shadow-floating:0 24px 48px #00000052}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{min-height:100%}body{background:radial-gradient(circle at top left, #2775b62e, transparent 28%), radial-gradient(circle at top right, #2775b61a, transparent 24%), linear-gradient(180deg, var(--bg), var(--bg-layer));min-height:100vh;color:var(--text);font-family:var(--font-body);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;line-height:1.6}body:before{content:"";background-image:linear-gradient(var(--body-grid) 1px, transparent 1px), linear-gradient(90deg, var(--body-grid) 1px, transparent 1px);pointer-events:none;background-size:52px 52px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#0009,#0000 75%);mask-image:linear-gradient(#0009,#0000 75%)}button,input,select{font:inherit}a{color:inherit;text-underline-offset:5px}a:focus-visible{outline:3px solid var(--accent);outline-offset:6px}.catalog-header,.catalog-main,.catalog-footer{max-width:1120px;margin:0 auto;padding-inline:28px;position:relative}.catalog-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:24px;min-height:96px;display:flex}.catalog-header a{text-decoration:none}.site-name{letter-spacing:-.03em;font-size:1.25rem;font-weight:700}.catalog-header>a:last-child{color:var(--text-muted);font-size:.9rem}.catalog-main{min-height:calc(100vh - 186px);padding-block:72px 80px}.eyebrow{color:var(--accent);letter-spacing:.12em;font-size:.85rem;font-weight:700}h1{letter-spacing:-.05em;margin-top:20px;font-size:clamp(2.5rem,6vw,4.5rem);line-height:1.25}.intro-description{color:var(--text-muted);margin-top:24px;font-size:1.05rem}.tool-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:24px;margin-top:48px;list-style:none;display:grid}.tool-card{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-elevated);max-width:520px;box-shadow:var(--shadow-soft);transition:border-color var(--transition-fast)}.tool-card:hover{border-color:var(--accent)}.tool-card a{border-radius:inherit;height:100%;padding:32px;text-decoration:none;display:block}.tool-card h2{letter-spacing:-.03em;justify-content:space-between;gap:24px;font-size:1.5rem;display:flex}.tool-card h2 span{color:var(--accent)}.tool-card p{color:var(--text-muted);margin-top:16px;line-height:1.8}.tool-card-action{color:var(--accent);margin-top:32px;font-size:.9rem;font-weight:600;display:inline-block}.catalog-footer{border-top:1px solid var(--border);color:var(--text-soft);padding-block:28px;font-size:.85rem}@media (width<=520px){.catalog-header,.catalog-main,.catalog-footer{padding-inline:20px}.catalog-header{gap:16px;min-height:80px}.catalog-main{padding-block:48px}.tool-card a{padding:24px}}
