.qq-login-grid{display:grid;grid-template-columns:minmax(280px,360px) minmax(280px,1fr);gap:28px;align-items:center}.qr-stage{min-height:300px;border:1px solid var(--line);background:#f8fafc;display:grid;place-items:center;padding:24px}.qq-qrcode{display:block;width:240px;height:240px;max-width:100%;object-fit:contain;background:#fff;border:10px solid #fff;box-shadow:0 2px 14px rgba(15,23,42,.08)}.qr-loading,.qr-online{min-height:220px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:var(--muted)}.qr-loading span{width:32px;height:32px;border:3px solid #d8e4f2;border-top-color:var(--accent);border-radius:50%;animation:qr-spin .85s linear infinite;margin-bottom:16px}.qr-loading strong,.qr-online strong{font-size:16px;color:var(--ink);margin-bottom:4px}.qr-loading small,.qr-online small{font-size:12px}.online-check{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:#e7f7ef;color:var(--green);font-size:28px;font-weight:700;margin-bottom:14px}.qq-login-info{display:grid;gap:20px}.login-steps{margin:0;padding:0;list-style:none;counter-reset:steps;display:grid;gap:12px}.login-steps li{counter-increment:steps;display:flex;align-items:center;gap:10px;color:#4b5563}.login-steps li:before{content:counter(steps);flex:0 0 24px;width:24px;height:24px;display:grid;place-items:center;border-radius:50%;background:#e9f2fd;color:var(--accent);font-size:11px;font-weight:700}.qr-updated{margin:0;color:var(--muted);font-size:12px}.qq-login-info>.primary{width:max-content}.advanced-settings{padding:0;overflow:hidden}.advanced-settings summary{padding:18px 20px;font-weight:700;cursor:pointer;list-style:none}.advanced-settings summary:after{content:'展开';float:right;color:var(--accent);font-size:12px;font-weight:400}.advanced-settings[open] summary:after{content:'收起'}.advanced-body{border-top:1px solid var(--line);padding:18px 20px 20px}.advanced-body>p{margin:0 0 16px;color:var(--muted);font-size:12px}@keyframes qr-spin{to{transform:rotate(360deg)}}
@media(max-width:760px){.qq-login-section{padding:16px}.qq-login-section .section-head{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start}.qq-login-section .section-head button{padding:7px 10px}.qq-login-grid{grid-template-columns:1fr;gap:18px}.qr-stage{min-height:276px;padding:16px}.qq-qrcode{width:min(240px,72vw);height:min(240px,72vw)}.qq-login-info{gap:16px}.qq-status{display:grid;grid-template-columns:52px minmax(0,1fr) auto;width:100%}.qq-status .badge{margin-left:0}.login-steps{gap:10px}.qq-login-info>.primary{width:100%;text-align:center}.advanced-settings summary{padding:16px}.advanced-body{padding:16px}.advanced-body .form-grid{grid-template-columns:1fr}.advanced-body .form-grid button{width:100%}}
@media(max-width:420px){.topbar{gap:9px}.topbar h1{font-size:18px}.service-state{font-size:11px}.metric-grid{grid-template-columns:1fr 1fr}.metric-grid article{min-width:0}.metric-grid strong{font-size:21px}.metric-grid small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.qq-login-section .section-head p{max-width:230px}.qr-stage{min-height:250px}.qq-qrcode{width:min(220px,68vw);height:min(220px,68vw)}.qq-status{grid-template-columns:46px minmax(0,1fr) auto;gap:10px}.avatar{width:46px;height:46px}.login-steps li{align-items:flex-start}.section{margin-bottom:10px}.notice{left:12px;right:12px;top:12px;max-width:none}}
.module-actions{display:flex;gap:8px;margin:-4px 0 16px}.module-actions button{border:1px solid #d8dee7;background:#fff;color:#334155;border-radius:5px;padding:8px 12px}.doc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.doc-grid article{border:1px solid var(--line);padding:16px}.doc-grid strong,.doc-grid code{display:block}.doc-grid code{margin:10px 0;padding:9px;background:#f4f6f8;color:#164f8f;overflow:auto}.doc-grid p,.update-panel p{color:var(--muted)}.update-panel{display:grid;gap:12px}.update-panel>strong{font-size:28px}.update-panel>.badge,.update-panel>button{width:max-content}.update-panel small{color:var(--green)}
@media(max-width:760px){.module-actions{display:grid;grid-template-columns:1fr 1fr}.module-actions button{width:100%}.doc-grid{grid-template-columns:1fr}.update-panel>button{width:100%}.sidebar nav button{height:41px}}
.nav-group{display:grid}.nav-parent{width:100%}.nav-parent span{flex:1}.nav-parent b{font-size:13px;font-weight:400;transition:transform .16s}.nav-group.open .nav-parent b{transform:rotate(180deg)}.nav-children{display:none;padding:2px 0 5px 39px}.nav-group.open .nav-children{display:grid}.sidebar .nav-children button{height:35px;padding:0 10px;font-size:12px}.sidebar .nav-children button.active{background:#344158}.publish-summary{display:grid;grid-template-columns:1fr 1fr;gap:10px}.publish-summary article{border:1px solid var(--line);padding:15px}.publish-summary span{display:block;color:var(--muted);font-size:12px}.publish-summary strong{display:block;font-size:25px;margin-top:7px}.publish-actions{display:flex;gap:8px;margin-top:18px}.publish-actions button{border:1px solid #d8dee7;background:#fff;color:#334155;border-radius:5px;padding:9px 14px}.publish-note{color:var(--muted);font-size:12px;margin:14px 0 0}.ad-layout{grid-template-columns:minmax(300px,.8fr) minmax(0,1.2fr)}
@media(max-width:1000px){.sidebar{overflow-y:auto}.ad-layout{grid-template-columns:1fr}}
@media(max-width:760px){.sidebar nav{gap:2px}.nav-children{padding-left:31px}.sidebar .nav-children button{height:38px}.publish-actions{display:grid;grid-template-columns:1fr 1fr}.publish-actions button{width:100%}.publish-summary strong{font-size:22px}}
.readiness-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.readiness-item{display:flex;align-items:center;gap:11px;border:1px solid var(--line);padding:13px}.readiness-item>span{width:28px;height:28px;display:grid;place-items:center;border-radius:50%;font-weight:700}.readiness-item.ready>span{background:#e7f7ef;color:var(--green)}.readiness-item.pending>span{background:#fff1e6;color:var(--amber)}.readiness-item strong,.readiness-item small{display:block}.readiness-item small{color:var(--muted);font-size:11px;margin-top:2px}@media(max-width:760px){.readiness-grid{grid-template-columns:1fr 1fr}}@media(max-width:420px){.readiness-grid{grid-template-columns:1fr}}