:root{--bg:#0e1424;--bg2:#151d33;--card:#1b2540;--line:#2a3658;--tx:#e8ecf6;--mut:#a9b3cc;--gold:#d9b25f;--gold2:#f3d68f;--ok:#4fbf8a;--bad:#e2726b;--r:10px;--serif:Georgia,"Times New Roman",serif;--sans:"Segoe UI",Roboto,Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body.ob-body{margin:0;background:var(--bg);color:var(--tx);font:16px/1.7 var(--sans)}
a{color:var(--gold2)}a:hover{color:#fff}img{max-width:100%;height:auto}
.ob-skip{position:absolute;left:-999px}.ob-skip:focus{left:12px;top:12px;background:#fff;color:#000;padding:8px;z-index:9}
.ob-wrap{max-width:1180px;margin:0 auto;padding:0 20px}
.ob-head{position:sticky;top:0;z-index:5;background:rgba(14,20,36,.97);border-bottom:1px solid var(--line)}
.ob-head-in{display:flex;align-items:center;gap:18px;min-height:66px;flex-wrap:wrap}
.ob-logo{display:flex;align-items:center;text-decoration:none;color:var(--tx)}
.ob-mark{font:700 22px/1 var(--serif);letter-spacing:.5px}.ob-mark i{color:var(--gold);font-style:normal}
.ob-nav{flex:1}.ob-nav ul{display:flex;gap:4px;list-style:none;margin:0;padding:0;flex-wrap:wrap}
.ob-nav a{display:block;padding:8px 12px;border-radius:8px;color:var(--mut);text-decoration:none;font-size:15px}
.ob-nav a:hover,.ob-nav a.ob-cur{color:var(--gold2);background:var(--bg2)}
.ob-tools{display:flex;align-items:center;gap:10px}.ob-lang a{color:var(--mut);text-decoration:none;font-size:13px;padding:4px 6px;border:1px solid transparent;border-radius:6px}
.ob-lang a.ob-on{border-color:var(--gold);color:var(--gold2)}
.ob-hbtn,.ob-btn{display:inline-block;background:linear-gradient(135deg,var(--gold),var(--gold2));color:#1a1405;font-weight:700;text-decoration:none;border-radius:var(--r);padding:10px 18px;transition:transform .2s,box-shadow .2s}
.ob-hbtn:hover,.ob-btn:hover{color:#1a1405;transform:translateY(-1px);box-shadow:0 8px 22px rgba(217,178,95,.28)}
.ob-btn-lg{padding:15px 30px;font-size:18px}
.ob-hero{background:radial-gradient(circle at 80% 0,#24305a 0,var(--bg) 60%);padding:38px 0 30px;border-bottom:1px solid var(--line)}
.ob-hero-grid{display:grid;gap:28px}
.ob-crumbs{font-size:14px;color:var(--mut);margin-bottom:10px}.ob-crumbs a{color:var(--mut)}
.ob-hero h1{font:700 40px/1.2 var(--serif);margin:0 0 14px;color:#fff}
.ob-lead{color:var(--mut);font-size:18px;margin:0 0 22px}
.ob-score{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:22px;align-self:start}
.ob-score p{margin:0 0 6px}.ob-score-n{font:700 54px/1 var(--serif);color:var(--gold2)}.ob-score-n small{font-size:20px;color:var(--mut)}
.ob-facts{list-style:none;margin:16px 0 0;padding:0}.ob-facts li{display:flex;justify-content:space-between;gap:12px;padding:9px 0;border-top:1px solid var(--line);font-size:15px}
.ob-facts b{color:var(--mut);font-weight:400}.ob-facts span{text-align:right;font-weight:600}
.ob-layout{display:grid;gap:34px;padding:34px 0}
.ob-toc{background:var(--bg2);border:1px solid var(--line);border-radius:var(--r);padding:16px 18px;font-size:14px;align-self:start}
.ob-toc p{margin:0 0 8px;color:var(--gold);font-weight:700;text-transform:uppercase;letter-spacing:1px;font-size:12px}
.ob-toc ol{margin:0;padding-left:18px}.ob-toc a{color:var(--mut);text-decoration:none}.ob-toc a:hover{color:var(--gold2)}
.ob-art h2{font:700 28px/1.3 var(--serif);color:#fff;margin:38px 0 14px;padding-top:6px;border-top:1px solid var(--line)}
.ob-art h2:first-child{margin-top:0;border:0}.ob-art h3{font-size:20px;margin:26px 0 10px;color:var(--gold2)}
.ob-art ul,.ob-art ol{padding-left:22px}.ob-art li{margin:6px 0}
.ob-tbl{overflow-x:auto;margin:20px 0;border:1px solid var(--line);border-radius:var(--r)}
.ob-tbl table{border-collapse:collapse;width:100%;min-width:520px;font-size:15px}
.ob-tbl th{background:var(--card);color:var(--gold2);text-align:left;padding:11px 14px}.ob-tbl td{padding:10px 14px;border-top:1px solid var(--line)}
.ob-tbl tr:nth-child(even) td{background:rgba(255,255,255,.02)}
.ob-pc{display:grid;gap:16px;margin:22px 0}.ob-pc>div{border-radius:var(--r);padding:16px 18px;background:var(--card)}
.ob-pc-plus{border-left:4px solid var(--ok)}.ob-pc-minus{border-left:4px solid var(--bad)}.ob-pc-t{font-weight:700;margin:0 0 6px}
.ob-pc-plus .ob-pc-t{color:var(--ok)}.ob-pc-minus .ob-pc-t{color:var(--bad)}
.ob-note{background:linear-gradient(90deg,rgba(217,178,95,.14),transparent);border-left:3px solid var(--gold);padding:12px 18px;border-radius:0 var(--r) var(--r) 0;margin:20px 0}.ob-note p{margin:0}
.ob-faq{margin:18px 0}.ob-q{background:var(--card);border:1px solid var(--line);border-radius:var(--r);margin:10px 0}
.ob-q summary{cursor:pointer;padding:14px 18px;font-weight:600;list-style:none}.ob-q summary::-webkit-details-marker{display:none}
.ob-q summary::after{content:"+";float:right;color:var(--gold)}.ob-q[open] summary::after{content:"−"}.ob-q p{margin:0;padding:0 18px 16px;color:var(--mut)}
.ob-cta-row{text-align:center;margin:26px 0}
.ob-final{max-width:1180px;margin:0 auto 40px;padding:34px 20px;text-align:center;background:var(--card);border:1px solid var(--gold);border-radius:16px}
.ob-final-t{font:700 26px/1.3 var(--serif);margin:0 0 18px}
.ob-foot{background:#0a0f1c;border-top:1px solid var(--line);padding:32px 0;font-size:14px;color:var(--mut)}
.ob-foot-in{display:grid;gap:18px}.ob-foot-nav{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:8px 18px}.ob-foot-nav a{color:var(--mut)}
.ob-badge{display:inline-block;border:2px solid var(--bad);color:var(--bad);border-radius:50%;width:38px;height:38px;line-height:34px;text-align:center;font-weight:700;margin-right:8px}
@media(min-width:900px){.ob-hero-grid{grid-template-columns:1fr 340px;align-items:center}.ob-layout{grid-template-columns:250px 1fr}.ob-toc{position:sticky;top:84px}.ob-pc{grid-template-columns:1fr 1fr}.ob-foot-in{grid-template-columns:2fr 1fr}}
@media(max-width:899px){.ob-nav{order:3;flex-basis:100%}.ob-nav ul{overflow-x:auto;flex-wrap:nowrap}.ob-nav a{white-space:nowrap}}
@media(max-width:480px){body.ob-body{font-size:15px}.ob-wrap{padding:0 16px}.ob-hero h1{font-size:28px}.ob-lead{font-size:16px}.ob-art h2{font-size:23px}.ob-btn-lg{display:block;padding:14px 18px;font-size:17px}.ob-hbtn{padding:8px 12px;font-size:14px}.ob-score-n{font-size:44px}.ob-final{margin:0 16px 28px;padding:24px 16px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}