:root{--brand-red: #E63A46;--brand-red-hover: #D02E3A;--orange-status: #FA5D19;--green-live: #35C759;--dark-badge: #2F2D2D;--page-bg: #F0F0F0;--section-surface: #F7F7F7;--secondary-surface: #F5F5F5;--soft-surface: #F2F2F2;--border: #E6E6E6;--divider: #CFCFCF;--skeleton-line: #D9D9D9;--text-primary: #111111;--text-secondary: #333333;--text-tertiary: #666666;--text-muted: #999999;--white: #FFFFFF;--font-ui: "MiSans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-hero: "Alimama_ShuHeiTi", var(--font-ui);--font-mono: "SF Mono", "Fira Code", "Fira Mono", "Roboto Mono", "Courier New", monospace;--font-badge: "Hammersmith One", var(--font-ui);--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--space-20: 80px;--space-24: 96px;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-2xl: 24px;--content-width: 1200px;--nav-height: 64px}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth}body{font-family:var(--font-ui);color:var(--text-primary);background:var(--page-bg);line-height:1.6}a{color:inherit;text-decoration:none}code,pre{font-family:var(--font-mono)}img{max-width:100%;display:block}.container{max-width:var(--content-width);margin:0 auto;padding:0 var(--space-6)}.nav{position:fixed;top:0;left:0;right:0;height:var(--nav-height);background:#f7f7f7d9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border);z-index:100;display:flex;align-items:center}.nav-inner{max-width:var(--content-width);margin:0 auto;padding:0 var(--space-6);width:100%;display:flex;align-items:center;justify-content:space-between}.nav-brand{display:flex;align-items:center;gap:var(--space-4);font-size:20px;font-weight:700;color:var(--text-primary)}.nav-brand-lockup{width:104px;height:auto;display:block;flex-shrink:0}.nav-product-name{display:inline-flex;align-items:center;height:28px;padding:0 var(--space-3);border-left:1px solid var(--border);font-family:var(--font-badge);font-size:15px;font-weight:400;color:var(--text-primary)}.nav-links{display:flex;align-items:center;gap:var(--space-8)}.nav-links a{font-size:15px;color:var(--text-secondary);transition:color .2s}.nav-links a:hover{color:var(--brand-red)}.nav-cta{display:inline-flex;align-items:center;height:36px;padding:0 var(--space-4);background:var(--brand-red);color:var(--white)!important;border-radius:var(--radius-lg);font-size:14px;font-weight:500;transition:background .2s,transform .15s}.nav-cta:hover{background:var(--brand-red-hover);transform:translateY(-1px)}.hero{padding-top:calc(var(--nav-height) + var(--space-20));padding-bottom:var(--space-20);text-align:center}.hero-badge{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-4);background:var(--white);border:1px solid var(--border);border-radius:999px;font-size:13px;color:var(--text-tertiary);margin-bottom:var(--space-8)}.hero-badge .dot{width:8px;height:8px;border-radius:50%;background:var(--green-live)}.hero h1{font-size:clamp(32px,5vw,56px);font-weight:700;line-height:1.15;color:var(--text-primary);margin-bottom:var(--space-6);max-width:800px;margin-left:auto;margin-right:auto}.hero h1 .accent{color:var(--brand-red)}.hero-sub{font-size:clamp(16px,2vw,20px);color:var(--text-tertiary);max-width:640px;margin:0 auto var(--space-10);line-height:1.8}.hero-actions{display:flex;align-items:center;justify-content:center;gap:var(--space-4);margin-bottom:var(--space-16)}.btn-primary{display:inline-flex;align-items:center;height:48px;padding:0 var(--space-8);background:var(--brand-red);color:var(--white);border:none;border-radius:var(--radius-lg);font-size:16px;font-weight:500;cursor:pointer;transition:background .2s,transform .15s}.btn-primary:hover{background:var(--brand-red-hover);transform:translateY(-1px)}.btn-secondary{display:inline-flex;align-items:center;height:48px;padding:0 var(--space-8);background:var(--white);color:var(--text-secondary);border:1px solid var(--border);border-radius:var(--radius-lg);font-size:16px;font-weight:500;cursor:pointer;transition:border-color .2s,transform .15s}.btn-secondary:hover{border-color:var(--text-muted);transform:translateY(-1px)}.hero-code{max-width:720px;margin:0 auto;background:var(--text-primary);border-radius:var(--radius-xl);overflow:hidden;text-align:left}.hero-code-bar{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);background:#ffffff0f}.hero-code-bar span{width:12px;height:12px;border-radius:50%;background:#ffffff26}.hero-code pre{padding:var(--space-6);overflow-x:auto;font-size:13px;line-height:1.7;color:#e4e4e7}.hero-code .kw{color:#c084fc}.hero-code .str{color:#86efac}.hero-code .key{color:#93c5fd}.hero-code .comment{color:#71717a}.section{padding:var(--space-20) 0}.section-header{text-align:center;margin-bottom:var(--space-16)}.section-header h2{font-size:clamp(28px,3.5vw,42px);font-weight:600;margin-bottom:var(--space-4);color:var(--text-primary)}.section-header p{font-size:18px;color:var(--text-tertiary);max-width:600px;margin:0 auto;line-height:1.8}.section-label{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-3);background:#e63a4614;color:var(--brand-red);border-radius:var(--radius-sm);font-size:13px;font-weight:500;margin-bottom:var(--space-4);letter-spacing:.02em}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-6)}.feature-card{background:var(--white);border-radius:var(--radius-xl);padding:var(--space-8);transition:box-shadow .3s,transform .2s}.feature-card:hover{box-shadow:0 18px 48px #11111114;transform:translateY(-2px)}.feature-icon{width:48px;height:48px;border-radius:var(--radius-lg);background:var(--section-surface);display:flex;align-items:center;justify-content:center;margin-bottom:var(--space-6);font-size:22px}.feature-card h3{font-size:18px;font-weight:600;margin-bottom:var(--space-3);color:var(--text-primary)}.feature-card p{font-size:15px;color:var(--text-tertiary);line-height:1.8}.channel-table-wrap{background:var(--white);border-radius:var(--radius-xl);padding:var(--space-8);overflow-x:auto}.channel-table{width:100%;border-collapse:collapse;font-size:15px}.channel-table th{text-align:left;padding:var(--space-3) var(--space-4);font-weight:600;color:var(--text-secondary);border-bottom:2px solid var(--border)}.channel-table td{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border);color:var(--text-tertiary)}.channel-table tr:last-child td{border-bottom:none}.badge-now{display:inline-flex;padding:2px 8px;background:#e63a461a;color:var(--brand-red);border-radius:var(--radius-sm);font-size:12px;font-weight:500}.badge-next{display:inline-flex;padding:2px 8px;background:#fa5d191a;color:var(--orange-status);border-radius:var(--radius-sm);font-size:12px;font-weight:500}.badge-later{display:inline-flex;padding:2px 8px;background:#35c7591a;color:var(--green-live);border-radius:var(--radius-sm);font-size:12px;font-weight:500}.check{color:var(--green-live)}.dash{color:var(--text-muted)}.arch-diagram{background:var(--text-primary);border-radius:var(--radius-xl);padding:var(--space-8) var(--space-6);overflow-x:auto}.arch-diagram pre{color:#e4e4e7;font-size:13px;line-height:1.6;white-space:pre}.arch-diagram .h{color:#c084fc}.arch-diagram .a{color:#86efac}.arch-diagram .c{color:#93c5fd}.quickstart-steps{display:grid;gap:var(--space-8)}.step{display:grid;grid-template-columns:48px 1fr;gap:var(--space-6)}.step-num{width:48px;height:48px;border-radius:var(--radius-lg);background:var(--brand-red);color:var(--white);display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:700;flex-shrink:0}.step-content h3{font-size:18px;font-weight:600;margin-bottom:var(--space-3)}.step-content p{font-size:15px;color:var(--text-tertiary);line-height:1.8;margin-bottom:var(--space-4)}.code-block{background:var(--text-primary);border-radius:var(--radius-lg);overflow:hidden}.code-block-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-2) var(--space-4);background:#ffffff0f;font-size:12px;color:var(--text-muted)}.code-block pre{padding:var(--space-4) var(--space-6);overflow-x:auto;font-size:13px;line-height:1.7;color:#e4e4e7}.code-block .kw{color:#c084fc}.code-block .str{color:#86efac}.code-block .key{color:#93c5fd}.code-block .num{color:#fbbf24}.code-block .comment{color:#71717a}.footer{padding:var(--space-12) 0 var(--space-8);border-top:1px solid var(--border)}.footer-inner{display:flex;align-items:center;justify-content:space-between}.footer-brand{font-size:18px;font-weight:700;color:var(--text-primary)}.footer-links{display:flex;gap:var(--space-6)}.footer-links a{font-size:14px;color:var(--text-muted);transition:color .2s}.footer-links a:hover{color:var(--brand-red)}.footer-copy{text-align:center;margin-top:var(--space-8);padding-top:var(--space-6);border-top:1px solid var(--border);font-size:13px;color:var(--text-muted)}.api-layout{padding-top:calc(var(--nav-height) + var(--space-10));display:grid;grid-template-columns:240px 1fr;gap:var(--space-10);max-width:var(--content-width);margin:0 auto;padding-left:var(--space-6);padding-right:var(--space-6);min-height:100vh}.api-sidebar{position:sticky;top:calc(var(--nav-height) + var(--space-6));align-self:start;max-height:calc(100vh - var(--nav-height) - var(--space-12));overflow-y:auto}.api-sidebar h4{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin-bottom:var(--space-3);margin-top:var(--space-6)}.api-sidebar h4:first-child{margin-top:0}.api-sidebar a{display:block;padding:var(--space-1) 0;font-size:14px;color:var(--text-tertiary);transition:color .15s}.api-sidebar a:hover,.api-sidebar a.active{color:var(--brand-red)}.api-content{padding-bottom:var(--space-24)}.api-section{margin-bottom:var(--space-16);scroll-margin-top:calc(var(--nav-height) + var(--space-6))}.api-section h2{font-size:28px;font-weight:600;margin-bottom:var(--space-4);padding-bottom:var(--space-3);border-bottom:2px solid var(--border)}.api-section h3{font-size:20px;font-weight:600;margin-top:var(--space-8);margin-bottom:var(--space-3)}.api-section p{font-size:15px;color:var(--text-tertiary);line-height:1.8;margin-bottom:var(--space-4)}.api-section ul,.api-section ol{margin-bottom:var(--space-4);padding-left:var(--space-6)}.api-section li{font-size:15px;color:var(--text-tertiary);line-height:1.8;margin-bottom:var(--space-1)}.api-section code{background:#e63a460f;color:var(--brand-red);padding:1px 6px;border-radius:4px;font-size:13px}.method-badge{display:inline-flex;padding:2px 8px;border-radius:var(--radius-sm);font-size:12px;font-weight:600;font-family:var(--font-mono);letter-spacing:.02em}.method-get{background:#35c7591a;color:var(--green-live)}.method-post{background:#93c5fd33;color:#3b82f6}.method-delete{background:#e63a461a;color:var(--brand-red)}.endpoint{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--section-surface);border-radius:var(--radius-md);margin-bottom:var(--space-4);font-family:var(--font-mono);font-size:14px;color:var(--text-secondary)}.param-table{width:100%;border-collapse:collapse;font-size:14px;margin-bottom:var(--space-6)}.param-table th{text-align:left;padding:var(--space-2) var(--space-3);font-weight:600;color:var(--text-secondary);border-bottom:2px solid var(--border);font-size:13px}.param-table td{padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--border);color:var(--text-tertiary);vertical-align:top}.param-table td:first-child{font-family:var(--font-mono);font-size:13px;color:var(--text-secondary);white-space:nowrap}.required{color:var(--brand-red);font-size:12px}.error-table{width:100%;border-collapse:collapse;font-size:14px}.error-table th{text-align:left;padding:var(--space-2) var(--space-3);font-weight:600;color:var(--text-secondary);border-bottom:2px solid var(--border)}.error-table td{padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--border);color:var(--text-tertiary)}.error-table td:first-child{font-family:var(--font-mono);font-size:13px;color:var(--text-secondary)}.error-table td:nth-child(2){font-family:var(--font-mono);font-size:13px}@media(max-width:900px){.features-grid,.api-layout{grid-template-columns:1fr}.api-sidebar{position:static;display:flex;flex-wrap:wrap;gap:var(--space-2);padding-bottom:var(--space-6);border-bottom:1px solid var(--border);margin-bottom:var(--space-6);max-height:none}.api-sidebar h4{width:100%;margin-top:var(--space-3)}.step{grid-template-columns:1fr}.footer-inner{flex-direction:column;gap:var(--space-4);text-align:center}}@media(max-width:640px){.nav-inner{padding:0 var(--space-4)}.nav-brand{gap:var(--space-2)}.nav-brand-lockup{width:84px}.nav-product-name{height:24px;padding-left:var(--space-2);padding-right:0;font-size:13px}.nav-links{gap:var(--space-3)}.nav-links a:not(.nav-cta){font-size:13px}.nav-links .nav-hide-mobile{display:none}.nav-cta{height:32px;padding:0 var(--space-3);font-size:12px}.hero-actions{flex-direction:column}.hero h1{font-size:28px}.section-header h2{font-size:24px}}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important}}