:root{--bg:#0c1027;--panel:#141a3a;--text:#f5f4ff;--muted:#9ba5c8;--line:#28305d;--brand:#8d85ff;--cyan:#58d8f0;font-family:Inter,-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;color:var(--text);background:var(--bg)}*{box-sizing:border-box}body{margin:0;background:radial-gradient(900px 600px at 85% -10%,#563d9e55,transparent),var(--bg);min-height:100vh}header{height:76px;max-width:1180px;margin:auto;padding:0 24px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:11px;color:inherit;text-decoration:none}.brand>span{display:grid;place-items:center;width:42px;height:42px;border:1px solid var(--line);border-radius:14px;background:var(--panel)}.brand div{display:flex;flex-direction:column}.brand small{color:var(--muted);font-size:11px}.status{font-size:12px;color:var(--muted)}.status i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#6ae28b;box-shadow:0 0 10px #6ae28b;margin-right:7px}main{max-width:1180px;margin:auto;padding:50px 24px 100px}.hero{text-align:center;max-width:760px;margin:35px auto 85px}.eyebrow{font-size:11px;letter-spacing:.24em;color:var(--cyan);font-weight:800}.hero h1{font-family:"Songti SC",serif;font-size:clamp(42px,7vw,72px);line-height:1.12;margin:18px 0}.hero h1 em{font-style:normal;background:linear-gradient(110deg,var(--brand),var(--cyan));background-clip:text;color:transparent}.hero>p:not(.eyebrow){max-width:620px;margin:auto;color:var(--muted);line-height:1.9}.stats{display:flex;justify-content:center;gap:55px;margin-top:34px}.stats div{display:flex;flex-direction:column}.stats b{font-size:24px}.stats span{color:var(--muted);font-size:12px}.tools{display:grid;grid-template-columns:minmax(240px,1fr) 180px auto;gap:12px}.tools label,.tools select,.tools button{height:48px;border:1px solid var(--line);background:var(--panel);border-radius:15px;color:var(--text)}.tools label{display:flex;align-items:center;padding:0 16px;gap:10px}.tools input{width:100%;border:0;outline:0;background:transparent;color:var(--text);font:inherit}.tools select,.tools button{padding:0 15px}.tools button{cursor:pointer}.tabs{display:flex;gap:8px;flex-wrap:wrap;margin:24px 0}.tabs button{padding:8px 14px;border:1px solid var(--line);border-radius:999px;background:transparent;color:var(--muted);cursor:pointer}.tabs button.active{background:var(--brand);border-color:var(--brand);color:#fff}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{background:var(--panel);border:1px solid var(--line);border-radius:24px;padding:14px 14px 22px;transition:.25s}.card:hover{transform:translateY(-5px);border-color:#6c72bc}.preview{height:175px;border-radius:16px;background:linear-gradient(145deg,#7e6cff,#332b72);position:relative;padding:16px;overflow:hidden}.card.cyan .preview{background:linear-gradient(145deg,#38cbe1,#17647e)}.card.orange .preview{background:linear-gradient(145deg,#ff9c5d,#8a3d35)}.card.lime .preview{background:linear-gradient(145deg,#8dcd5d,#386142)}.card.pink .preview{background:linear-gradient(145deg,#ef78bd,#713063)}.preview>span{font:700 38px/1 Georgia;color:#ffffff42}.window{position:absolute;left:45px;right:17px;top:55px;bottom:17px;background:#fff;border-radius:11px;padding:11px;transform:rotate(-3deg);box-shadow:0 13px 25px #0004}.window i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#fc7168;margin-right:4px}.window i:nth-child(2){background:#f6c44b}.window i:nth-child(3){background:#5bd27c}.window b{display:block;color:#272d54;margin-top:19px;font-size:13px}.meta{display:flex;justify-content:space-between;margin-top:16px;color:var(--muted);font-size:11px}.card h2{font-size:18px;margin:8px 0 3px}.card>p{margin:0;color:var(--muted);font-size:12px}.actions{display:flex;justify-content:space-between;align-items:center;margin-top:20px}.actions a{color:var(--cyan);font-size:13px;font-weight:700;text-decoration:none}.actions button{border:0;background:none;color:var(--muted);cursor:pointer}.loading,.empty{grid-column:1/-1;text-align:center;padding:80px 20px;border:1px dashed var(--line);border-radius:24px;color:var(--muted}.empty b{color:var(--text)}footer{border-top:1px solid var(--line);padding:30px 24px;display:flex;justify-content:space-between;color:var(--muted);font-size:12px;max-width:1180px;margin:auto}@media(max-width:800px){.grid{grid-template-columns:1fr 1fr}.tools{grid-template-columns:1fr 1fr}.tools label{grid-column:1/-1}}@media(max-width:560px){.grid{grid-template-columns:1fr}.tools{grid-template-columns:1fr}.tools label{grid-column:auto}.hero{margin-bottom:55px}.stats{gap:32px}header .status{display:none}footer{flex-direction:column;gap:5px}}