.user-guide{max-width:1100px;margin:auto;color:#173858}.guide-head{display:flex;justify-content:space-between;gap:24px;align-items:start}.guide-head h1{font-size:34px;margin:12px 0}.guide-brand{font-size:12px;font-weight:800;letter-spacing:1.5px}.guide-tools{display:grid;gap:12px;min-width:200px}.guide-tools label,.guide-search{display:grid;gap:8px;font-weight:700}.guide-tools select,.guide-search input{width:100%;min-height:44px;box-sizing:border-box}.guide-flow{display:flex;gap:12px;list-style:none;padding:20px;background:#eaf3fc;border-radius:16px;flex-wrap:wrap}.guide-flow li{display:flex;align-items:center;gap:8px;flex:1;font-weight:700}.guide-flow li span,.guide-number{display:grid;place-items:center;background:#174c7d;color:white;border-radius:50%;width:34px;height:34px;flex-shrink:0}.guide-note{padding:16px;border-left:4px solid #2879ad;background:#f2f8fc;line-height:1.6}.guide-search{margin:24px 0}.guide-topic{display:grid;grid-template-columns:42px 1fr;gap:12px;background:white;border:1px solid #dce5ee;border-radius:16px;padding:24px;margin:18px 0;break-inside:avoid}.guide-topic h2{margin:0 0 8px}.guide-topic p,.guide-topic li{line-height:1.7}.guide-topic li{margin:10px 0;padding-left:5px}.guide-example{margin:16px 0;padding:18px;background:#f2f7fa;border-radius:12px}.guide-example figcaption{font-weight:800;font-size:13px}.guide-example p{margin:8px 0}.guide-math{display:flex;align-items:center;gap:16px;font-size:24px;padding:12px 0;flex-wrap:wrap}.guide-math strong{color:#176443}.guide-offline{justify-content:center;font-size:28px;margin:8px 0}.user-guide button{min-height:44px;color:#174c7d}.guide-tools button{white-space:normal}@media(max-width:650px){.guide-head{display:block}.guide-tools{margin-top:16px}.guide-topic{padding:16px;grid-template-columns:1fr}.guide-flow li{flex:1 0 40%}.guide-head h1{font-size:28px}.guide-topic ol{padding-left:22px}}@media print{body:has(.user-guide) .sidebar,body:has(.user-guide) .topbar,body:has(.user-guide) .mobile-bottom,body:has(.user-guide) .breadcrumb,body:has(.user-guide) .workspace-use-notice,body:has(.user-guide) footer,.user-guide .guide-tools,.user-guide .guide-search,.user-guide button{display:none!important}body:has(.user-guide) .layout{display:block}body:has(.user-guide) .main{margin:0!important}body:has(.user-guide) .content{padding:0}.guide-topic{box-shadow:none}.user-guide{max-width:none}}

.guide-jump{display:grid;gap:8px;font-weight:700;margin-top:24px}.guide-jump select{width:100%;min-height:44px;box-sizing:border-box}.guide-search-status{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.guide-topic{scroll-margin-top:130px}.user-guide :is(button,input,select,a):focus-visible,.guide-topic:focus{outline:3px solid #266da8;outline-offset:4px}@media print{.guide-jump,.guide-search-status{display:none!important}.guide-topic:focus{outline:none}}
