:root{color-scheme:light;--color-primary: #111111;--color-primary-hover: #000000;--color-primary-light: rgba(17, 17, 17, .08);--color-primary-lighter: rgba(17, 17, 17, .04);--color-primary-dark: #000000;--color-bg: #ffffff;--color-bg-secondary: #f6f7f9;--color-surface: #ffffff;--color-surface-elevated: #ffffff;--color-surface-muted: rgba(255, 255, 255, .72);--color-surface-dark: #101917;--color-surface-dark-secondary: #16211e;--color-text: #15211d;--color-text-secondary: #5d6b66;--color-text-muted: #7f8d88;--color-text-tertiary: #9aa5a0;--color-text-inverse: #f8fffc;--color-gray-light: #f2f4f3;--color-border: rgba(21, 33, 29, .1);--color-border-strong: rgba(21, 33, 29, .18);--color-divider: rgba(21, 33, 29, .08);--color-success: #16a34a;--color-warning: #f59e0b;--color-error: #ef4444;--color-info: #2563eb;--gradient-brand: linear-gradient(135deg, #111111 0%, #2a2a2a 100%);--gradient-hero: #ffffff;--gradient-dark-card: linear-gradient(180deg, #0f3d31 0%, #082820 100%);--brand-green-1: #16C95F;--brand-green-2: #07843F;--gradient-brand-green: linear-gradient(150deg, var(--brand-green-1) 0%, var(--brand-green-2) 100%);--font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans SC", "PingFang SC", "Microsoft YaHei", sans-serif;--font-size-display: 64px;--font-size-h1: 48px;--font-size-h2: 34px;--font-size-h3: 22px;--font-size-h4: 18px;--font-size-body-lg: 18px;--font-size-body: 16px;--font-size-small: 14px;--font-size-xs: 12px;--line-height-heading: 1.12;--line-height-body: 1.65;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-14: 56px;--space-16: 64px;--space-18: 72px;--space-20: 80px;--space-24: 96px;--radius-xs: 8px;--radius-sm: 12px;--radius-md: 16px;--radius-lg: 24px;--radius-xl: 32px;--radius-full: 9999px;--shadow-sm: 0 10px 30px rgba(16, 25, 23, .05);--shadow-md: 0 18px 48px rgba(16, 25, 23, .08);--shadow-lg: 0 28px 80px rgba(16, 25, 23, .12);--shadow-brand: 0 12px 32px rgba(17, 17, 17, .18);--max-width: 1200px;--content-width-narrow: 880px;--nav-height: 84px;--section-gap: 120px;--transition-fast: .18s ease;--transition-normal: .28s cubic-bezier(.2, .8, .2, 1);--transition-slow: .45s cubic-bezier(.2, .8, .2, 1);--focus-ring: 0 0 0 3px rgba(17, 17, 17, .18);--focus-ring-offset: 2px;--primary: var(--color-primary);--primary-dark: var(--color-primary-dark);--primary-light: rgba(17, 17, 17, .1);--primary-lighter: rgba(17, 17, 17, .05);--border: var(--color-border);--border-strong: var(--color-border-strong);--background: var(--color-bg);--surface: var(--color-surface);--text-primary: var(--color-text);--text-secondary: var(--color-text-secondary);--text-muted: var(--color-text-muted);--text-tertiary: var(--color-text-tertiary);--gray-light: var(--color-gray-light);--success: var(--color-success);--warning: var(--color-warning);--danger: var(--color-error);--sw-bg: #fafafa;--sw-ink: #0a0a0a;--sw-ink-soft: #666666;--sw-line: #0a0a0a;--sw-line-soft: #d4d4d4;--sw-line-grid: #f0f0f0;--sw-accent: #d62828;--sw-ok: #2d7a3e;--sw-warn: #b86b17;--sw-bad: #9c1c1c;--sw-surface: #ffffff;--sw-grid-cell: 40px;--sw-sans: "Helvetica Neue", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif;--sw-mono: "SF Mono", "IBM Plex Mono", "JetBrains Mono", "Menlo", ui-monospace, monospace}@media(max-width:1024px){:root{--font-size-display: 52px;--font-size-h1: 42px;--font-size-h2: 30px;--section-gap: 96px}}@media(max-width:767px){:root{--font-size-display: 40px;--font-size-h1: 34px;--font-size-h2: 28px;--font-size-h3: 20px;--font-size-h4: 17px;--font-size-body-lg: 16px;--font-size-body: 15px;--font-size-small: 13px;--font-size-xs: 12px;--nav-height: 72px;--section-gap: 72px}}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:var(--nav-height)}body{font-family:var(--font-family);font-size:var(--font-size-body);line-height:var(--line-height-body);color:var(--color-text);background:#fff;min-height:100vh;padding-top:var(--nav-height);display:flex;flex-direction:column;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{line-height:var(--line-height-heading);font-weight:700;letter-spacing:-.02em}h1{font-size:var(--font-size-h1)}h2{font-size:var(--font-size-h2)}h3{font-size:var(--font-size-h3)}h4{font-size:var(--font-size-h4)}p{color:var(--color-text-secondary)}strong{color:var(--color-text)}small{font-size:var(--font-size-xs)}img{max-width:100%;height:auto;display:block}ul,ol{list-style:none}a{color:var(--color-primary);text-decoration:none;transition:color var(--transition-fast),opacity var(--transition-fast)}a:hover{color:var(--color-primary-hover)}button,input,textarea,select{font:inherit;color:inherit;border:none;outline:none;background:none}button{cursor:pointer}::selection{color:#fff;background:var(--color-primary)}:focus{outline:none}a:focus-visible,button:focus-visible,[role=button]:focus-visible,[tabindex]:not([tabindex="-1"]):focus-visible,summary:focus-visible{outline:none;border-radius:6px;box-shadow:var(--focus-ring)}.form-input:focus-visible{border-color:#1111117a;box-shadow:0 0 0 4px #1111111f}.container{width:100%;max-width:calc(var(--max-width) + 32px);margin:0 auto;padding:0 var(--space-4)}.container-narrow{width:100%;max-width:calc(var(--content-width-narrow) + 32px);margin:0 auto;padding:0 var(--space-4)}.main-content{flex:1}.rule-grid{position:relative}.rule-grid:before,.rule-grid:after{content:"";position:fixed;top:0;bottom:0;width:1px;background:#15211d14;pointer-events:none;z-index:50}.rule-grid:before{left:50%;transform:translate(calc(var(--max-width) / -2))}.rule-grid:after{right:50%;transform:translate(calc(var(--max-width) / 2))}@media(max-width:1232px){.rule-grid:before,.rule-grid:after{display:none}}.rule-grid-sections>section+section{border-top:1px solid rgba(21,33,29,.08)}.rule-grid-sections+#footer{border-top:1px solid rgba(21,33,29,.08)}.section{position:relative;padding:var(--section-gap) 0}.section-header{max-width:760px;margin:0 auto var(--space-12);text-align:center}.section-eyebrow{display:inline-flex;align-items:center;gap:var(--space-2);padding:8px 14px;border-radius:var(--radius-full);background:#1111110f;border:1px solid rgba(17,17,17,.1);color:var(--color-primary-dark);font-size:var(--font-size-xs);font-weight:700;letter-spacing:.08em;text-transform:uppercase}.section-title{font-size:var(--font-size-h2);color:var(--color-text);margin-top:var(--space-4);margin-bottom:var(--space-4)}.section-desc{font-size:var(--font-size-body-lg);color:var(--color-text-secondary)}.page-title{font-size:var(--font-size-display);color:var(--color-text)}.glass-card,.card{background:#ffffffe6;border:1px solid rgba(255,255,255,.72);box-shadow:var(--shadow-md);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:var(--radius-lg)}.card{padding:var(--space-6)}.card:hover{box-shadow:var(--shadow-lg)}.dark-card{background:var(--gradient-dark-card);border:1px solid rgba(255,255,255,.08);color:var(--color-text-inverse);box-shadow:var(--shadow-lg)}.dark-card p,.dark-card li,.dark-card small{color:#f8fffcb8}.dark-card strong,.dark-card h2,.dark-card h3,.dark-card h4{color:var(--color-text-inverse)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:48px;min-width:48px;padding:0 22px;border-radius:6px;font-size:var(--font-size-small);font-weight:700;line-height:1;white-space:nowrap;transition:transform var(--transition-fast),box-shadow var(--transition-fast),background-color var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast),opacity var(--transition-fast)}.btn:hover{transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-primary{color:#fff;background:var(--color-primary);box-shadow:var(--shadow-brand)}.btn-primary:hover{color:#fff;background:var(--color-primary-hover);box-shadow:0 18px 40px #11111147}.btn-secondary{color:var(--color-text);background:#ffffffeb;border:1px solid rgba(21,33,29,.1);box-shadow:var(--shadow-sm)}.btn-secondary:hover{color:var(--color-text);border-color:#15211d2e;box-shadow:var(--shadow-md)}.btn-ghost{color:var(--color-primary-dark);background:#1111110f}.btn-ghost:hover{color:var(--color-primary-dark);background:#1111111a;box-shadow:var(--shadow-sm)}.btn-dark{color:var(--color-text-inverse);background:#ffffff14;border:1px solid rgba(255,255,255,.12)}.btn-dark:hover{color:var(--color-text-inverse);background:#ffffff24;box-shadow:0 14px 32px #00000052}.btn-full{display:inline-flex;width:100%}.btn-lg{min-height:56px;padding:0 28px;font-size:var(--font-size-body)}.btn-sm{min-height:38px;padding:0 14px;font-size:var(--font-size-xs);font-weight:700}.btn-disabled,.btn:disabled{opacity:.58;cursor:not-allowed;transform:none;pointer-events:none;box-shadow:none}.btn-loading{position:relative;color:transparent!important;pointer-events:none}.btn-loading:after{content:"";position:absolute;top:50%;left:50%;width:18px;height:18px;margin:-9px 0 0 -9px;border-radius:50%;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;animation:spin .72s linear infinite}.btn-secondary.btn-loading:after,.btn-ghost.btn-loading:after{border:2px solid rgba(21,33,29,.15);border-top-color:var(--color-primary)}.form-group{margin-bottom:var(--space-5)}.form-label{display:block;margin-bottom:var(--space-2);color:var(--color-text);font-size:var(--font-size-small);font-weight:700}.form-required{display:inline-block;margin-left:2px;color:var(--color-error);font-weight:700;line-height:1}.form-input{display:block;width:100%;min-height:56px;padding:16px 18px;border-radius:var(--radius-md);border:1px solid rgba(21,33,29,.12);background:#ffffffeb;box-shadow:inset 0 1px #fff9;transition:border-color var(--transition-fast),box-shadow var(--transition-fast),background-color var(--transition-fast)}.form-input:hover{border-color:#15211d2e}.form-input:focus{border-color:#1111117a;box-shadow:0 0 0 4px #11111114;background:#fff}.form-input::placeholder{color:#95a29d}.form-input.error{border-color:#ef44448f;box-shadow:0 0 0 4px #ef44441a}textarea.form-input{min-height:132px;resize:vertical}.form-error{display:none;margin-top:var(--space-2);color:var(--color-error);font-size:var(--font-size-small)}.form-input.error~.form-error{display:block}.form-hint{margin-top:var(--space-2);min-height:1em;font-size:var(--font-size-small);color:var(--color-text-secondary);transition:color var(--transition-fast)}.form-hint:empty{margin-top:0;min-height:0}.form-hint-success{color:var(--color-success);font-weight:600}.form-hint-warning{color:var(--color-warning);font-weight:600}kbd{display:inline-block;padding:1px 6px;margin:0 1px;border:1px solid rgba(21,33,29,.14);border-bottom-width:2px;border-radius:4px;background:#fff;font-family:SF Mono,Consolas,Monaco,monospace;font-size:.85em;font-weight:600;color:var(--color-text);line-height:1.3;white-space:nowrap}.badge{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:30px;padding:0 12px;border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:700;line-height:1}.badge-success{color:#166534;background:#16a34a1f}.badge-warning{color:#92400e;background:#f59e0b24}.badge-error{color:#b91c1c;background:#ef44441f}.badge-info{color:#1d4ed8;background:#2563eb1f}.badge-dark{color:#f8fffce0;background:#ffffff14;border:1px solid rgba(255,255,255,.08)}.metric-chip{display:inline-flex;align-items:center;gap:10px;padding:12px 14px;border-radius:var(--radius-md);background:#ffffffd6;border:1px solid rgba(21,33,29,.08);box-shadow:var(--shadow-sm)}.metric-chip strong{font-size:18px}.metric-chip span{color:var(--color-text-secondary);font-size:var(--font-size-small)}.notice{padding:16px 18px;border-radius:var(--radius-md);border:1px solid rgba(245,158,11,.18);background:#fff7d6b8;color:#7c5d12;font-size:var(--font-size-small)}.notice strong{color:#5e4409}.toast-container{position:fixed;top:20px;right:20px;z-index:9999;display:flex;flex-direction:column;gap:var(--space-3);pointer-events:none}@media(max-width:767px){.toast-container{left:var(--space-4);right:var(--space-4)}}.toast{display:flex;align-items:center;gap:var(--space-3);max-width:420px;padding:14px 16px;border-radius:var(--radius-md);color:#fff;box-shadow:var(--shadow-lg);pointer-events:auto;animation:toast-in .3s ease forwards}.toast.removing{animation:toast-out .25s ease forwards}.toast-success{background:#15803d}.toast-error{background:#dc2626}.toast-warning{background:#d97706}.toast-icon{width:18px;height:18px;line-height:18px;text-align:center;flex-shrink:0}.toast-message{flex:1}.spinner{display:inline-block;width:20px;height:20px;border-radius:50%;border:2px solid rgba(21,33,29,.12);border-top-color:var(--color-primary);animation:spin .72s linear infinite}.spinner-lg{width:36px;height:36px;border-width:3px}.modal-overlay{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;padding:var(--space-4);background:#080f0d85;opacity:0;visibility:hidden;transition:opacity var(--transition-normal),visibility var(--transition-normal);z-index:1100}.modal-overlay.active{opacity:1;visibility:visible}.modal{width:100%;max-width:560px;max-height:90vh;overflow-y:auto;padding:0;background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);transform:translateY(20px);transition:transform var(--transition-normal)}.modal-overlay.active .modal{transform:translateY(0)}.modal-header,.modal-footer{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:20px 24px}.modal-header{border-bottom:1px solid var(--color-divider)}.modal-footer{border-top:1px solid var(--color-divider);justify-content:flex-end}.modal-body{padding:24px}.modal-close{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:#15211d0f}.modal-close:hover{background:#15211d1a}.network-error-banner{position:fixed;top:0;left:0;right:0;z-index:1200;transform:translateY(-100%);transition:transform var(--transition-normal);background:#dc2626;color:#fff;padding:12px var(--space-4);text-align:center;font-size:var(--font-size-small)}.network-error-banner.visible{transform:translateY(0)}.text-center{text-align:center}.text-secondary{color:var(--color-text-secondary)}.text-success{color:var(--color-success)}.text-error{color:var(--color-error)}.text-warning{color:var(--color-warning)}.text-small{font-size:var(--font-size-small)}.text-xs{font-size:var(--font-size-xs)}.hidden{display:none!important}.mt-1{margin-top:var(--space-1)}.mt-2{margin-top:var(--space-2)}.mt-4{margin-top:var(--space-4)}.mt-6{margin-top:var(--space-6)}.mt-8{margin-top:var(--space-8)}.mb-2{margin-bottom:var(--space-2)}.mb-4{margin-bottom:var(--space-4)}.mb-6{margin-bottom:var(--space-6)}.mb-8{margin-bottom:var(--space-8)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@keyframes spin{to{transform:rotate(360deg)}}@keyframes float-up{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes toast-in{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}@keyframes toast-out{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-10px)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton{display:block;position:relative;background:linear-gradient(90deg,#15211d0f,#15211d1f,#15211d0f);background-size:200% 100%;border-radius:var(--radius-xs);animation:shimmer 1.4s linear infinite;color:transparent!important;user-select:none}.skeleton-text{height:14px;width:100%;border-radius:4px}.skeleton-text-lg{height:22px;border-radius:6px}.skeleton-circle{width:40px;height:40px;border-radius:50%}.skeleton-block{height:120px;border-radius:var(--radius-md)}@media(prefers-reduced-motion:reduce){.skeleton{animation:none;background:#15211d14}}