@import"https://fonts.googleapis.com/css2?family=Noto+Serif+TC:wght@400;600;700&family=Noto+Sans+TC:wght@300;400;500&display=swap";html,body,#root{height:100%;margin:0;padding:0}:root{--bg: #0d2b1e;--bg2: #112d20;--bg3: #0a2318;--gold: #c9a84c;--gold-lt: #e0c06a;--text: #e8e0d0;--text-dim: #9a9080;--border: #1e4030;--correct: #1a4a2e;--wrong: #4a1a1a;--radius: 6px;--amber: #d4a843;--amber-bg: rgba(212, 168, 67, .25);--amber-text: #1a0f00;--muted-gold: rgba(201, 168, 76, .55);--sage: #4a6b5a;--sage-lt: #6b8f7a}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:Noto Sans TC,sans-serif;font-weight:300;line-height:1.7}.app{min-height:100vh;display:flex;flex-direction:column}.header{background:var(--bg3);border-bottom:1px solid var(--border);padding:0 24px}.header-inner{max-width:900px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:16px 0}.logo-block{display:flex;align-items:center;gap:12px}.logo-icon{font-size:28px;color:var(--gold)}.logo-mark{width:52px;height:52px;color:var(--gold);flex-shrink:0}.logo-title{font-family:"Noto Serif TC",serif;font-size:24px;font-weight:700;color:var(--gold);letter-spacing:4px}.logo-sub{font-size:12px;font-weight:400;color:var(--text-dim);letter-spacing:2px;margin-top:4px}.search-section{background:var(--bg2);border-bottom:1px solid var(--border);padding:32px 24px}.search-inner{max-width:900px;margin:0 auto}.search-hint{font-size:13px;color:var(--text-dim);margin-bottom:16px;letter-spacing:.5px}.search-bar{display:flex;gap:10px;align-items:flex-start}.search-input{flex:1;padding:9px 16px;background:var(--bg3);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);font-family:Noto Sans TC,sans-serif;font-size:15px;outline:none;transition:border-color .2s;line-height:1.6;resize:none;min-height:44px;max-height:170px;overflow-y:auto}.search-input:focus{border-color:var(--gold)}.search-textarea{flex:1;padding:12px 16px;background:var(--bg3);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);font-family:Noto Sans TC,sans-serif;font-size:14px;outline:none;resize:vertical;transition:border-color .2s}.search-textarea:focus{border-color:var(--gold)}.search-btn{padding:12px 24px;background:var(--gold);border:none;border-radius:var(--radius);color:#0d2b1e;font-family:Noto Sans TC,sans-serif;font-size:14px;font-weight:500;cursor:pointer;white-space:nowrap;transition:background .2s}.search-btn:hover{background:var(--gold-lt)}.search-btn:disabled{opacity:.5;cursor:not-allowed}.main{flex:1;max-width:900px;margin:0 auto;padding:32px 24px;width:100%}.error-box{padding:16px;border:1px solid #8b3333;border-radius:var(--radius);color:#e08080;margin-bottom:24px}.loading-box{display:flex;align-items:center;gap:8px;padding:32px 0}.loading-dot{width:8px;height:8px;border-radius:50%;background:var(--gold);animation:pulse 1.2s infinite}.loading-dot:nth-child(2){animation-delay:.2s}.loading-dot:nth-child(3){animation-delay:.4s}.loading-text{color:var(--gold);font-size:.95rem;text-align:center;letter-spacing:.05em}.loading-container{padding:48px 0;display:flex;flex-direction:column;align-items:center}.loading-spinner{width:36px;height:36px;border:3px solid rgba(201,168,76,.2);border-top-color:var(--gold);border-radius:50%;animation:spin .8s linear infinite;margin:0 auto 16px}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:.3;transform:scale(.8)}50%{opacity:1;transform:scale(1)}}.result-section{margin-bottom:36px}.section-title{font-family:"Noto Serif TC",serif;font-size:15px;font-weight:600;color:var(--gold);letter-spacing:2px;margin-bottom:16px;display:flex;align-items:center;gap:8px;padding-bottom:8px;border-bottom:1px solid var(--border)}.section-icon{font-size:16px}.article-count{margin-left:auto;font-size:12px;color:var(--text-dim);font-family:Noto Sans TC,sans-serif;font-weight:300}.summary-box{padding:20px 24px;background:var(--bg2);border-left:3px solid var(--gold);border-radius:0 var(--radius) var(--radius) 0;font-size:14px;line-height:1.9;color:var(--text)}.article-card{border:1px solid var(--border);border-radius:var(--radius);margin-bottom:16px;overflow:hidden}.article-header{display:flex;justify-content:space-between;align-items:baseline;padding:10px 16px 8px;background:var(--bg2);border-bottom:1px solid rgba(201,168,76,.15);margin-bottom:0}.article-law{font-size:13px;color:var(--gold);font-weight:600}.article-no{font-size:.9rem;color:var(--text-dim)}.article-link{color:var(--muted-gold);text-decoration:none;font-size:.9rem;transition:color .2s}.article-link:hover{color:var(--gold);text-decoration:underline}.article-content{padding:14px 16px;font-size:13px;line-height:1.8;color:var(--text);white-space:pre-wrap;word-break:break-all}.caution-box{display:flex;gap:12px;padding:16px 20px;background:var(--bg2);border:1px solid #3a3020;border-radius:var(--radius);margin-bottom:24px}.caution-icon{color:#c9a84c;font-size:16px;flex-shrink:0;margin-top:2px}.caution-box p{font-size:13px;color:var(--text-dim);line-height:1.8}.chips-section{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:8px}.chips-label{font-size:12px;color:var(--text-dim)}.chip{padding:5px 14px;border:1px solid var(--sage);border-radius:20px;background:transparent;color:var(--sage-lt);font-family:Noto Sans TC,sans-serif;font-size:12px;cursor:pointer;transition:all .2s}.chip:hover{border-color:var(--gold);color:var(--gold)}.footer{border-top:1px solid var(--border);padding:16px 24px;text-align:center}.footer p{font-size:11px;color:var(--text-dim);letter-spacing:.5px}.footer-link{color:var(--text-dim);text-decoration:underline}.footer-link:hover{color:var(--gold)}.table-notice{padding:14px 16px;font-size:13px;color:var(--gold);font-style:italic}.highlight{background:var(--amber-bg);color:var(--amber);font-weight:600;padding:1px 3px;border-radius:3px}.expand-toggle{font-size:12px;color:var(--sage);-webkit-user-select:none;user-select:none;cursor:pointer;transition:color .2s}.expand-toggle:hover{color:var(--sage-lt)}.feedback-bar{margin-top:12px;padding-left:24px}.feedback-row{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.feedback-label{font-size:12px;color:var(--text-dim)}.feedback-btn{padding:5px 14px;border:1px solid var(--border);border-radius:20px;background:transparent;color:var(--text-dim);font-family:Noto Sans TC,sans-serif;font-size:12px;cursor:pointer;transition:all .2s}.feedback-btn:hover{border-color:var(--gold);color:var(--gold)}.fb-up-active{border-color:var(--correct);background:var(--correct);color:var(--text)}.fb-down-active{border-color:var(--wrong);color:var(--gold-lt)}.feedback-reasons{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.reason-btn{padding:5px 12px;border:1px solid var(--sage);border-radius:20px;background:transparent;color:var(--sage-lt);font-family:Noto Sans TC,sans-serif;font-size:12px;cursor:pointer;transition:all .2s}.reason-btn:hover,.reason-active{border-color:var(--gold);color:var(--gold)}.reason-other{display:flex;flex-wrap:wrap;gap:8px;align-items:center;width:100%;margin-top:6px}.reason-other-input{flex:1;min-width:200px;padding:6px 12px;background:var(--bg3);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);font-family:Noto Sans TC,sans-serif;font-size:12px}.reason-other-input:focus{border-color:var(--gold);outline:none}.feedback-thanks{font-size:12px;color:var(--sage-lt);letter-spacing:.5px}.footer-privacy{margin-top:6px;font-size:11px;color:var(--text-dim);letter-spacing:.5px}@media (max-width: 600px){.header-inner{flex-direction:column;gap:16px;align-items:flex-start}.search-bar{flex-direction:column;align-items:stretch}.search-btn{width:100%}.logo-mark{width:44px;height:44px}}.cat-filter{width:100%;margin-top:16px}.cat-toggle{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;background:var(--bg2);border:1px solid var(--muted-gold);color:var(--gold);font-size:.9rem;letter-spacing:.03em;padding:11px 18px;border-radius:var(--radius);cursor:pointer;transition:border-color .15s,color .15s,background .15s}.cat-toggle:hover{border-color:var(--gold);background:var(--bg3)}.cat-toggle-count{color:var(--gold-lt);font-weight:600;border-left:1px solid var(--muted-gold);padding-left:10px}.cat-chevron{transition:transform .2s;font-size:1rem;color:var(--gold)}.cat-chevron.open{transform:rotate(180deg)}.cat-chips{display:flex;flex-wrap:wrap;gap:12px 10px;justify-content:center;margin-top:16px}.cat-chip{display:inline-flex;align-items:center;gap:8px;background:var(--bg2);color:var(--sage-lt);border:1px solid var(--border);border-radius:999px;padding:9px 17px;font-size:.86rem;letter-spacing:.02em;cursor:pointer;transition:background .14s,color .14s,border-color .14s,box-shadow .14s}.cat-chip-icon{font-size:1rem;line-height:1}.cat-chip:hover{border-color:var(--muted-gold);color:var(--text);background:var(--bg3)}.cat-chip.on{background:var(--gold);color:#0d2b1e;border-color:var(--gold);font-weight:600;box-shadow:0 0 0 1px var(--gold),0 2px 8px #c9a84c40}.cat-selected{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap;margin-top:14px;font-size:.83rem;color:var(--text-dim);letter-spacing:.02em}.cat-selected-label{color:var(--gold-lt)}.cat-clear{background:transparent;border:1px solid var(--muted-gold);color:var(--gold);border-radius:var(--radius);padding:3px 12px;font-size:.78rem;cursor:pointer;transition:background .14s,color .14s}.cat-clear:hover{background:var(--gold);color:#0d2b1e}.cat-scope-banner{max-width:900px;margin:0 auto 14px;padding:9px 16px;background:var(--bg2);border-left:3px solid var(--gold);border-radius:var(--radius);color:var(--text-dim);font-size:.86rem;letter-spacing:.02em}.cat-scope-banner b{color:var(--gold-lt);font-weight:600}@media (max-width: 480px){.cat-chip{font-size:.82rem;padding:8px 14px}}