body.customer-docs { background:#f0f5f9; color:#2a3547; font-family:'Segoe UI','Microsoft YaHei',sans-serif; font-size:13px; line-height:1.7; }
.customer-docs .top { margin:18px 20px 0; top:18px; height:70px; min-height:70px; padding:0 26px; border:1px solid #eaf0f5; border-radius:16px; box-shadow:0 2px 6px #2553b912; }
.customer-docs .logo { color:#0085db; font-weight:600; }
.customer-docs .top-nav { gap:25px; font-size:12px; }
.customer-docs .layout { grid-template-columns:240px minmax(0,1fr); gap:24px; padding:22px 20px; }
.customer-docs .side { padding:24px; top:110px; height:calc(100dvh - 132px); min-height:0; overflow:auto; border:1px solid #eaf0f5; border-radius:16px; background:#fff; box-shadow:0 2px 6px #2553b912; scrollbar-width:thin; }
.customer-docs .side h3 { font-size:13px; color:#48677f; font-weight:600; margin-bottom:12px; }
.customer-docs .side a { font-size:11px; color:#8794a3; margin:0; padding:7px 0; }
.customer-docs .side a:hover { color:#0085db; }
.customer-docs .side .group { margin-bottom:24px; }
.customer-docs .content { width:100%; max-width:1000px; margin:0 auto; min-width:0; }
.customer-docs .hero { padding:30px; border:0; border-radius:16px; background:#e5f3fb; margin-bottom:24px; }
.customer-docs .hero h1 { font-size:28px; color:#2a4b65; font-weight:600; margin:0 0 12px; }
.customer-docs .hero p { color:#7892a5; font-size:13px; }
.customer-docs section { padding:26px; margin-bottom:20px; background:#fff; border:1px solid #eaf0f5; border-radius:16px; box-shadow:0 2px 6px #2553b912; scroll-margin-top:110px; }
.customer-docs h2 { color:#48677f; font-size:19px; font-weight:600; }
.customer-docs p,.customer-docs .result { color:#8593a2; font-size:12px; overflow-wrap:anywhere; }
.customer-docs pre { padding:20px; background:#24364e; border-radius:10px; font-size:12px; color:#d9e8f7; }
.customer-docs th,.customer-docs td { font-size:11px; color:#7b8999; padding:12px; border-color:#e5eaef; }
.customer-docs th { background:#f6f9fc; font-weight:500; }
.customer-docs .key { background:#e5f3fb; color:#0085db; font-size:11px; font-weight:400; max-width:100%; overflow-wrap:anywhere; }
@media (max-width:860px) { .customer-docs .layout { display:block; padding:16px; } .customer-docs .side { position:static; height:auto; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); padding:20px; gap:18px; margin-bottom:20px; } .customer-docs .side .group { margin:0; } .customer-docs .top { margin:12px 14px 0; top:12px; padding:0 18px; height:62px; min-height:62px; } .customer-docs .top-nav { gap:13px; font-size:11px; } .customer-docs .hero { padding:24px; } .customer-docs section { padding:20px; } }