.sl-section,.pr-section{--sl-gold:#ecb67e;--sl-line:#454846;--sl-ink:#eeeae1;color:var(--sl-ink)}.sl-wrap{max-width:1600px}.sl-section{background:#101719}.sl-browser{border-top:1px solid var(--sl-line);border-bottom:1px solid var(--sl-line);padding:24px 0}.sl-filterbar{display:flex;align-items:center;justify-content:space-between;gap:20px}.sl-filterbar #sl-groups{display:flex;gap:8px;flex-wrap:wrap}.sl-filterbar button,.sl-options button,.sl-button{font:inherit;font-size:17px;line-height:1.4;border:1px solid #505958;border-radius:7px;padding:12px 17px;background:#172226;color:#deded4;cursor:pointer}.sl-filterbar button{border-color:transparent;background:transparent}.sl-filterbar button[aria-pressed=true],.sl-button[aria-pressed=true]{background:#493727;color:#ffd8ac;border-color:#e4a465}.sl-search{display:flex;align-items:center;gap:12px;white-space:nowrap;font-size:16px;color:#aebbb7}.sl-search input{width:230px;max-width:100%;border:1px solid #505958;border-radius:7px;background:#0d1416;color:#fff;padding:12px;font:inherit;font-size:17px}.sl-section button:hover,.pr-section button:hover{border-color:#e8ba86}.sl-section :focus-visible,.pr-section :focus-visible{outline:2px solid #fbc888;outline-offset:5px}.sl-button{white-space:nowrap}.pr-workbench{border-radius:18px;overflow:hidden;background:#182125;border:1px solid #5e584e}.pr-visual{position:relative;aspect-ratio:1536/1024}.pr-art{display:block;width:100%;height:auto}.pr-flow{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.pr-flow path{fill:none;stroke:#fff0cb;stroke-width:3;stroke-linecap:round;stroke-dasharray:10 280;animation:pr-stream 7s linear infinite;filter:drop-shadow(0 0 5px #ffad42)}@keyframes pr-stream{to{stroke-dashoffset:-580}}.pr-stop,.pr-entry{position:absolute;border:1px solid transparent;background:transparent;border-radius:5px;cursor:pointer;padding:0}.pr-stop.selected,.pr-stop:hover,.pr-entry:hover{background:#ffc17d0a;border-color:#ffe2a6;box-shadow:0 0 17px #ffb57077}.pr-entry{left:45%;top:17%;width:15%;height:5.5%}.pr-stop.selected:after{content:'';position:absolute;bottom:0;left:15%;right:15%;height:3px;background:#ffe6b5;box-shadow:0 0 12px 3px #ed964d}.pr-visual #pr-bead{position:absolute;width:8px;height:8px;transform:translate(-50%,-50%);border-radius:50%;background:#fff3d9;box-shadow:0 0 12px 4px #ffaa4e;transition:left .8s,top .8s;pointer-events:none}.pr-controls{display:flex;gap:22px;align-items:center;justify-content:space-between;flex-wrap:wrap;padding:23px 28px}.pr-controls>div{display:flex;gap:10px}.pr-controls>span{font-size:17px;color:#d6b995}.pr-step-nav{display:flex;gap:8px;flex-wrap:wrap;margin:24px 0}.pr-step-nav button{font:inherit;font-size:16px;border:1px solid #454e48;border-radius:6px;background:transparent;color:#c7c8b9;padding:10px 12px;cursor:pointer}.pr-step-nav button[aria-pressed=true]{color:#f0bb82;border-color:#c6925e;background:#3b2e20}.pr-detail{display:grid;grid-template-columns:.7fr 1.3fr;gap:45px;padding:20px 0 32px;border-bottom:1px solid #484d42;min-height:200px}.pr-detail h3{font-size:29px;line-height:1.4;margin:10px 0}.pr-detail p{font-size:20px;line-height:1.8;margin:0 0 14px}.pr-detail .pr-number{font-size:16px;color:#d4aa7c}.pr-output{font-size:18px;color:#e5c19a}.pr-skill-links{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}.pr-skill-links a,.sop-skill-link{font-size:16px;color:#e4b17b;border-bottom:1px solid #866341;padding-bottom:4px;text-decoration:none}.sl-quote{font-size:clamp(22px,2.4vw,32px);line-height:1.8;max-width:1100px;margin:54px auto;color:#ead8ba;text-align:center}.pr-start{border-block:1px solid #464c42;padding:26px 0}.pr-start summary{font-size:23px;cursor:pointer;color:#ece9db}.pr-start summary span{font-size:17px;color:#aaaf9d;margin-left:24px}.pr-start>div{max-width:900px;font-size:19px;line-height:1.8;padding-top:20px}.pr-start #xp-prompt{padding:25px;background:#25271e;border-left:2px solid #d19d6a}.xp-pain-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}.xp-pain-grid h3{font-size:26px;margin-bottom:15px}.xp-pain-grid p{font-size:20px;line-height:1.8}.xp-pain-grid article{border-top:1px solid #575d4e;padding-top:28px}.sl-section [hidden],.pr-section [hidden]{display:none!important}
@media(min-width:1700px){}
@media(max-width:1000px){.sl-filterbar{align-items:stretch;flex-direction:column}.sl-search input{flex:1;width:auto}.pr-detail{grid-template-columns:1fr;gap:10px}.xp-pain-grid{grid-template-columns:1fr}.pr-controls{gap:15px}}
@media(max-width:760px){.sl-filterbar #sl-groups{gap:3px}.sl-filterbar button{padding:9px 12px;font-size:16px}.pr-controls{padding:18px}.pr-controls>div{width:100%}.pr-controls>div button{flex:1;font-size:16px;padding:10px}.pr-start summary span{display:block;margin:12px 0 0}.pr-step-nav{flex-wrap:nowrap;overflow:auto;padding-bottom:8px}.pr-step-nav button{white-space:nowrap}.sl-quote{text-align:left;margin:35px 0}}
.pr-section-label{font-size:20px!important;font-weight:400;color:#c6b79c;margin-bottom:28px;letter-spacing:1px}.sl-section,.pr-section{scroll-margin-top:75px}
@media(prefers-reduced-motion:reduce){.sl-object,.sl-stage,.pr-visual #pr-bead{transition:none}.sl-current-flow,.pr-flow path{animation:none!important}}

/* Keep both routes visible at a calmer desktop scale. */
.pr-section>.sl-wrap{width:82%;max-width:1200px}.xp-page .pr-section{padding-block:60px}
@media(max-width:760px){.pr-section>.sl-wrap{width:92%}.xp-page .pr-section{padding-block:44px}}

/* Compact three-column Skill directory. */
.sl-catalog-heading{margin-bottom:32px}.sl-catalog-heading>p{max-width:440px;font-size:20px;line-height:1.8}
.sl-browser{padding:22px 0 0;border-bottom:0}.sl-filterbar{gap:18px}.sl-filterbar #sl-groups{gap:2px}.sl-filterbar button{padding:10px 12px;font-size:16px}.sl-search input{width:220px}
.sl-catalog-meta{display:flex;align-items:center;gap:20px;padding:18px 0;font-size:15px;color:#b8c2bf}.sl-catalog-meta button{border:0;background:none;color:#edbd88;cursor:pointer;font:inherit;text-decoration:underline;text-underline-offset:4px}
.sl-catalog{width:100%;border-collapse:collapse;table-layout:fixed;text-align:left;border:1px solid #3a4849}.sl-col-category{width:21%}.sl-col-skill{width:32%}.sl-col-application{width:47%}
.sl-catalog thead{background:#253336}.sl-catalog thead th{padding:18px 22px;font-size:18px;font-weight:500;color:#e4d8c7;border-bottom:1px solid #56615e}
.sl-catalog tbody th,.sl-catalog td{vertical-align:middle;padding:20px 22px;border-bottom:1px solid #344244;font-weight:400}.sl-catalog tbody tr{background:#141f22}.sl-catalog tbody tr:nth-child(even){background:#182427}.sl-catalog tbody tr:hover{background:#213033}.sl-catalog tbody th{border-left:3px solid #7faaa7}
.sl-catalog [data-sl-category="总入口"] th{border-left-color:#e8b778}.sl-catalog [data-sl-category="开发与检查"] th{border-left-color:#e1b47e}.sl-catalog [data-sl-category="运行与排查"] th{border-left-color:#95a8d4}.sl-catalog [data-sl-category="维护与复用"] th{border-left-color:#b1b885}
.sl-capability-name{display:flex;align-items:center;gap:12px}.sl-capability-name h3{font-size:19px;line-height:1.5;margin:0;color:#f2ede4;font-weight:600}.sl-row-number{font-size:14px;font-variant-numeric:tabular-nums;color:#d4ae81;flex-shrink:0}.sl-catalog code{display:block;padding:10px 12px;border-radius:6px;background:#ffffff06;font-size:16px;line-height:1.5;overflow-wrap:anywhere;color:#c4d1cd;font-family:ui-monospace,Consolas,monospace}.sl-catalog p{margin:0;font-size:18px;line-height:1.75;color:#d4d9d2}
#sl-options{display:table-row-group;margin:0;max-height:none;overflow:visible}#sl-empty{padding:28px 22px;border:1px solid #344244;border-top:0;margin:0;color:#c7cbc1;font-size:18px}
.sl-catalog [data-sl-row]{scroll-margin-top:110px}.sl-catalog [data-sl-row]:focus{outline:2px solid #d9ad7a;outline-offset:-2px}
@media(min-width:1700px){.sl-catalog p{font-size:20px}.sl-catalog code{font-size:18px}.sl-capability-name h3{font-size:21px}}
@media(max-width:1150px){.sl-filterbar{align-items:stretch;flex-direction:column}.sl-search input{width:auto;flex:1}.sl-catalog thead th,.sl-catalog tbody th,.sl-catalog td{padding:18px 14px}.sl-capability-name{gap:8px}}
/* Keep an actual table at every viewport; narrow screens scroll within it. */
.sl-table-scroll{overflow-x:auto;overscroll-behavior-x:contain;scrollbar-color:#697a79 #142024;border-radius:6px}
.sl-catalog{min-width:900px}.sl-catalog thead th,.sl-catalog tbody th,.sl-catalog td{border-right:1px solid #344244}
.sl-catalog code{padding:0;background:none;border-radius:0;font-size:16px}.sl-catalog tbody th,.sl-catalog td{padding-block:16px}
@media(min-width:1700px){.sl-catalog code{font-size:18px}}
@media(max-width:900px){.sl-catalog-heading{display:block}.sl-catalog-heading>p{max-width:none;margin-top:22px;font-size:18px}.sl-catalog thead th,.sl-catalog tbody th,.sl-catalog td{padding:16px}.sl-capability-name h3{font-size:18px}.sl-catalog p{font-size:17px}}