:root{--bg: #0f1115;--card: #171a21;--text: #e8e8ea;--sub: #9aa0ac;--accent: #5b8cff;--border: #2a2f3a;--code: #1d2129}@media (prefers-color-scheme: light){:root{--bg: #f5f6f8;--card: #ffffff;--text: #1c1f26;--sub: #5b6270;--accent: #2a5fd9;--border: #e1e4ea;--code: #eef0f4}}.app{min-height:100vh;display:flex;flex-direction:column}.app-header{padding:16px 20px;border-bottom:1px solid var(--border);background:var(--card)}.app-header h1{font-size:1.2rem;margin:0 0 4px;color:var(--accent)}.app-header p{font-size:.85rem;color:var(--sub);margin:0}.app-header-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.lang-switch{display:flex;gap:6px;flex:none}.lang-switch-btn{background:var(--code);color:var(--sub);border:1px solid var(--border);border-radius:8px;padding:5px 10px;font-size:.78rem;cursor:pointer}.lang-switch-btn:hover{color:var(--text)}.lang-switch-btn.active{background:var(--accent);color:#fff;border-color:var(--accent)}.showcase{flex:1;width:100%;max-width:900px;margin:0 auto;padding:24px 20px 12px;display:flex;flex-direction:column;gap:22px}.showcase-intro{margin:0;font-size:.9rem;color:var(--sub)}.examples-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}.example-card{display:flex;flex-direction:column;gap:8px;background:var(--card);border:1px solid var(--border);border-radius:12px;padding:18px;text-decoration:none;color:var(--text);transition:border-color .15s ease,transform .15s ease}.example-card:hover{border-color:var(--accent);transform:translateY(-2px)}.example-card h3{margin:0;font-size:1rem;color:var(--accent)}.example-card p{margin:0;font-size:.85rem;color:var(--sub);line-height:1.5}.example-card-link{margin-top:auto;padding-top:6px;font-size:.82rem;color:var(--accent);font-weight:600}.cta-section{display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center;background:var(--card);border:1px solid var(--border);border-radius:12px;padding:26px 20px}.cta-section h2{margin:0;font-size:1.05rem;color:var(--text)}.cta-section p{margin:0;font-size:.85rem;color:var(--sub);max-width:480px}.cta-button{display:inline-block;margin-top:4px;background:var(--accent);color:#fff;border-radius:8px;padding:10px 24px;font-size:.9rem;font-weight:600;text-decoration:none}.cta-button:hover{opacity:.9}@media (max-width: 600px){.showcase{padding:18px 14px 8px}}.region-disclosure{border-top:1px solid var(--border);padding:10px 20px 16px}.region-disclosure-toggle{background:none;border:none;color:var(--sub);font-size:.78rem;cursor:pointer;padding:4px 0}.region-disclosure-toggle:hover{color:var(--text)}.region-disclosure-panel{margin-top:8px;background:var(--code);border:1px solid var(--border);border-radius:8px;padding:12px 14px;max-width:640px}.region-disclosure-panel h4{margin:0 0 6px;font-size:.85rem;color:var(--accent)}.region-disclosure-panel p{margin:0 0 12px;font-size:.78rem;color:var(--sub);line-height:1.5}.region-diagram{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.region-diagram-arrow{color:var(--sub);font-size:1.1rem}.region-diagram-branches{display:flex;flex-direction:column;gap:6px}.region-diagram-box{border:1px solid var(--border);border-radius:8px;padding:8px 10px;font-size:.72rem;white-space:pre-line;line-height:1.4}.region-diagram-detect{background:var(--card);color:var(--text);font-weight:700}.region-diagram-global{background:#123a2a;color:#8ef0bf;border-color:#1f5c42}.region-diagram-china{background:#3a2f10;color:#ffd58a;border-color:#5c4a1f}@media (prefers-color-scheme: light){.region-diagram-global{background:#e4f7ec;color:#1f7a4d;border-color:#b9e6cc}.region-diagram-china{background:#fdf1da;color:#92650f;border-color:#f0d9ab}}