*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:root{--brand:#7C4DFF;--brand-light:#EDE7F6;--brand-dark:#5E35B1;--bg:#FAFAF8;--surface:#FFFFFF;--surface2:#F5F3EF;--text:#2D2D2D;--text2:#6B6B6B;--text3:#999;--border:#E8E5DF;--shadow:0 1px 3px rgba(0,0,0,0.06);--radius:14px}
[data-theme="dark"]{--bg:#121218;--surface:#1C1C26;--surface2:#242432;--text:#E8E8ED;--text2:#A8A8C0;--text3:#8888A0;--border:#2E2E42;--shadow:0 1px 3px rgba(0,0,0,0.3);--brand-light:#2A2040}
[data-theme="dark"] .source-link{background:var(--surface2)}
[data-theme="dark"] .insight{background:var(--surface2)}
[data-theme="dark"] .reference-sources{background:linear-gradient(135deg,var(--surface2),var(--surface))}
[data-theme="dark"] .disclaimer{background:var(--surface2)}
body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI','Noto Sans TC',sans-serif;background:var(--bg);color:var(--text);line-height:1.75;min-height:100vh;transition:background .3s,color .3s}
a{color:var(--brand);text-decoration:none}a:hover{text-decoration:underline}
.article-page{max-width:720px;margin:0 auto;padding:1.5rem 1rem}
.top-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--border)}
.top-bar a{font-size:.85rem;color:var(--text2)}
.top-bar .actions{display:flex;gap:.5rem}
.top-bar button{background:var(--surface2);border:1px solid var(--border);border-radius:8px;padding:.3rem .7rem;cursor:pointer;font-size:.8rem;color:var(--text2);transition:all .2s}
.top-bar button:hover{border-color:var(--brand);color:var(--brand)}
.source-link{display:block;background:var(--brand-light);border:1px solid var(--border);border-radius:10px;padding:.8rem 1rem;margin-bottom:1.5rem;font-size:.85rem}
.source-link span{color:var(--text3);font-size:.75rem}
h1{font-size:1.5rem;font-weight:700;line-height:1.4;margin-bottom:.5rem}
.meta{color:var(--text3);font-size:.8rem;margin-bottom:1.5rem;display:flex;gap:1rem}
.content-body{font-size:.95rem;line-height:1.85}
.content-body p{margin-bottom:1rem}
.content-body h2{font-size:1.15rem;font-weight:600;color:var(--brand);margin:1.8rem 0 .8rem}
.content-body ul{padding-left:1.5rem;margin-bottom:1rem}
.content-body li{margin-bottom:.5rem}
.insight{background:var(--brand-light);border-left:3px solid var(--brand);border-radius:0 10px 10px 0;padding:1rem 1.2rem;margin:1.5rem 0}
.insight h3{font-size:.9rem;color:var(--brand);margin-bottom:.4rem}
.insight p{font-size:.85rem;color:var(--text2);margin:0}
/* ===== Reference Sources ===== */
.reference-sources{background:linear-gradient(135deg,var(--brand-light),var(--surface2));border:1px solid var(--brand);border-radius:12px;padding:1.2rem 1.4rem;margin:2rem 0;font-size:.85rem}
.reference-sources h3{font-size:.9rem;color:var(--brand);margin-bottom:.6rem;font-weight:600}
.reference-sources ul,.reference-sources ol{list-style:none;padding:0}
.reference-sources li{padding:.3rem 0;border-bottom:1px solid var(--border)}
.reference-sources li:last-child{border-bottom:none}
.reference-sources a{color:var(--brand);font-weight:500}
.reference-sources a:hover{text-decoration:underline}

.disclaimer{background:var(--surface2);border-radius:10px;padding:1rem;margin:2rem 0;font-size:.75rem;color:var(--text3);text-align:center}
.nav-footer{display:flex;justify-content:space-between;padding:1.5rem 0;border-top:1px solid var(--border);margin-top:2rem}
.nav-footer a{font-size:.85rem;color:var(--text2);max-width:45%}
.nav-footer a:hover{color:var(--brand)}
.lang-switch{display:flex;gap:.3rem}
.lang-btn{padding:.2rem .5rem;border-radius:5px;border:1px solid var(--border);background:transparent;color:var(--text3);cursor:pointer;font-size:.75rem}
.lang-btn.active{background:var(--brand);color:#fff;border-color:var(--brand)}
@media(min-width:768px){.article-page{padding:2rem}}