:root{color-scheme:light}*{box-sizing:border-box}body,html{margin:0;padding:0;font-family:PingFang SC,Noto Sans SC,Microsoft YaHei,sans-serif;background:#f3f6fb;color:#1f2a37}a{color:inherit;text-decoration:none}.page-shell{min-height:100dvh;padding:20px}.card{max-width:980px;margin:0 auto;background:#ffffff;border-radius:16px;padding:20px;box-shadow:0 10px 30px rgba(15,23,42,.08)}.title{margin:0;font-size:24px;line-height:1.3}.muted{margin:8px 0 0;color:#52606d;line-height:1.6}.tool-list{margin:18px 0 0;padding:0;list-style:none;display:grid;grid-gap:12px;gap:12px}.tool-item{border:1px solid #dbe2ea;border-radius:12px;padding:14px;background:#fbfdff}.tool-link{display:inline-block;margin-top:8px;color:#005bd1;font-weight:600}.tool-center-link{margin-top:14px;font-size:16px}.tool-frame-wrap{margin-top:16px;border:1px solid #dbe2ea;border-radius:12px;overflow:hidden;background:#fff}.tool-frame{width:100%;height:min(80dvh,900px);border:0;display:block}.tool-runtime-shell{height:100vh;height:100dvh;min-height:100vh;min-height:100dvh;background:#e9edf3;display:flex;flex-direction:column;overflow:hidden}.tool-runtime-header{max-width:1600px;margin:0 auto;padding:12px 16px 8px;width:100%}.tool-runtime-frame-wrap{width:100%;flex:1 1;min-height:0;border-top:0;background:#d8dde6}.tool-runtime-frame{width:100%;height:100%;border:0;display:block}.switch-grid{display:flex;flex-wrap:wrap;gap:8px}.config-panel{margin-top:14px;display:grid;grid-gap:10px;gap:10px}.config-row{display:grid;grid-gap:8px;gap:8px}.config-label{font-size:13px;color:#52606d;font-weight:600}.config-current{margin-top:12px}.switch-btn{display:inline-flex;align-items:center;justify-content:center;padding:8px 12px;border:1px solid #c7d2e0;border-radius:999px;background:#ffffff;color:#1f2a37;font-size:14px;font-weight:600}.switch-btn-active{background:#1d4ed8;border-color:#1d4ed8;color:#ffffff}@media (max-width:768px){.page-shell{padding:12px}.card{border-radius:12px;padding:14px}.title{font-size:20px}.tool-frame{height:78dvh}.tool-runtime-header{padding:10px 12px 6px}.switch-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}}