.app-layout[data-v-c318c956]{min-height:100vh;display:flex;flex-direction:column;background:#f8fafc}.app-header[data-v-c318c956]{height:64px;display:flex;align-items:center;padding:0 32px;background:#ffffffb3;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid rgba(0,0,0,.05);position:sticky;top:0;z-index:1000}.logo-link[data-v-c318c956]{display:inline-flex;align-items:center;text-decoration:none;transition:transform .2s ease}.logo-link[data-v-c318c956]:hover{transform:scale(1.02)}.logo-image[data-v-c318c956]{height:32px;width:auto;-webkit-user-select:none;user-select:none;filter:drop-shadow(0 2px 4px rgba(0,0,0,.05))}.app-main[data-v-c318c956]{flex:1;display:flex;justify-content:center;align-items:flex-start}.app-main.is-home[data-v-c318c956]{padding:0}.app-footer[data-v-c318c956]{text-align:center;padding:32px 0;font-size:13px;font-weight:500;color:#94a3b8;background:#fff;border-top:1px solid rgba(0,0,0,.03)}.app-footer.is-home[data-v-c318c956]{background:transparent;border-top:none}:root{--color-bg: #f4efe8;--color-bg-soft: #fbf8f3;--color-bg-elevated: #f7f1e8;--color-surface: #ffffff;--color-surface-alt: #f8f4ee;--color-surface-muted: #f3ede4;--color-surface-inverse: #1d1d1f;--color-text: #1d1d1f;--color-text-secondary: #4a4a52;--color-text-muted: #636369;--color-text-subtle: #7a7a82;--color-text-disabled: #9c9ca3;--color-text-inverse: #ffffff;--color-border: rgba(29, 29, 31, .08);--color-border-strong: rgba(29, 29, 31, .14);--color-border-inverse: rgba(255, 255, 255, .16);--color-divider: rgba(29, 29, 31, .06);--color-accent: #1769ff;--color-accent-hover: #0f56d6;--color-accent-active: #0a3d9e;--color-accent-soft: #e9f1ff;--color-accent-surface: rgba(23, 105, 255, .08);--color-accent-ring: rgba(23, 105, 255, .24);--color-accent-inverse: #ffffff;--color-success: #0d8a5f;--color-success-soft: #e8f7f0;--color-success-border: rgba(13, 138, 95, .18);--color-warning: #c67a07;--color-warning-soft: #fff4df;--color-warning-border: rgba(198, 122, 7, .2);--color-danger: #c93b3b;--color-danger-soft: #fdecec;--color-danger-border: rgba(201, 59, 59, .2);--color-info: #0d6efd;--color-info-soft: #e9f2ff;--color-info-border: rgba(13, 110, 253, .2);--color-warm: #bc6b2c;--color-warm-soft: rgba(188, 107, 44, .1);--font-family-sans: "Segoe UI", "Microsoft YaHei", "PingFang SC", sans-serif;--font-family-serif: Georgia, "Times New Roman", serif;--font-family-mono: Consolas, "SFMono-Regular", "Cascadia Code", monospace;--font-size-hero: clamp(2.8rem, 7vw, 5.2rem);--font-size-h1: 2rem;--font-size-h2: 1.5rem;--font-size-h3: 1.125rem;--font-size-body-lg: 1rem;--font-size-body: .9375rem;--font-size-small: .875rem;--font-size-xs: .8125rem;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-hero: .92;--line-height-heading: 1.1;--line-height-body: 1.7;--line-height-small: 1.5;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-7: 32px;--space-8: 40px;--space-9: 48px;--space-10: 56px;--space-11: 64px;--radius-sm: 12px;--radius-md: 18px;--radius-lg: 24px;--radius-xl: 30px;--radius-pill: 999px;--shadow-sm: 0 8px 18px rgba(44, 34, 22, .05);--shadow-md: 0 18px 40px rgba(44, 34, 22, .08);--shadow-lg: 0 24px 52px rgba(32, 27, 23, .12);--ease-standard: cubic-bezier(.2, .8, .2, 1);--duration-fast: .15s;--duration-base: .2s;--duration-slow: .26s;--layout-max-width: 1240px;--layout-gutter-desktop: 32px;--layout-gutter-mobile: 20px;--control-height-sm: 40px;--control-height-md: 48px;--control-height-lg: 56px;--button-padding-x: 18px;--button-padding-y: 12px;--input-padding-x: 16px;--input-padding-y: 14px;--card-padding-sm: 18px;--card-padding-md: 24px;--card-padding-lg: 28px;--focus-ring-width: 2px;--focus-ring-color: var(--color-accent-ring);--z-base: 1;--z-header: 10;--z-overlay: 100;--z-modal: 1000}@media (max-width: 768px){:root{--layout-gutter-desktop: 20px;--font-size-hero: clamp(2.5rem, 13vw, 4rem);--font-size-h1: 1.75rem;--font-size-h2: 1.375rem;--card-padding-md: 20px;--card-padding-lg: 24px}}.ui-container{width:min(var(--layout-max-width),calc(100% - var(--layout-gutter-desktop)));margin:0 auto}.ui-page-main{padding:28px 0 56px}.ui-site-header{position:sticky;top:0;z-index:var(--z-header);padding:18px 0;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);background:#f4efe8c2;border-bottom:1px solid rgba(29,29,31,.05)}.ui-header-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-5)}.ui-brand{display:flex;align-items:center;gap:12px;min-width:0}.ui-brand-mark{width:44px;height:44px;display:grid;place-items:center;border-radius:15px;background:linear-gradient(135deg,var(--color-accent),#4ca3ff);color:var(--color-text-inverse);font-weight:var(--font-weight-bold);box-shadow:0 10px 24px #1769ff38}.ui-brand-copy strong{display:block;font-size:1rem}.ui-brand-copy span{display:block;margin-top:2px;color:var(--color-text-muted);font-size:var(--font-size-small)}.ui-main-nav{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end}.ui-page-hero{padding:30px;margin-bottom:18px;background:radial-gradient(circle at 85% 18%,rgba(23,105,255,.1),transparent 22%),linear-gradient(180deg,#fffffff5,#faf7f2f0)}.ui-page-hero h1{margin:16px 0 10px;font-size:clamp(2.2rem,6vw,4rem);line-height:1;letter-spacing:-.04em;font-family:var(--font-family-serif)}.ui-page-hero p{margin:0;max-width:64ch;color:var(--color-text-muted);line-height:1.7}.ui-page-meta{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}.ui-breadcrumbs{display:flex;align-items:center;gap:8px;flex-wrap:wrap;color:var(--color-text-muted);font-size:var(--font-size-small)}.ui-breadcrumbs a{color:var(--color-text-secondary)}.ui-panel{background:#ffffffd1;border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-md)}.ui-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.ui-card-soft{background:var(--color-bg-soft);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.ui-section-title{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-5)}.ui-section-title h2,.ui-section-title h3,.ui-section-title h4,.ui-section-title p{margin:0}.ui-section-title .meta{color:var(--color-text-muted);font-size:var(--font-size-small)}.ui-eyebrow{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-pill);border:1px solid rgba(23,105,255,.08);background:var(--color-accent-soft);color:var(--color-accent);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);letter-spacing:.08em;text-transform:uppercase}.ui-btn{display:inline-flex;align-items:center;justify-content:center;min-height:var(--control-height-md);min-width:120px;padding:var(--button-padding-y) var(--button-padding-x);border-radius:16px;border:1px solid transparent;font-size:var(--font-size-body);font-weight:var(--font-weight-bold);line-height:1;text-decoration:none;cursor:pointer;transition:background-color var(--duration-base) var(--ease-standard),color var(--duration-base) var(--ease-standard),border-color var(--duration-base) var(--ease-standard),box-shadow var(--duration-base) var(--ease-standard),transform var(--duration-base) var(--ease-standard)}.ui-btn:hover{transform:translateY(-1px)}.ui-btn:focus-visible{outline:none;box-shadow:0 0 0 var(--focus-ring-width) var(--focus-ring-color)}.ui-btn-primary{background:var(--color-accent);color:var(--color-accent-inverse);box-shadow:0 14px 26px #1769ff3d}.ui-btn-primary:hover{background:var(--color-accent-hover)}.ui-btn-primary:active{background:var(--color-accent-active)}.ui-btn-secondary{background:var(--color-surface);color:var(--color-text);border-color:var(--color-border-strong)}.ui-btn-secondary:hover{background:var(--color-bg-soft)}.ui-btn-ghost{background:transparent;color:var(--color-text);border-color:transparent}.ui-btn-ghost:hover{background:var(--color-surface-alt)}.ui-btn-danger{background:var(--color-danger);color:var(--color-text-inverse)}.ui-tag,.ui-chip,.ui-pill{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:34px;padding:0 var(--space-3);border-radius:var(--radius-pill);border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text-muted);font-size:var(--font-size-small);line-height:1}.ui-chip.is-active,.ui-pill.is-active{background:var(--color-text);border-color:var(--color-text);color:var(--color-text-inverse)}.ui-tag.is-success{background:var(--color-success-soft);border-color:var(--color-success-border);color:var(--color-success)}.ui-tag.is-warning{background:var(--color-warning-soft);border-color:var(--color-warning-border);color:var(--color-warning)}.ui-tag.is-danger{background:var(--color-danger-soft);border-color:var(--color-danger-border);color:var(--color-danger)}.ui-searchbar{display:flex;align-items:center;gap:var(--space-3);min-height:var(--control-height-lg);padding:var(--input-padding-y) var(--input-padding-x);border-radius:var(--radius-md);background:var(--color-bg-soft);border:1px solid var(--color-border);color:var(--color-text-muted)}.ui-searchbar input{width:100%;border:0;outline:0;background:transparent;color:var(--color-text);font:inherit}.ui-searchbar input::placeholder{color:var(--color-text-subtle)}.ui-searchbar:focus-within{border-color:var(--color-accent);box-shadow:0 0 0 var(--focus-ring-width) var(--focus-ring-color)}.ui-nav-link{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:0 var(--space-4);border-radius:var(--radius-pill);color:var(--color-text-muted);text-decoration:none;transition:background-color var(--duration-base) var(--ease-standard),color var(--duration-base) var(--ease-standard)}.ui-nav-link:hover,.ui-nav-link.is-active{background:#ffffffb3;color:var(--color-text)}.ui-tool-card{display:grid;grid-template-columns:auto 1fr auto;gap:var(--space-3);align-items:center;padding:var(--card-padding-sm);border-radius:var(--radius-md);background:var(--color-bg-soft);border:1px solid var(--color-border)}.ui-tool-card__icon{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;color:var(--color-text-inverse);font-weight:var(--font-weight-bold)}.ui-tool-card__body{min-width:0}.ui-tool-card__title{margin:0 0 3px;font-size:var(--font-size-body);font-weight:var(--font-weight-semibold)}.ui-tool-card__desc{margin:0;color:var(--color-text-muted);font-size:var(--font-size-small);line-height:var(--line-height-small)}.ui-category-card{display:flex;flex-direction:column;justify-content:space-between;min-height:170px;padding:var(--card-padding-sm);border-radius:22px;background:var(--color-bg-soft);border:1px solid var(--color-border)}.ui-category-card__title{margin:0;font-size:var(--font-size-h3);font-weight:var(--font-weight-semibold)}.ui-category-card__desc{margin:var(--space-2) 0 0;color:var(--color-text-muted);font-size:var(--font-size-body);line-height:1.6}.ui-pill-row,.ui-chip-row,.ui-tag-row{display:flex;flex-wrap:wrap;gap:var(--space-2)}.ui-stat-card{padding:var(--space-4);border-radius:20px;background:#fffc;border:1px solid var(--color-border)}.ui-stat-card strong{display:block;margin-bottom:4px;font-size:1.4rem}.ui-stat-card span{color:var(--color-text-muted);font-size:var(--font-size-small)}.ui-empty-state,.ui-info-card{padding:var(--card-padding-md);border-radius:var(--radius-lg);background:linear-gradient(180deg,#fff,#f8f4ee);border:1px solid var(--color-border)}.ui-empty-state__title,.ui-info-card__title{margin:0 0 var(--space-2);font-size:var(--font-size-h3);font-weight:var(--font-weight-semibold)}.ui-empty-state__desc,.ui-info-card__desc{margin:0;color:var(--color-text-muted);font-size:var(--font-size-body);line-height:1.65}@media (max-width: 768px){.ui-container{width:min(var(--layout-max-width),calc(100% - var(--layout-gutter-mobile)))}.ui-header-row{flex-direction:column;align-items:flex-start}.ui-main-nav{justify-content:flex-start}.ui-tool-card{grid-template-columns:auto 1fr}.ui-tool-card>.ui-tag,.ui-tool-card>.ui-pill,.ui-tool-card>.ui-chip{grid-column:1 / -1;justify-self:start}}