.st-wrap{background:#fff;border:1px solid #e6e6e6;border-radius:4px;padding:22px 24px;position:relative}
.st-wrap .st-hero{display:flex;gap:24px;align-items:center;position:relative;z-index:1}
.st-wrap .st-hero-left{flex:0 0 260px;text-align:center;padding:10px 0 0}
.st-wrap .st-monitor{position:relative;background:#fff;border:3px solid #333;border-radius:6px;width:220px;margin:0 20px 30px}
.st-wrap .st-monitor-top{font-size:44px;font-weight:400;color:#333;line-height:1.3;text-align:center;padding:5px 0 3px}
.st-wrap .st-monitor-bottom{background:#333;color:#fff;font-size:30px;text-align:center;line-height:1.5;padding:12px 0}
.st-wrap .st-monitor-badge{position:absolute;top:8px;right:8px;background:#ff6500;color:#fff;font-size:12px;font-weight:600;border-radius:9px;padding:2px 10px;box-shadow:0 2px 6px rgba(0,0,0,.15)}
.st-wrap .st-monitor-stand{position:absolute;left:50%;top:100%;transform:translateX(-50%);width:22px;height:20px;background:#333;border-radius:0 0 3px 3px}
.st-wrap .st-monitor-base{position:absolute;left:50%;top:calc(100% + 20px);transform:translateX(-50%);width:66px;height:7px;background:#333;border-radius:3px 3px 6px 6px;box-shadow:0 3px 6px rgba(0,0,0,.12)}
.st-wrap .st-hero-right{flex:1;min-width:0}
.st-wrap .st-desc{font-size:14px;color:#4a5578;line-height:1.8;margin:0 0 14px;text-align:justify}
.st-wrap .st-info-list{list-style:none;margin:0 0 14px;padding:0;border:1px solid #e6e6e6;border-radius:4px;overflow:hidden}
.st-wrap .st-info-list li{display:flex;align-items:baseline;padding:8px 12px;border-bottom:1px solid #eee}
.st-wrap .st-info-list li:last-child{border-bottom:none}
.st-wrap .st-info-list .st-label{width:118px;font-size:14px;color:#888;flex-shrink:0}
.st-wrap .st-info-list .st-value{font-size:14px;color:#333}
.st-wrap .st-start{display:inline-flex;align-items:center;justify-content:center;gap:6px;background:#ff6500;color:#fff;border:1px solid #ff6500;border-radius:4px;padding:10px 20px;font-size:16px;cursor:pointer;margin-top:24px;transition:background .15s}
.st-wrap .st-start:hover{background:#0580e5}
.st-wrap .st-start svg{width:14px;height:14px;fill:#fff;flex-shrink:0}
.st-wrap .st-hint{font-size:12px;color:#8b93a8;margin:12px 0 0;padding:10px 12px;background:#f5f5f5;border-radius:4px;line-height:1.6}
.st-wrap .st-count{font-size:14px;color:#333;margin:20px 0 12px;padding-top:14px;border-top:4px solid #ccc;position:relative;z-index:1}
.st-wrap .st-count strong{color:#333;font-weight:700}
.st-wrap .st-cats{position:relative;z-index:1}
.st-wrap .st-cat{margin-bottom:18px}
.st-wrap .st-cat h4{font-size:15px;font-weight:600;color:#333;margin:0 0 10px;padding-left:4px}
.st-wrap .st-cat h4::before{content:"▍";color:#ff6500;margin-right:6px;font-size:15px}
.st-wrap .st-btns{display:flex;flex-wrap:wrap;gap:8px}
.st-wrap .st-btn{background:#fafafa;border:1px solid #e3e3e3;border-radius:6px;padding:10px 18px;font-size:14px;font-weight:500;color:#555;cursor:pointer;transition:all .15s;white-space:nowrap}
.st-wrap .st-btn:hover{background:#eef3ff;border-color:#ff6500;color:#333}
.st-wrap .st-tips{font-size:12px;color:#b45309;margin:14px 0 0;padding:10px 12px;background:#fef3c7;border-radius:4px;line-height:1.7;position:relative;z-index:1}
.st-overlay{position:fixed;top:0;left:0;right:0;bottom:0;z-index:9999;background:#000;display:none;cursor:pointer}
.st-overlay.on{display:block}
.st-overlay canvas{width:100%;height:100%;display:block}
.st-overlay .st-top{position:absolute;top:0;left:0;right:0;display:flex;align-items:center;gap:14px;padding:14px 20px;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.6);pointer-events:none;font-size:15px}
.st-overlay .st-name{font-weight:700;font-size:17px}
.st-overlay .st-desc{font-size:14px;opacity:.92;flex:1;min-width:0}
.st-overlay .st-idx{font-size:15px;font-weight:700;text-shadow:0 1px 3px rgba(0,0,0,.6)}
.st-overlay .st-center-hint{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;text-align:center;font-size:16px;line-height:2;text-shadow:0 1px 4px rgba(0,0,0,.7);pointer-events:none}
.st-overlay .st-center-hint span{display:block}
.st-overlay .st-bottom{position:absolute;bottom:0;left:0;right:0;display:flex;gap:6px;padding:12px 16px;overflow-x:auto;background:linear-gradient(transparent,rgba(0,0,0,.45));white-space:nowrap}
.st-overlay .st-bottom::-webkit-scrollbar{height:4px}
.st-overlay .st-bottom::-webkit-scrollbar-thumb{background:rgba(255,255,255,.3);border-radius:2px}
.st-overlay .st-nav-btn{background:rgba(255,255,255,.16);color:#fff;border:1px solid rgba(255,255,255,.22);border-radius:6px;padding:7px 13px;font-size:13px;cursor:pointer;white-space:nowrap;flex-shrink:0;text-shadow:0 1px 2px rgba(0,0,0,.5);transition:all .15s}
.st-overlay .st-nav-btn:hover{background:rgba(255,255,255,.3)}
.st-overlay .st-nav-btn.active{background:#fff;color:#111;font-weight:700;border-color:#fff;text-shadow:none}
@media(max-width:768px){.st-overlay .st-top{padding:10px 12px;gap:8px;font-size:13px}.st-overlay .st-name{font-size:15px}.st-overlay .st-desc{font-size:12px}.st-overlay .st-center-hint{font-size:14px}.st-overlay .st-bottom{padding:10px 10px}.st-overlay .st-nav-btn{padding:6px 10px;font-size:12px}}
@media(max-width:768px){.st-wrap{padding:16px 14px}.st-wrap .st-hero{flex-direction:column;gap:18px}.st-wrap .st-hero-left{flex:none;width:100%;padding:4px 0 16px}.st-wrap .st-monitor{width:190px;margin:0 auto 16px}.st-wrap .st-monitor-top{font-size:34px}.st-wrap .st-monitor-bottom{font-size:22px}.st-wrap .st-start{margin-top:36px}.st-wrap .st-btn{padding:8px 14px;font-size:13px}.st-wrap .st-params .st-label{width:100px}}
.st-readme{margin-top:16px;background:#fff;border:1px solid #e6e6e6;border-radius:4px;overflow:hidden}
.st-readme .st-readme-hd{font-size:14px;font-weight:600;color:#2c2c2c;line-height:42px;padding:0 16px;border-bottom:1px solid #eee}
.st-readme .st-readme-bd{padding:14px 16px 6px;font-size:14px;color:#333;line-height:1.8}
.st-readme .st-readme-bd h2{font-size:16px;font-weight:600;color:#333;margin:6px 0 8px}
.st-readme .st-readme-bd h3{font-size:15px;font-weight:600;color:#333;margin:14px 0 6px}
.st-readme .st-readme-bd p{margin:0 0 8px}
.st-readme .st-readme-bd ul,.st-readme .st-readme-bd ol{margin:0 0 8px;padding-left:24px}
.st-readme .st-readme-bd ul li{list-style:disc;margin-bottom:5px}
.st-readme .st-readme-bd ol li{list-style:decimal;margin-bottom:5px}
.st-readme .st-readme-bd strong{font-weight:600}
/* ===== 暗黑模式适配（body.night）===== */
.night .st-wrap{background:#222630;border-color:#3a3f48}
.night .st-monitor{background:#1a1d24;border-color:#3a3f48}
.night .st-monitor-top{color:#e6e8eb}
.night .st-desc{color:#9aa2ad}
.night .st-info-list{border-color:#3a3f48}
.night .st-info-list li{border-bottom-color:#2f343d}
.night .st-info-list .st-label{color:#9aa2ad}
.night .st-info-list .st-value{color:#e6e8eb}
.night .st-hint{background:#1a1d24;color:#9aa2ad;border:1px solid #2f343d}
.night .st-count{color:#9aa2ad;border-top-color:#3a3f48}
.night .st-count strong{color:#e6e8eb}
.night .st-cat h4{color:#e6e8eb}
.night .st-btn{background:#1a1d24;border-color:#3a3f48;color:#9aa2ad}
.night .st-btn:hover{background:#2a2f3a;border-color:#ff6500;color:#e6e8eb}
.night .st-tips{background:#2b2417;color:#e8b45c}
.night .st-readme{background:#222630;border-color:#3a3f48}
.night .st-readme-hd{color:#e6e8eb;border-bottom-color:#2f343d}
.night .st-readme-bd{color:#9aa2ad}
.night .st-readme-bd h2,.night .st-readme-bd h3{color:#e6e8eb}