body { font-family: Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; margin: 0; background:linear-gradient(180deg,#0b1220 0%,#0a1020 100%); color:#f1f5f9; font-size:17px; }
header { padding: 34px 24px; background:radial-gradient(1200px 500px at 10% -10%, #1d4ed8 0%, rgba(29,78,216,0) 40%), #0f172a; border-bottom:1px solid #1f2937; }
.hero { max-width:1080px; margin:0 auto; }
.hero-top{display:flex; justify-content:space-between; align-items:center; gap:10px;}
.eyebrow { color:#93c5fd; font-size:12px; letter-spacing:.08em; font-weight:700; margin:0 0 10px; }
.lang-switch{display:flex; align-items:center; gap:8px; color:#cbd5e1; font-size:12px;}
.lang-switch select{background:#0b1220; color:#e2e8f0; border:1px solid #334155; border-radius:8px; padding:4px 8px;}
h1 { margin: 0 0 10px; font-size:38px; line-height:1.18; letter-spacing:-0.01em; }
.subtitle { margin:0; color:#dbeafe; font-size:17px; line-height:1.55; }
.hero-meta { display:flex; flex-wrap:wrap; gap:10px; margin-top:14px; color:#94a3b8; font-size:12px; }
.hero-meta span { border:1px solid #334155; border-radius:999px; padding:6px 10px; background:#0b1220; }
main { max-width: 1080px; margin: 24px auto; padding: 0 16px; display: grid; gap: 16px; }
.card { background:#0f172a; border:1px solid #263244; border-radius: 16px; padding: 20px; box-shadow: 0 10px 24px rgba(0,0,0,.28); }
.featured { border-color:#1d4ed8; }
.archive { margin-top: 4px; }
.index-strip{display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; margin:14px 0 12px;}
.idx-card{border:1px solid #334155; background:#0b1220; border-radius:12px; padding:10px 12px;}
.idx-card span{display:block; color:#a5b4fc; font-size:13px; margin-bottom:6px;}
.idx-card strong{display:block; font-size:24px; letter-spacing:.01em; margin-bottom:3px; color:#f8fafc;}
.idx-card em{font-style:normal; color:#7dd3fc; font-size:15px; font-weight:600;}
.idx-card em.up{color:#22c55e;}
.idx-card em.down{color:#ef4444;}
.idx-card em.flat{color:#94a3b8;}
@media (max-width:700px){.index-strip{grid-template-columns:1fr;}}
ul { list-style:none; padding:0; margin:0; }
li { padding:10px 0; border-bottom:1px solid #1f2937; }
li:last-child{ border-bottom:none; }
.brief-item{cursor:pointer; border-radius:10px; padding:10px;}
.brief-item:hover{background:#0b1220;}
.brief-item.active{background:#0b1220; border-left:3px solid #60a5fa; padding-left:12px;}
.meta { color:#cbd5e1; font-size:14px; line-height:1.5; }
.core-three{margin-top:12px; border-top:1px solid #1f2937; padding-top:12px;}
.core-three h3{margin:0 0 8px; font-size:15px; color:#cbd5e1;}
.core-three ol{margin:0; padding-left:18px; color:#e2e8f0;}
.core-three li{padding:4px 0; border-bottom:none;}
.lead-box{margin-top:12px; padding:12px; border:1px solid #334155; border-radius:12px; background:#0b1220;}
.lead-box h3{margin:0 0 8px; color:#bfdbfe; font-size:14px; letter-spacing:.02em;}
.lead-box p{margin:0; line-height:1.65; color:#dbeafe; font-size:14px;}
.insight-nav{display:flex; flex-wrap:wrap; gap:8px; margin:8px 0 12px;}
.insight-nav span{font-size:12px; color:#93c5fd; border:1px solid #334155; background:#0b1220; border-radius:999px; padding:6px 10px;}
#insight-grid{display:grid; grid-template-columns:1fr; gap:16px;}
.insight-section{border:1px solid #334155; background:linear-gradient(180deg,#0b1220 0%,#0b1428 100%); border-radius:16px; padding:14px;}
.sec-head{display:flex; justify-content:space-between; align-items:center; margin-bottom:10px;}
.sec-head span{font-size:12px; letter-spacing:.08em; color:#7dd3fc; font-weight:700;}
.sec-head strong{font-size:28px; line-height:1.15; color:#f1f5f9; font-weight:800;}
.insight-item{border:1px solid #334155; background:#0b1220; border-radius:12px; padding:14px; margin-top:10px;}
.insight-item h5{margin:0 0 8px; font-size:18px; color:#f8fafc;}
.insight-item p{margin:0; color:#dbeafe; line-height:1.65; font-size:15px;}
#post-view{line-height:1.75; max-height:760px; overflow:auto; font-size:16px; color:#f1f5f9; background:#0b1220; border:1px solid #243244; border-radius:12px; padding:14px;}
.post-sec-title{margin:12px 0 8px; font-size:18px; color:#bfdbfe; border-left:3px solid #3b82f6; padding-left:10px;}
.post-item-title{margin:10px 0 6px; font-weight:700; color:#e2e8f0;}
.post-bullet{margin:4px 0; color:#dbeafe; padding-left:10px;}
.post-line{margin:4px 0; color:#e5e7eb;}
.post-gap{height:6px;}
.lang-note{margin:0 0 10px; padding:10px 12px; border:1px solid #334155; background:#111827; border-radius:10px; color:#bfdbfe; font-size:13px;}
.more-btn{margin-top:12px; border:1px solid #334155; background:#0b1220; color:#dbeafe; border-radius:10px; padding:9px 14px; font-size:14px; cursor:pointer;}
.more-btn:hover{background:#111a2e;}
footer { text-align:center; padding: 18px; color:#9ca3af; }
@media (max-width:700px){ body{font-size:16px;} h1{font-size:28px;} header{padding:24px 16px;} .hero-top{flex-wrap:wrap;} .sec-head strong{font-size:22px;} .insight-item h5{font-size:16px;} .insight-item p{font-size:14px;} }