*{box-sizing:border-box;margin:0;padding:0}
body{font-family:'Inter','Segoe UI',system-ui,sans-serif;background:#0e0c18;color:#d9d6ea;line-height:1.75;font-size:17px}
.ts-shell{display:grid;grid-template-columns:250px 1fr;min-height:100vh}
.ts-side{background:#14121f;border-right:1px solid #2a2547;padding:28px 20px;position:sticky;top:0;height:100vh}
.ts-lg{display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none;font:800 24px 'Courier New',monospace;margin-bottom:34px}
.ts-lg img{width:38px}.ts-lg i{color:#c6ff3d;font-style:normal}
.ts-nav a{display:block;color:#a8a3c8;text-decoration:none;padding:10px 14px;border-radius:10px;margin-bottom:4px;font-size:15px}
.ts-nav a:hover{background:#1f1b36;color:#fff}
.ts-nav a.on{background:#7c5cff;color:#fff}
.ts-side small{position:absolute;bottom:22px;left:20px;color:#6f6a94;font-size:12px}
.ts-cnt{padding:0 0 40px;min-width:0}
.ts-w{max-width:900px;margin:0 auto;padding:0 32px}
.ts-hero{padding:56px 0 30px}
.ts-hero .ts-w{display:grid;grid-template-columns:1.1fr .9fr;gap:30px;align-items:center;max-width:1000px}
.ts-tag{display:inline-block;background:#241f3d;color:#c6ff3d;padding:4px 14px;border-radius:20px;font:13px 'Courier New',monospace;margin-bottom:16px}
h1{font-size:40px;line-height:1.2;color:#fff;margin-bottom:16px}
h1 em{font-style:normal;color:#c6ff3d}
h2{font-size:26px;color:#fff;margin:38px 0 12px}
h2:before{content:"# ";color:#7c5cff;font-family:'Courier New',monospace}
h3{font-size:18px;color:#c6ff3d;margin:18px 0 8px}
p{margin-bottom:15px}
.ts-btn{display:inline-block;background:#c6ff3d;color:#14121f;padding:12px 26px;border-radius:10px;font-weight:700;text-decoration:none;border:0;font:inherit;font-weight:700;cursor:pointer}
.ts-top{padding:46px 0 10px;border-bottom:1px solid #2a2547;margin-bottom:10px}
.ts-top p{color:#a8a3c8}
.ts-bento{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px;margin:24px 0}
.ts-b{background:#171428;border:1px solid #2a2547;border-radius:18px;padding:22px}
.ts-b:hover{border-color:#7c5cff}
.ts-b img{width:50px;margin-bottom:10px}
.ts-b h3{margin-top:0}
.ts-pic{width:100%;border-radius:18px;margin:18px 0;display:block}
.ts-num{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:14px;margin:24px 0}
.ts-num div{background:#7c5cff;color:#fff;border-radius:16px;padding:18px;text-align:center}
.ts-num b{display:block;font:700 28px 'Courier New',monospace;color:#c6ff3d}
ul.ts-ul,ol.ts-ul{margin:0 0 18px 24px}li{margin-bottom:7px}
ul.ts-ul li::marker{color:#c6ff3d}
.ts-note{background:#1b1830;border-left:4px solid #c6ff3d;padding:16px 20px;border-radius:0 12px 12px 0;margin:24px 0}
pre{background:#0a0912;border:1px solid #2a2547;border-radius:12px;padding:16px;overflow:auto;font:14px 'Courier New',monospace;color:#c6ff3d;margin:16px 0}
table{width:100%;border-collapse:collapse;margin:18px 0;background:#171428;border-radius:12px;overflow:hidden}
th,td{padding:11px 15px;text-align:left;font-size:15px;border-bottom:1px solid #2a2547}
th{background:#241f3d;color:#c6ff3d}
.ts-f input,.ts-f textarea{width:100%;padding:12px;margin-bottom:12px;border:1px solid #2a2547;border-radius:10px;background:#171428;color:#fff;font:inherit}
a{color:#c6ff3d}
.ts-foot{border-top:1px solid #2a2547;margin-top:40px;padding-top:22px;font-size:14px;color:#6f6a94}
.ts-foot a{margin-right:16px;text-decoration:none}
@media(max-width:860px){.ts-shell{grid-template-columns:1fr}.ts-side{position:static;height:auto;padding:16px}.ts-side small{display:none}.ts-lg{margin-bottom:14px}.ts-nav{display:flex;flex-wrap:wrap;gap:4px}.ts-hero .ts-w{grid-template-columns:1fr}h1{font-size:29px}}