:root{
  --bg:#ffffff;--bg2:#f5f5f5;--card:#fff;--card2:#f0f0f0;
  --txt:#111;--mut:#666;--line:#e6e6e6;--line2:#d8d8d8;
  --hg1:#7c5cff;--hg2:#ff5ca8;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{background:#fff;color:var(--txt);font-family:Inter,Tahoma,Segoe UI,system-ui,Roboto,Helvetica,Arial,sans-serif;line-height:1.6;-webkit-text-size-adjust:100%}
a{color:var(--hg1);text-decoration:none}
.wrap{max-width:760px;margin:0 auto;padding:0 16px}
header{position:sticky;top:0;z-index:50;-webkit-backdrop-filter:blur(16px) saturate(160%);backdrop-filter:blur(16px) saturate(160%);background:rgba(255,255,255,.75);border-bottom:1px solid rgba(17,17,17,.08);box-shadow:0 6px 24px rgba(17,17,17,.08)}
.nav{display:flex;align-items:center;gap:12px;height:56px}
.brand{font-weight:800;font-size:18px;display:inline-flex;align-items:center;gap:8px;background:linear-gradient(90deg,var(--hg1),var(--hg2));-webkit-background-clip:text;background-clip:text;color:transparent}
.breadcrumb{margin:18px 0 6px;font-size:13px;color:var(--mut)}
.breadcrumb a{color:var(--mut)}
h1{font-size:24px;margin:6px 0 4px;background:linear-gradient(95deg,var(--hg1),var(--hg2));-webkit-background-clip:text;background-clip:text;color:transparent;display:inline-block}
.sub{color:var(--mut);font-size:14px;margin:0 0 18px}
.preview{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:18px;box-shadow:0 6px 20px rgba(17,17,17,.05);text-align:center}
.preview img{max-width:100%;width:320px;height:auto;border-radius:12px;background:var(--bg2)}
.dls{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-top:16px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:11px 18px;border-radius:12px;font-weight:700;font-size:14px;cursor:pointer;border:0;color:#fff;background:linear-gradient(180deg,var(--hg1),#6a4cf0);box-shadow:0 6px 16px rgba(124,92,255,.25)}
.btn.ghost{background:#fff;color:var(--txt);border:1px solid var(--line2);box-shadow:0 6px 16px rgba(17,17,17,.08)}
.btn:active{transform:translateY(1px)}
.desc{margin:22px 0;font-size:15px;color:#333;line-height:1.7}
.desc h2{font-size:18px;margin:0 0 8px;color:var(--txt)}
.related{margin:22px 0 10px}
.related h2{font-size:16px;margin:0 0 10px}
.chips{display:flex;gap:8px;flex-wrap:wrap}
.chip{padding:7px 13px;border-radius:999px;background:var(--card);border:1px solid var(--line);color:var(--mut);font-weight:700;font-size:13px}
.chip.on{color:#fff;background:linear-gradient(90deg,var(--hg1),var(--hg2));border-color:transparent}
footer{border-top:1px solid var(--line);margin-top:30px;padding:22px 0 40px;color:var(--mut);font-size:13px}
.flinks{display:flex;gap:16px;flex-wrap:wrap;margin-bottom:10px}