*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #f9f8f5;--bg2: #ffffff;--bg3: #f2f1ed;--border: rgba(0, 0, 0, .08);--border2: rgba(0, 0, 0, .14);--text: #1a1915;--text2: #6b6860;--text3: #a09e98;--accent: #da7756;--accent2: #1a6b9a;--accent3: #b87333;--accent4: #c0392b;--nav-bg: rgba(249, 248, 245, .92);--code-bg: #f2f1ed;--code-text: #c0392b;--tab-active-text: #ffffff;--quote-bg: rgba(218, 119, 86, .05);--tip-bg: rgba(26, 107, 154, .06);--tip-border: rgba(26, 107, 154, .18);--mono: "Space Mono", monospace;--sans: "Noto Sans TC", sans-serif;--radius: 10px;--radius-lg: 16px}html.dark{--bg: #1c1917;--bg2: #262420;--bg3: #2e2b27;--border: rgba(255, 255, 255, .07);--border2: rgba(255, 255, 255, .13);--text: #f0ede6;--text2: #a09d96;--text3: #625f59;--accent: #e8835f;--accent2: #5ba8d8;--accent3: #d4913a;--accent4: #e05c5c;--nav-bg: rgba(28, 25, 23, .92);--code-bg: #2e2b27;--code-text: #e8835f;--tab-active-text: #1c1917;--quote-bg: rgba(232, 131, 95, .07);--tip-bg: rgba(91, 168, 216, .08);--tip-border: rgba(91, 168, 216, .2)}body{background:var(--bg);color:var(--text);font-family:var(--sans);font-size:15px;line-height:1.75;min-height:100vh;transition:background .25s,color .25s}.theme-toggle{display:flex;align-items:center;gap:6px;background:var(--bg3);border:1px solid var(--border2);border-radius:99px;padding:4px 6px;cursor:pointer;flex-shrink:0;margin-left:12px;transition:background .2s,border-color .2s}.theme-toggle:hover{border-color:var(--accent)}.theme-seg{display:flex;align-items:center;justify-content:center;width:26px;height:22px;border-radius:99px;font-size:12px;cursor:pointer;transition:background .2s;color:var(--text3)}.theme-seg.active{background:var(--bg2);color:var(--accent);box-shadow:0 1px 3px #0000001a}.product-nav{position:fixed;top:0;left:0;right:0;z-index:101;background:var(--nav-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);display:flex;align-items:center;height:44px;padding:0 16px 0 24px;transition:background .25s}.product-tabs{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;flex:1}.product-tabs::-webkit-scrollbar{display:none}.product-btn{display:flex;align-items:center;gap:6px;background:none;border:1px solid transparent;cursor:pointer;font-family:var(--sans);font-size:12.5px;font-weight:500;color:var(--text2);padding:5px 13px;border-radius:99px;white-space:nowrap;transition:all .15s}.product-btn:hover{color:var(--text);border-color:var(--border2)}.product-btn svg{flex-shrink:0}.product-btn.active{color:var(--accent);background:var(--tip-bg);border-color:var(--tip-border);font-weight:700}.sub-nav{position:fixed;top:44px;left:0;right:0;z-index:100;background:var(--nav-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);display:flex;align-items:center;height:52px;padding:0 16px 0 24px;transition:background .25s}.nav-logo{font-family:var(--mono);font-size:13px;font-weight:700;color:var(--accent);letter-spacing:.08em;margin-right:24px;text-decoration:none;white-space:nowrap}.nav-tabs{display:flex;gap:2px;overflow-x:auto;scrollbar-width:none;flex:1}.nav-tabs::-webkit-scrollbar{display:none}.tab-btn{background:none;border:none;cursor:pointer;font-family:var(--sans);font-size:13px;color:var(--text2);padding:6px 13px;border-radius:6px;white-space:nowrap;transition:all .15s;display:flex;align-items:center;gap:6px}.tab-btn:hover{color:var(--text);background:var(--bg3)}.tab-btn.active{color:var(--tab-active-text);background:var(--accent);font-weight:500}.main{padding-top:44px;min-height:100vh}.main.view-claude-code{padding-top:96px}.section{display:block;padding:40px 24px;max-width:900px;margin:0 auto}.hero{padding:60px 0 48px;border-bottom:1px solid var(--border);margin-bottom:40px}.hero-label{font-family:var(--mono);font-size:11px;color:var(--accent);letter-spacing:.12em;text-transform:uppercase;margin-bottom:16px}.hero h1{font-size:clamp(28px,5vw,44px);font-weight:300;line-height:1.2;color:var(--text);margin-bottom:16px}.hero h1 em{color:var(--accent);font-style:normal;font-weight:700}.hero p{color:var(--text2);font-size:16px;max-width:560px}.card{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius-lg);padding:24px;transition:border-color .2s}.card:hover{border-color:var(--border2)}.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}.styled-table{width:100%;border-collapse:collapse;font-size:14px;background:var(--bg2);border-radius:var(--radius-lg);overflow:hidden}.styled-table th{text-align:left;padding:12px 16px;font-size:11px;font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--text3);border-bottom:1px solid var(--border);font-weight:400;background:var(--bg3)}.styled-table td{padding:12px 16px;border-bottom:1px solid var(--border);color:var(--text2);vertical-align:top}.styled-table tr:last-child td{border-bottom:none}.styled-table td:first-child{color:var(--text);font-weight:500}.styled-table tr:hover td{background:var(--bg3)}.badge{display:inline-block;font-family:var(--mono);font-size:10px;padding:2px 8px;border-radius:4px;letter-spacing:.06em;text-transform:uppercase;font-weight:700}.badge-green{background:#da77561f;color:var(--accent)}.badge-blue{background:#1a6b9a1a;color:var(--accent2)}.badge-orange{background:#b873331f;color:var(--accent3)}.badge-red{background:#c0392b1a;color:var(--accent4)}html.dark .badge-green{background:#e8835f26}html.dark .badge-blue{background:#5ba8d826}html.dark .badge-orange{background:#d4913a26}html.dark .badge-red{background:#e05c5c26}h2{font-size:20px;font-weight:500;color:var(--text);margin-bottom:20px}h3{font-size:15px;font-weight:700;color:var(--text);margin-bottom:10px}.section-label{font-family:var(--mono);font-size:10px;color:var(--text3);letter-spacing:.1em;text-transform:uppercase;margin-bottom:8px}.divider{border:none;border-top:1px solid var(--border);margin:36px 0}.code-block{background:var(--code-bg);border:1px solid var(--border);border-radius:var(--radius);padding:16px 20px;font-family:var(--mono);font-size:13px;color:var(--code-text);overflow-x:auto;white-space:pre;margin:12px 0}.quote{border-left:3px solid var(--accent);padding:12px 20px;margin:20px 0;background:var(--quote-bg);border-radius:0 var(--radius) var(--radius) 0}.quote p{color:var(--text2);font-size:14px;font-style:italic}.quote .attr{font-size:12px;color:var(--text3);margin-top:6px;font-style:normal;font-family:var(--mono)}.level-track{position:relative;padding-left:32px}.level-track:before{content:"";position:absolute;left:11px;top:20px;bottom:0;width:2px;background:var(--border)}.level-item{position:relative;margin-bottom:24px}.level-dot{position:absolute;left:-32px;top:4px;width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:var(--mono);font-size:10px;font-weight:700;border:1px solid var(--border);background:var(--bg2);color:var(--text3)}.level-item.reached .level-dot{background:var(--accent);color:var(--bg);border-color:var(--accent)}.level-item.partial .level-dot{background:var(--accent3);color:var(--bg);border-color:var(--accent3)}.level-title{font-weight:700;font-size:14px;color:var(--text);margin-bottom:4px}.level-desc{font-size:13px;color:var(--text2)}.level-tag{display:inline-block;margin-top:6px;font-size:11px;font-family:var(--mono);color:var(--text3)}.level-item.reached .level-tag{color:var(--accent)}.level-item.partial .level-tag{color:var(--accent3)}.tip{background:var(--tip-bg);border:1px solid var(--tip-border);border-radius:var(--radius);padding:14px 18px;margin:16px 0;font-size:14px;color:var(--text2)}.tip strong{color:var(--accent2);font-weight:500}.checklist{list-style:none}.checklist li{display:flex;align-items:flex-start;gap:10px;padding:8px 0;border-bottom:1px solid var(--border);font-size:14px;color:var(--text2);cursor:pointer}.checklist li:last-child{border-bottom:none}.check-box{width:16px;height:16px;border-radius:4px;border:1.5px solid var(--border2);flex-shrink:0;margin-top:2px;transition:all .15s;display:flex;align-items:center;justify-content:center}.checklist li.done .check-box{background:var(--accent);border-color:var(--accent)}.checklist li.done .check-box:after{content:"✓";font-size:10px;color:var(--bg);font-weight:700}.checklist li.done span{text-decoration:line-through;color:var(--text3)}.stat-row{display:flex;gap:16px;margin-bottom:24px}.stat-card{flex:1;background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius);padding:16px 20px;text-align:center}.stat-num{font-size:28px;font-weight:700;color:var(--accent);font-family:var(--mono)}.stat-label{font-size:12px;color:var(--text3);margin-top:4px}.speaker-card{display:flex;gap:16px;align-items:flex-start;background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius-lg);padding:20px 24px;margin-bottom:16px}.avatar{width:48px;height:48px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-family:var(--mono);font-size:16px;font-weight:700}.avatar-green{background:#da77561f;color:var(--accent)}.avatar-blue{background:#1a6b9a1a;color:var(--accent2)}html.dark .avatar-green{background:#e8835f2e}html.dark .avatar-blue{background:#5ba8d82e}.cmd{font-family:var(--mono);font-size:12px;color:var(--accent2);background:var(--tip-bg);border:1px solid var(--tip-border);padding:2px 7px;border-radius:4px;white-space:nowrap}.arch{background:var(--bg3);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;margin:20px 0}.arch-layer{padding:14px 20px;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:14px}.arch-layer:last-child{border-bottom:none}.arch-num{font-family:var(--mono);font-size:11px;font-weight:700;width:28px;height:28px;border-radius:6px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.arch-content{flex:1}.arch-title{font-size:13px;font-weight:700}.arch-sub{font-size:12px;color:var(--text3);margin-top:2px}@media (max-width: 600px){.stat-row{flex-wrap:wrap}.stat-card{min-width:calc(50% - 8px)}.card-grid{grid-template-columns:1fr}}