.mobile-stage{grid-template-columns:minmax(220px,1fr) 422px minmax(255px,.85fr);gap:4%;padding-left:4%;padding-right:4%}
.preview-side{justify-content:center;padding-bottom:0}
.preview-side .vertical-type{display:none}
.page-guide{border:1px solid #d7ddcf;background:#fffdf7;border-radius:20px;padding:23px 22px;box-shadow:0 16px 40px #193d2510;color:#25342b;max-width:100%}
.page-guide .eyebrow{font-size:10px;letter-spacing:1.8px;color:#66866d}
.page-guide h2{font-size:21px;line-height:1.35;margin:12px 0 15px;letter-spacing:-.3px}
.page-guide-body{font-size:13px;line-height:1.7;color:#5a665b}
.page-guide-body p{margin:5px 0 13px}
.page-guide-body b{color:#254b32;font-size:12px}
.page-guide-body .page-guide-audience{font-size:11px;color:#3c7150;background:#eaf2e4;border-radius:7px;padding:7px 9px;margin:0 0 15px}
.page-guide-body>a{display:inline-block;margin-top:3px;color:#1e5c36;font-weight:700;text-decoration:none;border-bottom:1px solid #9cbc9f}
.page-guide-mobile{display:none}
.admin-content>.page-guide{margin:0 0 24px;padding:18px 22px;background:#f7faf3}
.admin-content>.page-guide h2{margin:7px 0 9px;font-size:18px}
.admin-content>.page-guide .page-guide-body{display:grid;grid-template-columns:1fr 1.3fr 1fr;gap:8px 18px;align-items:start;font-size:12px}
.admin-content>.page-guide .page-guide-body p{margin:0}
.admin-content>.page-guide .page-guide-body .page-guide-audience{grid-column:1/-1;margin:0;padding:5px 9px;justify-self:start}
.admin-content>.page-guide .page-guide-body b{display:block;font-size:11px;margin-bottom:3px}
.admin-content>.page-guide .page-guide-body>a{grid-column:1/-1;justify-self:start}
.docs-client .docs-layout section{scroll-margin-top:28px}
.docs-client .docs-scenarios{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:18px 0}
.docs-client .docs-scenario{background:#fbfcf8;border:1px solid #e2e9df;border-radius:13px;padding:16px}
.docs-client .docs-scenario-head{display:flex;align-items:baseline;gap:10px}
.docs-client .docs-scenario-head span{color:#1e5c36;font-size:11px;font-weight:800;letter-spacing:1px}
.docs-client .docs-scenario h3{font-size:16px;line-height:1.4;margin:0 0 8px}
.docs-client .docs-scenario p{font-size:12px;line-height:1.75;margin:6px 0}
.docs-client .docs-scenario-limit{color:#738074}
.docs-client .docs-scenario b{color:#365a3f}
@media(max-width:1150px){.mobile-stage{grid-template-columns:422px minmax(250px,340px);justify-content:center}.preview-intro{display:none}}
@media(max-width:800px){.mobile-stage{display:block}.preview-side{display:none}.page-guide-mobile{display:block;background:#f7faf3;border-bottom:1px solid #dce8d8;flex-shrink:0}.page-guide-mobile summary{padding:9px 18px;color:#235c37;font-size:12px;font-weight:700;cursor:pointer;list-style:none}.page-guide-mobile summary::-webkit-details-marker{display:none}.page-guide-mobile summary:after{content:'展开 ▾';float:right;font-size:11px}.page-guide-mobile[open] summary:after{content:'收起 ▴'}.page-guide-mobile .page-guide-body{padding:0 18px 12px;max-height:33vh;overflow:auto;font-size:11px}.page-guide-mobile .page-guide-body p{margin:4px 0 7px}.docs-client .docs-scenarios{grid-template-columns:1fr}.admin-content>.page-guide .page-guide-body{display:block}.admin-content>.page-guide .page-guide-body p{margin:7px 0}.admin-content>.page-guide .page-guide-body b{display:block}}
@media(max-width:650px){.page-guide-mobile summary{padding:8px 16px}.admin-content>.page-guide{padding:15px;margin-bottom:17px}}
