/* yy-dark-guide：仿 official.html 深色玻璃风 */
:root{--bg:#030305;--card:rgba(255,255,255,.04);--text:#f5f5f7;--muted:rgba(255,255,255,.62);--line:rgba(255,255,255,.10);--brand:#7db7ff;--brand2:#7db7ff;--warn2:#ffb27d}
html,body{background:#030305!important;color:var(--text)!important}
body{font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","PingFang SC","Microsoft YaHei",Arial,sans-serif!important;line-height:1.85}
body:before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(circle at 50% 4%,rgba(80,150,255,.16),transparent 30%),radial-gradient(circle at 16% 30%,rgba(0,210,255,.08),transparent 28%),radial-gradient(circle at 86% 24%,rgba(145,90,255,.12),transparent 30%),linear-gradient(180deg,#070912 0%,#030305 48%,#000 100%)}
a{color:#7db7ff}
.top,#yy-sticky-nav~* .top{background:rgba(5,5,8,.72)!important;backdrop-filter:saturate(180%) blur(18px);-webkit-backdrop-filter:saturate(180%) blur(18px);border-bottom:1px solid var(--line)!important;box-shadow:none!important}
.top .in{max-width:1080px}
.logo{color:#fff!important;font-size:15px!important;letter-spacing:-.01em}
.logo span{color:#fff!important}.logo em{color:rgba(255,255,255,.5)}
.top nav a{color:rgba(255,255,255,.68)!important}.top nav a:hover{color:#7db7ff!important;text-decoration:none}
main{max-width:920px!important;padding:0 20px!important}
.crumb{margin:22px 0 0!important;color:rgba(255,255,255,.45)!important}.crumb a{color:rgba(255,255,255,.55)!important}
article,.box{background:transparent!important;border:0!important;padding:0!important;margin-bottom:28px!important}
h1{margin:26px 0 0!important;font-size:clamp(32px,5.2vw,58px)!important;line-height:1.1!important;font-weight:820!important;letter-spacing:-.045em;background:linear-gradient(90deg,#fff 0%,#8ec7ff 42%,#bda7ff 100%);-webkit-background-clip:text;background-clip:text;color:transparent!important}
.meta{margin:16px 0 26px!important;color:rgba(255,255,255,.45)!important}
h2{margin:56px 0 18px!important;padding:0!important;border:0!important;font-size:clamp(24px,3.4vw,36px)!important;line-height:1.2;font-weight:800;letter-spacing:-.035em;color:#fff}
h3{color:#fff;font-size:19px!important;margin:26px 0 8px!important}
p,li{color:rgba(255,255,255,.74)}
b,strong{color:#fff}
.tldr,.stat,.tip,.warn,.tw,.faq,.list,.yy-gcta{position:relative;border-radius:22px!important;border:1px solid transparent!important;background:linear-gradient(135deg,rgba(255,255,255,.06),rgba(255,255,255,.018)) padding-box,linear-gradient(135deg,rgba(255,255,255,.24),rgba(255,255,255,.05) 44%,rgba(115,175,255,.10) 72%,rgba(255,255,255,.06)) border-box!important;box-shadow:0 30px 80px rgba(0,0,0,.36),inset 0 1px 0 rgba(255,255,255,.12)}
.tldr{padding:20px 22px!important;font-size:17px;color:rgba(255,255,255,.8);margin:0 0 16px!important}
.tldr b{color:#8ec7ff!important}
.stat{padding:14px 20px!important;color:#7ee2a8!important;font-weight:600}
.tip{padding:14px 20px!important;border-left:0!important}
.tip:before,.warn:before{content:"";position:absolute;left:0;top:18px;bottom:18px;width:3px;border-radius:3px;background:#7db7ff}
.warn{padding:14px 20px!important}.warn:before{background:#ffb27d}
.tw{padding:6px 10px;margin:14px 0}
table{margin:0!important;font-size:15px}
th,td{border:0!important;border-bottom:1px solid var(--line)!important;padding:13px 12px!important;color:rgba(255,255,255,.78)}
th{background:transparent!important;color:rgba(255,255,255,.45)!important;font-size:13px;font-weight:600}
tr:last-child td{border-bottom:0!important}
.price{color:#8ec7ff!important}
code{background:rgba(255,255,255,.09)!important;color:#d9e8ff;border:1px solid rgba(255,255,255,.08)}
ol.steps li:before{background:#ffb27d!important;color:#050507!important}
figure img{border:1px solid rgba(255,255,255,.14)!important;border-radius:18px!important}
figcaption{color:rgba(255,255,255,.45)!important}
.btn{height:52px;display:inline-flex!important;align-items:center;padding:0 28px!important;border-radius:999px!important;font-weight:700}
.btn.p{color:#050507!important;background:linear-gradient(120deg,#fff 0%,#bfd8ff 30%,#fff 55%,#ffd3ef 78%,#fff 100%)!important}
.btn.s{color:#fff!important;background:rgba(255,255,255,.10)!important;border:1px solid rgba(255,255,255,.16)!important}
.yy-gcta{padding:14px 16px 14px 20px!important;color:rgba(255,255,255,.7)!important;margin:0 0 16px!important}
.yy-gcta b{color:#fff!important}
.yy-gcta-btn,.yy-gbar-btn{background:linear-gradient(120deg,#fff 0%,#bfd8ff 40%,#ffd3ef 100%)!important;color:#050507!important;border-radius:999px!important;padding:8px 16px!important}
.faq{padding:6px 22px}
.list{padding:4px 22px}
.list a{border-bottom:1px solid var(--line)!important;color:#fff!important}
.list a b{color:#fff!important}.list a span{color:rgba(255,255,255,.55)!important}
.list a:hover{text-decoration:none}.list a:hover b{color:#8ec7ff!important}
main p[style]{color:rgba(255,255,255,.55)!important}
footer{max-width:920px!important;color:rgba(255,255,255,.4)!important;text-align:center;padding:30px 20px 60px!important;border-top:1px solid var(--line)}
footer a{color:rgba(255,255,255,.6)!important}
@media (max-width:767px){.yy-gbar{background:rgba(8,9,14,.92)!important;border-top:1px solid var(--line)!important;color:rgba(255,255,255,.7)!important;backdrop-filter:blur(18px)}.yy-gbar-t b{color:#fff!important}.yy-gbar-x{background:rgba(255,255,255,.1)!important;color:#fff!important}}
@media (max-width:600px){main{padding:0 16px!important}h1{font-size:32px!important}h2{margin-top:44px!important;font-size:24px!important}.tldr{padding:16px!important;font-size:16px}.tw{padding:2px 4px}th,td{padding:10px 8px!important}}
/* 个别页面专用元素 */
main [style*="color:#5d6475"]{color:rgba(255,255,255,.55)!important}
.faq h3:first-child{margin-top:16px!important}
.chk{color:rgba(255,255,255,.45)!important}
.acct tr.grp td{background:rgba(255,255,255,.05)!important;color:rgba(255,255,255,.6)!important}
.acct tr.sum td{background:rgba(125,183,255,.10)!important;color:#fff!important}
.acct small{color:rgba(255,255,255,.5)!important}
.fgi{background:rgba(255,255,255,.04)!important;border:1px solid rgba(255,255,255,.10)!important;border-radius:16px!important}
.fgi img{background:rgba(255,255,255,.06)!important;border:0!important;border-radius:10px!important}
.cmd-t{color:rgba(255,255,255,.6)!important}
footer a{display:inline-block;margin:0 7px!important}
