:root{--bg:#0d0c13;--surface:#17151f;--ink:#f1ecff;--muted:#9690a6;--accent:#bd9cff;--on:#15111d;--line:#363040;--radius:8px}body{font-family:ui-monospace,"PingFang SC",monospace}.bar{border-bottom:1px solid #373041}.brand{letter-spacing:-1px}.code-hero{display:grid;grid-template-columns:1fr 1fr;gap:55px;padding-top:70px;padding-bottom:65px}.code-intro h1{font-family:Arial,sans-serif;font-size:68px;letter-spacing:-4px;line-height:1.05}.code-intro p{font-size:14px}.code-window{align-self:center;background:#17151f;border:1px solid #393141;box-shadow:0 30px 60px #0004}.code-tabs{padding:18px 20px;border-bottom:1px solid #393141;font-size:11px;color:#9d92b0}.code-tabs span{float:right;color:#a9cfab}.code-window pre{padding:24px;line-height:1.85;font-size:13px;overflow:auto;margin:0}.code-muted{color:#777185}.code-purple{color:#c3a4ff}.code-green{color:#a5d7b8}.code-status{padding:16px 24px;background:#211d2a;font-size:12px;color:#bda1e6}.brands{font-size:12px;border-style:dashed}.section{padding:48px 0;border-bottom:1px solid #363040}.section h2{font-size:28px}.grid{gap:16px}.card{padding:24px}.four .card{background:#0f0e15}.contact{background:#201b2d}.faq summary{font-size:14px}.article-card{border-top:1px solid #534665}.btn{border-radius:5px;font-size:13px}@media(max-width:800px){.code-hero{grid-template-columns:1fr;gap:25px;padding-top:40px}.code-intro h1{font-size:47px;letter-spacing:-2px}.code-window pre{font-size:11px;padding:20px}}
/* 四套独立主题精修共享细节：图片、标识、交互与手机间距 */
.brands>span{display:flex;align-items:center;gap:10px;white-space:nowrap}.brands img{display:block;width:29px;height:25px;object-fit:contain}.brands b{font-size:11px;font-weight:600}.platform-image{width:100%;height:175px;object-fit:contain;display:block;border-radius:10px;margin-bottom:23px}.scene-image{width:100%;height:130px;object-fit:contain;display:block;border-radius:9px;margin-bottom:20px}.card,.inner-card,.article-card{transition:box-shadow .2s,border-color .2s,transform .2s}.card:hover,.inner-card:hover,.article-card:hover{transform:translateY(-3px)}nav a.is-current{color:var(--accent)}.btn{transition:background .2s,box-shadow .2s,transform .2s}.btn:hover{transform:translateY(-1px)}.inner-page .inner-breadcrumb{font-size:11px}.inner-page .inner-section h2{margin-bottom:25px}.inner-page .inner-form input:focus,.inner-page .inner-form textarea:focus{outline:2px solid var(--accent);outline-offset:2px}.inner-page .inner-card>div{padding:25px}.inner-page .inner-hero figure img{border-radius:14px}.inner-page .inner-hero figcaption{font-size:10px}@media(max-width:800px){.platform-image{height:180px}.scene-image{height:175px}.brands{gap:24px}.brands>span{min-width:max-content}.brands img{width:25px}.card:hover,.inner-card:hover,.article-card:hover{transform:none}.inner-page .inner-hero{gap:20px}.inner-page .inner-form{padding:22px}.inner-page .inner-callout{padding:27px}}

/* 开发者终端：石墨黑 / 紫色 / 冰薄荷强调 */
:root{--bg:#100f19;--surface:#191725;--ink:#ece9f6;--muted:#a39db4;--accent:#b49aee;--on:#171020;--line:#393448;--radius:12px}.preview-note{background:#201b31;color:#968caf}.brand span{color:#bda6f1}nav{color:#b4aeca;font-size:12px}.bar{border-bottom-color:#393149}.btn{background:#b79aee;border-color:#b79aee;border-radius:7px;color:#20132c;font-size:12px;box-shadow:0 7px 22px #7d55d214}.btn.secondary{background:#1b1727;color:#cabce6;border-color:#493b63}.btn:hover{background:#c8b3f6;color:#27183d}.code-hero{gap:45px;padding-top:55px;padding-bottom:50px}.code-intro h1{font-size:64px;font-weight:650;line-height:1.04;color:#f4eaff;text-wrap:balance}.code-intro p{font-size:13px;line-height:2;color:#a59bb9}.code-intro .eyebrow{color:#9bc6be;font-size:10px}.code-window{border:1px solid #59456f;border-radius:14px;overflow:hidden;box-shadow:0 18px 45px #0003;background:#1c182a}.code-tabs{background:#252033;border-bottom-color:#4b3b62;color:#a497bb;padding:18px 22px}.code-tabs span{color:#90c9b5}.code-window pre{padding:22px 25px;line-height:1.8;font-size:12px}.code-purple{color:#c4a5f2}.code-green{color:#a7d3b5}.code-muted{color:#877b9d}.code-visual{display:flex;align-items:center;gap:18px;background:#ebe6db;margin:0 16px 15px;border-radius:9px;padding:8px 12px}.code-visual img{height:85px;width:120px;object-fit:contain}.code-visual span{font-size:9px;color:#796b57;line-height:1.8}.code-status{background:#262036;color:#b5a0cd;font-size:10px;padding:13px 24px;border-top:1px solid #43334f}.brands{background:#181624;border:1px solid #3b344c;border-radius:10px;padding:22px 25px;color:#afa8c2}.brands img{background:#f4f0e7;padding:4px;border-radius:5px}.brands b{font-size:10px;font-weight:500}.section{padding:50px 0;border-bottom:1px solid #302a3e}.section h2{color:#e5dcef;font-size:29px}.eyebrow{color:#9abead;font-size:9px;letter-spacing:2px}.card{background:#1b1828;border:1px solid #423653;border-top:3px solid #8e70b6;border-radius:11px;padding:24px;box-shadow:0 8px 20px #0001}.card h3{color:#e6d7f1;font-size:19px}.card p{font-size:12px;color:#a195b2;line-height:1.9}.num{color:#9dbfae;font-size:10px}.card a{font-size:11px;color:#bda0e4}.platform-image{background:#e9e4d9;padding:5px;filter:saturate(.6)}.four .card{border-top:2px solid #80aaa0;background:#181f24;padding:19px}.four .card:nth-child(2){border-top-color:#9d81be;background:#201a2b}.four .card:nth-child(3){border-top-color:#b49465;background:#25211f}.four .card:nth-child(4){border-top-color:#7c9daf;background:#181e27}.scene-image{background:#e5e2d8;filter:saturate(.65)}.four .card h3{font-size:17px}#recharge{background:#211a30;border:1px solid #514060;border-radius:15px;padding:36px;margin-top:28px;margin-bottom:28px}#recharge .card{background:#171624;border-color:#4b3c61;padding:26px}#recharge .card h3{font-size:14px;margin:15px 0 5px}#recharge .card p{font-size:11px;margin:0}.article-card{background:#1b1828;border:1px solid #423652;border-top:3px solid #a78bbb;border-radius:10px;padding:24px}.article-card h3{font-size:17px;color:#dfd3ef}.article-card p{font-size:11px;color:#a196b2}.article-card small{color:#8bc5af;background:#22352e;padding:5px 7px;border-radius:4px;font-size:9px}.list-cover{background:#e6e2d8;filter:saturate(.6)}.faq summary{font-size:13px;color:#c4b5d7}.contact{background:#241c34;border:1px solid #5c4771;border-radius:15px;padding:38px}.contact h2{color:#eee3fa;font-size:30px}.contact p{font-size:12px;color:#b0a0c4}.contact input{background:#191524;border-color:#514066;color:#ddd0ed}.contact input::placeholder{color:#8f809f}.contact .btn{background:#aacbb9;color:#17261d}.contact .status{color:#abcdbb}.inner-page .inner-hero{background:#201a2e;border:1px solid #534163;border-radius:15px;margin-top:22px}.inner-page .inner-hero h1{color:#efe4fa}.inner-page .inner-hero p{color:#b1a3c5}.inner-page .inner-hero img{background:#e9e4d9;filter:saturate(.6)}.inner-page .inner-card{border-style:solid;border-top:3px solid #9275b5}.inner-page .inner-card img{background:#e9e4d9;filter:saturate(.6)}.inner-page .inner-card span{color:#a9cfb9}.inner-page .inner-steps>div{background:#201b2d;border-color:#4d3e61}.inner-page .table-scroll th{background:#292139;color:#bda4d7}.inner-page .inner-callout{background:#282036;border-color:#59456e}.inner-page .inner-callout h2{color:#f1e4ff}.inner-page .consult-note,.inner-page .article-aside{background:#231d31;border:1px solid #49395d}.inner-page .inner-form{border-top:3px solid #a9cab5}.inner-page .feature-strip{background:#211b2d;border-color:#4b3e5f}.inner-page .article-cover{background:#e9e4d9;filter:saturate(.65)}@media(max-width:800px){.code-hero{padding-top:35px;gap:25px}.code-intro h1{font-size:46px}.code-window pre{font-size:11px;padding:20px}.code-visual img{height:70px;width:100px}.code-visual span{font-size:8px}.brands{padding:19px}#recharge{padding:27px 22px}.inner-page .inner-hero{margin:20px 16px 0;padding-left:22px!important;padding-right:22px!important}.contact{padding:27px}}

/* 2026-10-15 整体配色调整：技术站改为浅底，保留紫色强调与深色代码窗口作为识别元素。 */
:root{--bg:#f5f4fa;--surface:#ffffff;--ink:#241f36;--muted:#6a6480;--accent:#6c4fd8;--on:#ffffff;--line:#dcd8ea}
body{background:#f5f4fa;color:#241f36}
.preview-note{background:#efeaff;color:#5e5876}
.brand span{color:#6c4fd8}
nav{color:#5e5876}
nav a{color:#5e5876}
.bar{border-bottom-color:#e4e0f0;background:#f5f4fa}
.btn{background:#6c4fd8;border-color:#6c4fd8;color:#fff;box-shadow:0 7px 22px #6c4fd822}
.btn.secondary{background:#fff;color:#4d3f86;border-color:#cfc6ec}
.btn:hover{background:#5a3fc4;color:#fff}
.btn.secondary:hover{background:#f2eefc;color:#4d3f86}
.cta{background:#6c4fd8;color:#fff}
.code-intro h1{color:#241f36}
.code-intro p{color:#5e5876}
.code-intro .eyebrow{color:#2f7d5f}
.code-window{background:#2a2540;border-color:#3d3657;box-shadow:0 18px 45px #2a254026}
.code-tabs{background:#332d4b;border-bottom-color:#4a4266;color:#b4aacb}
.code-status{background:#2f2944;color:#c4b5e0;border-top-color:#4a4266}
.brands{background:#fff;border-color:#e4e0f0;color:#5e5876}
.brands img{background:#f7f5ef}
.section{border-bottom-color:#e4e0f0}
.section h2{color:#241f36}
.eyebrow{color:#2f7d5f}
.card{background:#fff;border-color:#e2deef;border-top-color:#8f73d6;box-shadow:0 8px 20px #241f360d}
.card h3{color:#241f36}
.card p{color:#5e5876}
.num{color:#2f7d5f}
.card a{color:#6c4fd8}
.platform-image,.scene-image,.list-cover,.inner-page .inner-hero img,.inner-page .inner-card img,.inner-page .article-cover{background:#f1eee6;filter:none}
.four .card{background:#f0f6f3;border-top-color:#5fa88f}
.four .card:nth-child(2){background:#f2eefc;border-top-color:#8f73d6}
.four .card:nth-child(3){background:#f8f3ea;border-top-color:#c3a06a}
.four .card:nth-child(4){background:#eef3f7;border-top-color:#7c9daf}
#recharge{background:#efeaff;border-color:#d9cff5}
#recharge .card{background:#fff;border-color:#e2deef}
.article-card{background:#fff;border-color:#e2deef;border-top-color:#8f73d6}
.article-card h3{color:#241f36}
.article-card p{color:#5e5876}
.article-card small{color:#2f7d5f;background:#e4f2ea}
.faq summary{color:#3b3357}
.faq details{border-color:#e4e0f0}
.contact{background:#fff;border-color:#d9cff5}
.contact h2{color:#241f36}
.contact p{color:#5e5876}
.contact input{background:#f7f6fb;border-color:#d6d1e6;color:#241f36}
.contact input::placeholder{color:#8f89a3}
.contact .btn{background:#2f7d5f;color:#fff}
.contact .status{color:#2f7d5f}
footer{color:#6a6480;border-top-color:#e4e0f0}
footer a{color:#4d3f86}
.inner-page .inner-hero{background:#fff;border-color:#e2deef}
.inner-page .inner-hero h1{color:#241f36}
.inner-page .inner-hero p{color:#5e5876}
.inner-page .inner-card{border-top-color:#8f73d6;background:#fff;border-color:#e2deef}
.inner-page .inner-card span{color:#2f7d5f}
.inner-page .inner-steps>div{background:#fff;border-color:#e2deef}
.inner-page .table-scroll th{background:#f2eefc;color:#4d3f86}
.inner-page .table-scroll td{border-color:#ebe8f3}
.inner-page .inner-callout{background:#efeaff;border-color:#d9cff5}
.inner-page .inner-callout h2{color:#241f36}
.inner-page .consult-note,.inner-page .article-aside{background:#fff;border-color:#e2deef}
.inner-page .inner-form{border-top-color:#2f7d5f;background:#fff}
.inner-page .feature-strip{background:#fff;border-color:#e2deef}
.inner-page .inner-breadcrumb,.inner-page .inner-breadcrumb a{color:#6a6480}
.code-window,.code-window pre,.code-window code{color:#e6dff5}
.code-purple{color:#c9b1ff}
.code-green{color:#a5d7b8}
.code-muted{color:#9a91b3}