/* CROWN皇冠IP 站样式 —— 深色 hero / 浅灰网格 / 青蓝 */
:root{--teal:#0e7490;--teal-d:#0b5c73;--teal-l:#e6f4f7;--ink:#16212b;--ink2:#4d5c6a;--ink3:#8b98a5;
--line:#e3e8ee;--bg:#f4f6f9;--card:#fff;--r:14px;--sh:0 2px 12px rgba(16,42,84,.06);--shh:0 10px 30px rgba(16,42,84,.10)}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.78 -apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif}
a{color:var(--teal-d);text-decoration:none}a:hover{text-decoration:underline}
.wrap{max-width:1060px;margin:0 auto;padding:0 18px}
/* 深色 hero（本站视觉主体） */
.hero{background:radial-gradient(1100px 420px at 78% -12%,#17a2b8 0%,transparent 58%),linear-gradient(158deg,#0a1a26 0%,#0d2c3d 52%,#0c4a52 100%);color:#fff;padding:0 0 40px}
.hbar{display:flex;align-items:center;justify-content:space-between;height:62px}
.brand{display:flex;align-items:center;gap:10px;font-weight:800;font-size:17px;color:#fff}
.brand img{height:30px;border-radius:6px;display:block;background:#fff;padding:2px}
.brand i{font-style:normal;font-weight:400;font-size:12.5px;opacity:.72;border-left:1px solid rgba(255,255,255,.3);padding-left:10px}
.nav{display:flex;gap:18px;font-size:14.5px}
.nav a{color:rgba(255,255,255,.82);padding:5px 0;border-bottom:2px solid transparent}
.nav a.on{color:#fff;font-weight:700;border-bottom-color:#3ddbd9}
.hero h1{font-size:38px;line-height:1.26;margin:26px 0 12px;letter-spacing:-.9px;font-weight:800}
.hero .lead{font-size:17px;color:rgba(255,255,255,.86);max-width:760px}
.kgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:26px 0 6px}
.kcard{background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.16);border-radius:var(--r);padding:15px 16px;backdrop-filter:blur(3px)}
.kcard b{display:block;font-size:25px;letter-spacing:-.5px;line-height:1.18;color:#7ff0ec}
.kcard span{font-size:12.5px;color:rgba(255,255,255,.78)}
/* 内容区 */
main{background:var(--bg);padding-bottom:8px}
h2{font-size:23px;margin:36px 0 13px;letter-spacing:-.4px}
h2::after{content:"";display:block;width:46px;height:3px;background:var(--teal);border-radius:2px;margin-top:9px}
h3{font-size:17px;margin:20px 0 8px}
p{margin:10px 0;color:var(--ink2)}
p b,li b,td b{color:var(--ink)}
.cta{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0 6px}
.btn{display:inline-block;padding:11px 20px;border-radius:10px;font-weight:700;font-size:14.5px;transition:.16s}
.btn-p{background:#3ddbd9;color:#06282b}.btn-p:hover{background:#5ee6e4;text-decoration:none}
.btn-g{background:rgba(255,255,255,.13);color:#fff;border:1px solid rgba(255,255,255,.3)}
.btn-g:hover{background:rgba(255,255,255,.2);text-decoration:none}
.btn-o{background:#fff;color:var(--teal-d);border:1.5px solid var(--teal)}
.btn-o:hover{background:var(--teal-l);text-decoration:none}
/* 网格卡片 */
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:16px 0}
.g2{grid-template-columns:repeat(2,1fr)}
.gg{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:18px 19px;box-shadow:var(--sh);transition:.16s}
.gg:hover{box-shadow:var(--shh);transform:translateY(-1px)}
.gg .t{font-weight:800;font-size:15.5px;margin-bottom:5px;color:var(--ink)}
.gg .d{font-size:14.5px;color:var(--ink2)}
table{width:100%;border-collapse:collapse;margin:14px 0;font-size:14.5px;background:#fff;border-radius:var(--r);overflow:hidden;box-shadow:var(--sh)}
th,td{padding:11px 13px;border-bottom:1px solid var(--line);text-align:left}
th{background:#eef3f6;font-weight:700;white-space:nowrap;color:var(--ink)}
tr:last-child td{border-bottom:0}
.note{background:#fff;border-left:4px solid var(--teal);border-radius:0 var(--r) var(--r) 0;padding:14px 18px;margin:16px 0;box-shadow:var(--sh);font-size:14.5px;color:var(--ink2)}
details{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:13px 17px;margin:9px 0;box-shadow:var(--sh)}
details summary{font-weight:700;cursor:pointer;font-size:15.5px}
details p{margin:10px 0 3px}
.flag{display:inline-block;background:var(--teal-l);color:var(--teal-d);border-radius:6px;padding:2px 9px;font-size:13px;margin:3px 6px 3px 0;font-weight:600}
footer{margin:42px 0 0;background:#fff;border-top:1px solid var(--line);padding:26px 0 32px;font-size:14px;color:var(--ink2)}
footer p{margin:5px 0}
.slogan{color:var(--ink3);font-size:13px;margin-top:12px;padding-top:12px;border-top:1px solid var(--line)}
@media(max-width:760px){
 .kgrid{grid-template-columns:repeat(2,1fr)}
 .grid,.g2{grid-template-columns:1fr}
 .hero h1{font-size:26px}.hero .lead{font-size:15.5px}
 .nav{display:none}.hbar{height:56px}
}