.guide-workspace{background:radial-gradient(circle at 85% 0,#1f4f8a18,transparent 28%),#f5f7fb}.guide-hero{background:linear-gradient(135deg,#081629 0,#102a48 56%,#183c62 100%);color:#fff;padding:34px 28px 64px}.guide-hero-inner{max-width:1480px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:26px}.guide-hero .crumb{color:#9db5cf}.guide-hero .crumb a{color:#d7e9fb}.guide-kicker{display:block;margin-top:24px;font-size:10px;letter-spacing:2px;color:#7ed7ff;font-weight:800}.guide-hero h1{margin:8px 0 10px;font-size:34px;line-height:1.35}.guide-hero p{margin:0;max-width:850px;color:#b7c9dc;font-size:12px;line-height:2}.guide-hero-badge{width:150px;height:150px;border-radius:34px;border:1px solid #ffffff20;background:#ffffff0d;display:grid;place-items:center;align-content:center;box-shadow:inset 0 1px #ffffff16,0 22px 55px #00102035}.guide-hero-badge b{font-size:42px}.guide-hero-badge span{font-size:10px;color:#9eb6ce}.guide-main{max-width:1480px;margin:-34px auto 60px;padding:0 24px}.guide-search-shell{position:sticky;top:8px;z-index:12;background:#fffffff5;border:1px solid #e2e9f1;border-radius:22px;padding:15px;box-shadow:0 14px 38px #22344d16;backdrop-filter:blur(16px)}.guide-search-box{height:52px;border:1px solid #d9e2ec;background:#f8fafc;border-radius:15px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:0 15px}.guide-search-box>span{font-size:21px;color:#53749a}.guide-search-box input{border:0;outline:0;background:transparent;font:inherit;font-size:13px;color:#1d3148;width:100%}.guide-search-box kbd{direction:ltr;border:1px solid #d8e0e9;background:#fff;border-radius:7px;padding:3px 7px;color:#8595a7;font-size:9px}.guide-categories{display:flex;gap:7px;overflow:auto;padding:12px 1px 3px;scrollbar-width:thin}.guide-chip{white-space:nowrap;border:1px solid #dfe7ef;background:#fff;color:#5a6f84;border-radius:999px;padding:8px 12px;font:inherit;font-size:10px;cursor:pointer}.guide-chip:hover,.guide-chip.active{background:#12375e;color:#fff;border-color:#12375e}.guide-search-meta{display:flex;align-items:center;gap:10px;margin-top:11px;color:#7c8ca0;font-size:9px}.guide-search-meta b{color:#2b4b6d}.guide-search-meta .erp-btn{margin-right:auto;padding:7px 10px}.guide-layout{display:grid;grid-template-columns:minmax(310px,.72fr) minmax(0,1.7fr);gap:16px;margin-top:16px;align-items:start}.guide-results,.guide-detail{background:#fff;border:1px solid #e3e9f0;border-radius:20px;box-shadow:0 10px 34px #24364d0b}.guide-results{padding:10px;max-height:calc(100vh - 235px);overflow:auto;position:sticky;top:188px}.guide-list-item{width:100%;text-align:right;border:0;background:transparent;border-radius:14px;padding:12px;display:grid;grid-template-columns:38px 1fr auto;gap:10px;align-items:center;cursor:pointer;color:#283d53;font:inherit}.guide-list-item:hover{background:#f5f8fb}.guide-list-item.active{background:linear-gradient(135deg,#eff7ff,#f5f7ff);box-shadow:inset -3px 0 #3b75bc}.guide-list-icon{width:38px;height:38px;border-radius:11px;background:#eaf2fb;color:#35679d;display:grid;place-items:center;font-size:10px;font-weight:800}.guide-list-item b,.guide-list-item small{display:block}.guide-list-item b{font-size:11px}.guide-list-item small{font-size:8px;color:#8797a8;margin-top:4px;line-height:1.55}.guide-list-item>span:last-child{font-size:14px;color:#a1adba}.guide-empty{padding:28px 20px;text-align:center;color:#7f8ea0}.guide-empty b,.guide-empty span{display:block}.guide-empty b{font-size:12px;color:#30485f}.guide-empty span{font-size:9px;margin-top:7px}.guide-detail{padding:26px;min-height:590px}.guide-detail-head{display:flex;gap:16px;align-items:flex-start;border-bottom:1px solid #edf1f5;padding-bottom:20px}.guide-detail-icon{width:58px;height:58px;border-radius:17px;background:linear-gradient(145deg,#0f3c68,#256a9d);color:#fff;display:grid;place-items:center;font-weight:900;font-size:12px;box-shadow:0 12px 28px #1d5f9730}.guide-detail-head>div:nth-child(2){flex:1}.guide-detail-head small{color:#6c88a3;font-size:9px;font-weight:700}.guide-detail-head h2{margin:5px 0 7px;font-size:23px;color:#19344d}.guide-detail-head p{margin:0;color:#728397;font-size:10px;line-height:1.9}.guide-open{align-self:center;text-decoration:none}.guide-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:17px}.guide-block{border:1px solid #e6edf3;background:#fbfcfe;border-radius:15px;padding:15px}.guide-block.wide{grid-column:1/-1}.guide-block h3{font-size:12px;margin:0 0 10px;color:#274865}.guide-block p{font-size:10px;line-height:2;color:#65788c;margin:0}.guide-block ul,.guide-block ol{padding-right:20px;margin:0;display:grid;gap:8px}.guide-block li{font-size:10px;line-height:1.9;color:#536b82}.guide-example{position:relative;background:linear-gradient(135deg,#f2f9ff,#f8fbff);border-color:#cfe5f7}.guide-example-label{float:left;background:#dff2ff;color:#2c668e;border-radius:999px;padding:5px 8px;font-size:8px;margin:-2px 8px 5px 0}.guide-example h3{padding-left:72px}.guide-related{display:flex;gap:7px;flex-wrap:wrap;margin-top:10px}.guide-related a{font-size:9px;text-decoration:none;border:1px solid #d9e5ee;background:#fff;border-radius:999px;padding:6px 9px;color:#476b8b}.guide-match-hint{margin-top:14px;padding:10px 12px;border-radius:12px;background:#fff8e8;border:1px solid #f0dfb5;color:#7d6a43;font-size:9px}.guide-footer-note{margin-top:16px;border-top:1px dashed #dfe6ed;padding-top:14px;color:#8a98a8;font-size:9px;line-height:1.8}@media(max-width:900px){.guide-hero{padding:26px 18px 52px}.guide-hero h1{font-size:27px}.guide-hero-badge{display:none}.guide-main{padding:0 12px}.guide-search-shell{top:4px}.guide-layout{grid-template-columns:1fr}.guide-results{position:static;max-height:310px}.guide-detail{min-height:0}.guide-detail-grid{grid-template-columns:1fr}.guide-block.wide{grid-column:auto}}@media(max-width:560px){.guide-detail{padding:17px}.guide-detail-head{display:grid;grid-template-columns:48px 1fr}.guide-detail-icon{width:48px;height:48px}.guide-detail-head h2{font-size:19px}.guide-open{grid-column:1/-1;text-align:center}.guide-search-meta span{display:none}}