:root{--tx-bg:#1a0f1f;--tx-bg2:#2a1437;--tx-pink:#ff5fa2;--tx-rose:#ffaad4;--tx-cyan:#6ff7ff;--tx-text:#ffe6f3;--tx-muted:#b794c1;--tx-border:rgba(255,255,255,.08)}
*{box-sizing:border-box;margin:0;padding:0}
html,body{background:var(--tx-bg);color:var(--tx-text);font-family:"PingFang SC","Microsoft Yahei",sans-serif;line-height:1.6;-webkit-font-smoothing:antialiased}
body{background:radial-gradient(1200px 600px at 10% 0%,rgba(255,95,162,.18),transparent 60%),radial-gradient(900px 500px at 90% 10%,rgba(111,247,255,.12),transparent 60%),var(--tx-bg)}
a{color:var(--tx-rose);text-decoration:none} a:hover{color:#fff}
.tx-shell{max-width:1280px;margin:0 auto;padding:0 24px}
.tx-nav{position:sticky;top:0;z-index:50;backdrop-filter:blur(16px);background:rgba(26,15,31,.7);border-bottom:1px solid var(--tx-border)}
.tx-nav-row{display:flex;align-items:center;gap:32px;height:64px}
.tx-logo{font-size:22px;font-weight:800;background:linear-gradient(90deg,var(--tx-pink),var(--tx-cyan));-webkit-background-clip:text;background-clip:text;color:transparent}
.tx-menu{display:flex;gap:6px;flex-wrap:wrap}
.tx-menu a{padding:8px 16px;border-radius:999px;color:var(--tx-muted);font-size:14px;transition:.25s;border:1px solid transparent}
.tx-menu a:hover,.tx-menu a.on{color:#fff;background:linear-gradient(90deg,rgba(255,95,162,.25),rgba(111,247,255,.18));border-color:var(--tx-border)}
.tx-hero{padding:64px 0 28px;display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:center}
.tx-hero h1{font-size:46px;line-height:1.15;margin-bottom:18px;background:linear-gradient(120deg,#fff,var(--tx-rose) 60%,var(--tx-cyan));-webkit-background-clip:text;background-clip:text;color:transparent}
.tx-hero p{color:var(--tx-muted);font-size:16px;max-width:560px}
.tx-hero-stats{margin-top:28px;display:flex;gap:24px}
.tx-stat{padding:18px 22px;border:1px solid var(--tx-border);border-radius:18px;background:rgba(255,255,255,.03);backdrop-filter:blur(8px)}
.tx-stat b{display:block;font-size:24px;color:var(--tx-cyan)}
.tx-stat span{font-size:12px;color:var(--tx-muted)}
.tx-hero-art{position:relative;aspect-ratio:1/1;border-radius:32px;overflow:hidden;border:1px solid var(--tx-border)}
.tx-hero-art img{width:100%;height:100%;object-fit:cover;filter:saturate(1.1)}
.tx-section{padding:48px 0 12px}
.tx-section-h{display:flex;justify-content:space-between;align-items:end;margin-bottom:22px}
.tx-section-h h2{font-size:26px;font-weight:800}
.tx-section-h h2 em{font-style:normal;color:var(--tx-pink)}
.tx-section-h a{font-size:13px;color:var(--tx-muted)}
.tx-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
.tx-card{background:rgba(255,255,255,.04);border:1px solid var(--tx-border);border-radius:20px;overflow:hidden;transition:.3s;backdrop-filter:blur(10px)}
.tx-card:hover{transform:translateY(-6px);border-color:var(--tx-pink);box-shadow:0 20px 50px -20px rgba(255,95,162,.4)}
.tx-card .ph{aspect-ratio:16/10;overflow:hidden;position:relative}
.tx-card .ph img{width:100%;height:100%;object-fit:cover;transition:.6s}
.tx-card:hover .ph img{transform:scale(1.06)}
.tx-tag{position:absolute;top:10px;left:10px;font-size:11px;padding:4px 10px;border-radius:99px;background:rgba(255,95,162,.85);color:#fff}
.tx-card h3{padding:14px 16px 4px;font-size:15px;line-height:1.45}
.tx-card .meta{padding:0 16px 14px;display:flex;justify-content:space-between;color:var(--tx-muted);font-size:12px}
.tx-bread{padding:24px 0;color:var(--tx-muted);font-size:13px}
.tx-bread a{color:var(--tx-muted)}
.tx-page-h{padding:24px 0 32px;border-bottom:1px solid var(--tx-border);margin-bottom:28px}
.tx-page-h h1{font-size:34px;background:linear-gradient(90deg,#fff,var(--tx-pink));-webkit-background-clip:text;background-clip:text;color:transparent}
.tx-page-h p{margin-top:10px;color:var(--tx-muted);max-width:780px}
.tx-foot{margin-top:64px;padding:36px 0;border-top:1px solid var(--tx-border);color:var(--tx-muted);font-size:13px;text-align:center}
@media(max-width:980px){.tx-hero{grid-template-columns:1fr}.tx-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.tx-grid{grid-template-columns:1fr}.tx-hero h1{font-size:32px}}