:root{--bg-base:#12100d;--bg-surface:#1a1714;--bg-raised:#221e18;--border-subtle:#2c2721;--text-primary:#eae4d8;--text-secondary:#a89d8b;--text-muted:#6b6255;--accent:#d4a24e;--accent-hover:#e3b968;--accent-deep:#a87f35;--accent-ink:#1a1714;--danger:#c65540;--font-sans:"Noto Sans TC","PingFang TC","Microsoft JhengHei",system-ui,sans-serif;--font-mono:"JetBrains Mono","Cascadia Code",Consolas,monospace;--s-1:4px;--s-2:8px;--s-3:12px;--s-4:16px;--s-5:24px;--s-6:32px;--s-7:48px;--s-8:64px;--s-9:96px}*{box-sizing:border-box}body,html{background:var(--bg-base)}body{font-family:var(--font-sans);font-weight:400;font-size:16px;line-height:1.75;color:var(--text-primary);margin:0}::selection{background:var(--accent-deep);color:var(--accent-ink)}a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent-hover)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.mono{font-family:var(--font-mono);font-size:14px;line-height:1.714}.container{max-width:1200px;margin:0 auto;padding:var(--s-4) var(--s-4)}@media (min-width:768px){.container{padding:var(--s-4) var(--s-5)}}.site-header{border-bottom:1px solid var(--border-subtle)}.site-header .container{display:flex;align-items:center;justify-content:space-between;padding-top:var(--s-4);padding-bottom:var(--s-4)}.wordmark{font-family:var(--font-mono);font-size:20px;font-weight:700;letter-spacing:.02em;color:var(--text-primary)}.wordmark .bee{color:var(--accent)}.site-nav{display:flex;gap:var(--s-5);font-size:14px}.site-footer{border-top:1px solid var(--border-subtle);margin-top:var(--s-9);color:var(--text-muted);font-size:14px}.site-footer .container{padding-top:var(--s-5);padding-bottom:var(--s-5)}h1{font-size:28px;line-height:38px}h1,h2{font-weight:700;margin:0 0 var(--s-4)}h2{font-size:22px;line-height:32px}h3{font-size:18px;line-height:28px;font-weight:500;margin:0 0 var(--s-3)}@media (min-width:768px){h1{font-size:34px;line-height:44px}h2{font-size:24px;line-height:34px}h3{font-size:19px}}.secondary{color:var(--text-secondary);font-size:14px;line-height:22px}.caption{font-size:12px;line-height:16px;font-weight:500}.card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:6px;padding:var(--s-5)}@media (min-width:768px){.card{padding:var(--s-6)}}.card-hover{transition:border-color .15s ease-out,background-color .15s ease-out}.card-hover:hover{border-color:var(--accent-deep);background:var(--bg-raised)}.badge{display:inline-block;font-family:var(--font-mono);font-size:12px;line-height:16px;font-weight:500;border:1px solid var(--border-subtle);border-radius:4px;padding:2px 8px;color:var(--text-secondary)}.badge-gold{color:var(--accent);border-color:var(--accent-deep);background:transparent}.badge-solid{color:var(--accent-ink);background:var(--accent);border-color:var(--accent)}.badge-danger{color:var(--danger);border-color:var(--danger)}.badge-muted-line{color:var(--text-muted);text-decoration:line-through}.chip{display:inline-flex;align-items:center;gap:var(--s-1);font-size:12px;line-height:16px;font-weight:500;color:var(--accent);border:1px solid var(--accent-deep);border-radius:4px;background:transparent;padding:4px 10px;cursor:pointer;transition:background-color .15s ease-out}.chip:hover{background:var(--bg-raised)}.chip-static{cursor:default;color:var(--text-secondary);border-color:var(--border-subtle)}.chip-static:hover{background:transparent}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 var(--s-5);border-radius:6px;border:1px solid transparent;font-family:var(--font-sans);font-size:14px;font-weight:500;cursor:pointer;transition:background-color .15s ease-out,border-color .15s ease-out,color .15s ease-out}.btn-primary{background:var(--accent);color:var(--accent-ink)}.btn-primary:hover{background:var(--accent-hover)}.btn-primary:active{background:var(--accent-deep)}.btn-secondary{background:transparent;color:var(--accent);border-color:var(--accent)}.btn-secondary:hover{background:var(--bg-raised)}.btn-ghost{background:transparent;color:var(--accent);border-color:transparent;padding:0 var(--s-3)}.btn-ghost:hover{color:var(--accent-hover)}.btn-danger{background:transparent;color:var(--danger);border-color:var(--danger)}.btn:disabled{background:var(--bg-raised);color:var(--text-muted);border-color:var(--border-subtle);cursor:not-allowed}.filter-bar{position:-webkit-sticky;position:sticky;top:0;z-index:10;background:var(--bg-base);border-bottom:1px solid var(--border-subtle);padding:var(--s-3) 0}.filter-bar .container{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s-2);padding-top:0;padding-bottom:0}.filter-trigger{position:relative}.filter-trigger>summary{list-style:none;display:inline-flex;align-items:center;gap:var(--s-2);min-height:44px;padding:0 var(--s-4);background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:6px;font-size:14px;color:var(--text-primary);cursor:pointer;transition:background-color .15s ease-out,border-color .15s ease-out}.filter-trigger>summary::-webkit-details-marker{display:none}.filter-trigger>summary:hover{background:var(--bg-raised)}.filter-trigger[open]>summary{border-color:var(--accent);color:var(--accent)}.filter-trigger .count{color:var(--accent);font-family:var(--font-mono);font-size:12px}.filter-menu{position:absolute;top:calc(100% + 4px);left:0;z-index:20;min-width:220px;background:var(--bg-raised);border:1px solid var(--border-subtle);border-radius:6px;padding:var(--s-3);max-height:320px;overflow-y:auto}.filter-menu .hint{font-size:12px;color:var(--text-muted);margin-bottom:var(--s-2)}.filter-option{display:flex;align-items:center;gap:var(--s-2);min-height:44px;font-size:14px;color:var(--text-primary);cursor:pointer;padding:0 var(--s-2);border-radius:4px}.filter-option:hover{background:var(--bg-surface)}.filter-option input{accent-color:var(--accent);width:16px;height:16px}.filter-mobile{display:flex;align-items:center;gap:var(--s-2)}.filter-chip-scroll{display:flex;gap:var(--s-2);overflow-x:auto;scrollbar-width:none;flex:1 1}.filter-chip-scroll::-webkit-scrollbar{display:none}.bottom-sheet{position:fixed;inset:0;z-index:50;background:rgba(18,16,13,.6);display:flex;align-items:flex-end}.bottom-sheet .sheet{width:100%;max-height:80vh;overflow-y:auto;border-radius:6px 6px 0 0;padding:var(--s-5) var(--s-5) var(--s-6)}.bottom-sheet .sheet,.bottom-sheet .sheet-footer{background:var(--bg-surface);border-top:1px solid var(--border-subtle)}.bottom-sheet .sheet-footer{position:-webkit-sticky;position:sticky;bottom:calc(-1 * var(--s-6));display:flex;gap:var(--s-3);padding:var(--s-3) 0 var(--s-4)}.bottom-sheet .sheet-footer .btn{flex:1 1}@media (max-width:1023.5px){.filter-desktop{display:none}}@media (min-width:1024px){.filter-mobile{display:none}}.build-grid{display:grid;grid-template-columns:1fr;grid-gap:var(--s-5);gap:var(--s-5);margin-top:var(--s-5)}@media (min-width:768px){.build-grid{grid-template-columns:1fr 1fr}}.build-card{display:block;color:var(--text-primary)}.build-card h3{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-weight:700}.build-card .row{display:flex;align-items:center;gap:var(--s-2)}.build-card .meta-line{color:var(--text-secondary);font-size:14px}.build-card .foot{display:flex;align-items:center;justify-content:space-between;margin-top:var(--s-3);font-size:12px}.pob-yes{color:var(--accent)}.pob-no{color:var(--text-muted)}.breadcrumb{font-size:14px;color:var(--text-secondary);margin-bottom:var(--s-5)}.breadcrumb .sep{color:var(--text-muted);margin:0 var(--s-2)}.detail-layout{display:grid;grid-template-columns:1fr;grid-gap:var(--s-6);gap:var(--s-6)}@media (min-width:1200px){.detail-layout{grid-template-columns:minmax(0,720px) 280px;align-items:start}.detail-toc{position:-webkit-sticky;position:sticky;top:var(--s-5)}}.prose{max-width:720px}.prose p{margin:var(--s-3) 0;white-space:pre-wrap}.prose .lead{font-size:18px;color:var(--text-secondary)}.section-block{margin-bottom:var(--s-7);padding-bottom:var(--s-7);border-bottom:1px solid var(--border-subtle)}@media (min-width:768px){.section-block{margin-bottom:var(--s-8);padding-bottom:var(--s-8)}}.section-no{font-family:var(--font-mono);color:var(--accent);margin-right:var(--s-2)}.toc-card{font-size:12px;line-height:16px}.detail-toc-desktop{display:none}@media (min-width:1200px){.detail-toc-desktop{display:block;position:-webkit-sticky;position:sticky;top:var(--s-5)}.detail-toc-mobile{display:none}}.toc-card ol{list-style:none;margin:var(--s-3) 0 0;padding:0}.toc-card li a{display:block;padding:6px var(--s-3);color:var(--text-secondary);border-left:2px solid transparent;transition:color .15s ease-out,border-color .15s ease-out}.toc-card li a:hover{color:var(--accent)}.toc-card li a.active{color:var(--accent);border-left-color:var(--accent)}.toc-card .no{font-family:var(--font-mono);margin-right:var(--s-2)}.pob-block{background:var(--bg-raised);border:1px solid var(--border-subtle);border-radius:6px;margin-bottom:var(--s-4);overflow:hidden}.pob-block .pob-header{display:flex;align-items:center;justify-content:space-between;gap:var(--s-3);padding:var(--s-3) var(--s-4);border-bottom:1px solid var(--border-subtle)}.pob-block .pob-stage{font-weight:500;font-size:14px}.pob-block .pob-actions{display:flex;gap:var(--s-2)}.pob-block .pob-code{font-family:var(--font-mono);font-size:14px;line-height:24px;padding:var(--s-4);word-break:break-all;white-space:pre-wrap;color:var(--text-secondary);margin:0}.pros-cons{display:grid;grid-template-columns:1fr;grid-gap:var(--s-5);gap:var(--s-5)}@media (min-width:768px){.pros-cons{grid-template-columns:1fr 1fr}}.pros-cons ul{list-style:none;margin:0;padding:0}.pros-cons li{padding:var(--s-2) 0}.pros-cons .mark-pro{color:var(--accent);margin-right:var(--s-2)}.pros-cons .mark-con{color:var(--danger);margin-right:var(--s-2)}.faq-item{border:1px solid var(--border-subtle);border-radius:6px;margin-bottom:var(--s-3);background:var(--bg-surface)}.faq-item summary{cursor:pointer;padding:var(--s-3) var(--s-4);font-weight:500;min-height:44px;display:flex;align-items:center}.faq-item .faq-a{padding:0 var(--s-4) var(--s-3);color:var(--text-secondary);white-space:pre-wrap}.timeline{list-style:none;margin:var(--s-4) 0 0;padding:0}.timeline li{display:flex;gap:var(--s-3);align-items:baseline;padding:var(--s-2) 0;border-bottom:1px solid var(--border-subtle)}.timeline .t-date{font-family:var(--font-mono);font-size:14px;color:var(--text-secondary);white-space:nowrap}form.stack label{display:block;font-size:14px;font-weight:500;margin:var(--s-4) 0 var(--s-1)}input[type=email],input[type=password],input[type=text],input[type=url],select,textarea{width:100%;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:6px;padding:var(--s-2) var(--s-3);font-size:16px;font-family:var(--font-sans);color:var(--text-primary);transition:border-color .15s ease-out}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--accent)}input:disabled,select:disabled,textarea:disabled{color:var(--text-muted);background:var(--bg-base)}.error-text{color:var(--danger);font-size:14px}input.field-error,textarea.field-error{border-color:var(--danger)}.builder-layout{display:grid;grid-template-columns:1fr;grid-gap:var(--s-6);gap:var(--s-6)}@media (min-width:1024px){.builder-layout{grid-template-columns:minmax(0,1fr) 280px;align-items:start}.builder-side{position:-webkit-sticky;position:sticky;top:var(--s-5)}}.section-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:6px;margin-bottom:var(--s-4)}.section-card>summary{list-style:none;display:flex;align-items:center;gap:var(--s-3);min-height:44px;padding:var(--s-3) var(--s-4);cursor:pointer;transition:background-color .15s ease-out}.section-card>summary::-webkit-details-marker{display:none}.section-card>summary:hover{background:var(--bg-raised)}.section-card[open]{border-color:var(--accent)}.section-card.done{border-color:var(--accent-deep)}.section-card.missing{border-left:2px solid var(--danger)}.section-card .card-body{padding:0 var(--s-4) var(--s-4)}.section-card .no{font-family:var(--font-mono);color:var(--accent)}.section-card .state-icon{margin-left:auto}.state-icon.ok{color:var(--accent)}.state-icon.miss{color:var(--danger)}.tag-chip-row{display:flex;flex-wrap:wrap;gap:var(--s-2);margin-top:var(--s-2)}.tag-chip-row .chip.on{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}.checklist{list-style:none;margin:0;padding:0}.checklist li{display:flex;align-items:center;gap:var(--s-2);padding:var(--s-2) 0;font-size:14px;border-bottom:1px solid var(--border-subtle)}.checklist .ok{color:var(--accent)}.checklist .miss{color:var(--danger)}.banner{border:1px solid var(--border-subtle);border-left:2px solid var(--accent);background:var(--bg-surface);padding:var(--s-3) var(--s-4);border-radius:6px;margin:var(--s-4) 0;font-size:14px}.banner-danger{border-left-color:var(--danger);color:var(--danger)}.admin-nav{gap:var(--s-4)}.admin-nav,.status-tabs{display:flex;margin-bottom:var(--s-5);flex-wrap:wrap}.status-tab,.status-tabs{gap:var(--s-2)}.status-tab{display:inline-flex;align-items:center;min-height:44px;padding:0 var(--s-4);border:1px solid var(--border-subtle);border-radius:6px;background:var(--bg-surface);color:var(--text-secondary);font-size:14px}.status-tab.on{border-color:var(--accent);color:var(--accent)}.status-tab .n{font-family:var(--font-mono);font-size:12px}.data-table{width:100%;border-collapse:collapse;font-size:14px}.data-table th{text-align:left;background:var(--bg-raised);font-weight:500}.data-table td,.data-table th{padding:var(--s-3) var(--s-4);border-bottom:1px solid var(--border-subtle)}.data-table .mono-cell{font-family:var(--font-mono);font-size:14px}.table-wrap{overflow-x:auto;border-right:1px solid var(--border-subtle)}.skeleton{background:var(--bg-raised);border-radius:6px;min-height:120px}.empty-state{text-align:center;padding:var(--s-8) var(--s-5);color:var(--text-secondary)}.empty-state,.notice{border:1px solid var(--border-subtle);border-radius:6px}.notice{border-left:2px solid var(--accent);padding:var(--s-3) var(--s-4);margin:var(--s-4) 0}.diff-grid{display:grid;grid-template-columns:1fr;grid-gap:var(--s-5);gap:var(--s-5)}@media (min-width:1024px){.diff-grid{grid-template-columns:1fr 1fr}}