:root{--b:#246bfd;--d:#14213d;--m:#718096;--l:#e6ebf2;--bg:#f6f8fb;--g:#19a974;--o:#ff8a34}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--d);font-family:"Microsoft YaHei",Arial,sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer}.box{width:min(1120px,calc(100% - 32px));margin:auto}header{position:sticky;top:0;z-index:5;background:#fffe;border-bottom:1px solid var(--l);backdrop-filter:blur(12px)}nav{height:68px;display:flex;align-items:center;gap:26px}.logo{font-weight:900;font-size:19px}.logo i{display:inline-grid;place-items:center;width:36px;height:36px;margin-right:8px;border-radius:12px;background:var(--b);color:#fff;font-style:normal}.links{display:flex;gap:20px;flex:1}.links button{border:0;background:none;color:#56657a}.btn{padding:10px 14px;border:0;border-radius:9px;background:var(--b);color:#fff;font-weight:700}.btn.alt{border:1px solid var(--l);background:#fff;color:#506078}.small{padding:7px 10px;font-size:13px}.hero{padding:68px 0;color:#fff;background:linear-gradient(120deg,#102448,#2364ce)}.heroGrid{display:grid;grid-template-columns:1.3fr .7fr;gap:24px;align-items:center}h1{margin:0;font-size:56px;line-height:1.1}.hero p{color:#d6e3fa;line-height:1.8}.memberCard,.panel{padding:24px;border-radius:18px;background:#fff}.memberCard{background:#ffffff18;border:1px solid #ffffff2e}.memberCard b{font-size:42px}.section{padding:48px 0}.head{display:flex;justify-content:space-between;align-items:end;margin-bottom:18px}.muted{color:var(--m)}.cats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.cat,.card{border:1px solid var(--l);border-radius:15px;background:#fff;transition:.2s}.cat{padding:18px;text-align:left}.cat:hover,.card:hover{transform:translateY(-3px);box-shadow:0 12px 26px #1c376012}.cat b{display:block;margin:12px 0 5px}.ico{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:#eaf1ff;color:var(--b);font-weight:900}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.card{overflow:hidden}.cover{position:relative;display:grid;place-items:center;aspect-ratio:16/9;background:linear-gradient(135deg,#17366f,#2671ee);color:#fff;font-size:48px}.tag{position:absolute;top:10px;left:10px;padding:5px 8px;border-radius:99px;background:var(--o);font-size:12px;font-weight:800}.tag.free{background:var(--g)}.play{position:absolute;display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:#ffff;color:var(--b);font-size:16px}.body{padding:14px}.body small{color:var(--m)}.body h3{margin:7px 0}.body p{min-height:38px;color:var(--m);font-size:13px;line-height:1.5}.filters{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0}.filters button{padding:8px 13px;border:1px solid var(--l);border-radius:99px;background:#fff;color:#59687d}.filters button.on{background:var(--b);color:#fff}.two{display:grid;grid-template-columns:1fr 1fr;gap:18px}.price{color:var(--b);font-size:48px;font-weight:900}.list{display:grid;gap:10px;padding:0;list-style:none}.list li:before{content:"✓";margin-right:8px;color:var(--g)}.modalbg{position:fixed;inset:0;z-index:20;display:grid;place-items:center;padding:14px;background:#102448aa}.modal{width:min(620px,100%);max-height:92vh;overflow:auto;padding:22px;border-radius:18px;background:#fff}.modalhead{display:flex;justify-content:space-between;align-items:center}.close{border:0;background:none;font-size:25px}.form{display:grid;gap:12px}label{display:grid;gap:5px;color:#58677b;font-size:13px;font-weight:700}input,textarea,select{width:100%;padding:10px;border:1px solid #dbe2eb;border-radius:8px}textarea{min-height:70px}.code{padding:10px;border-radius:8px;background:#eaf1ff;color:var(--b);text-align:center;font-weight:800}.toast{position:fixed;right:16px;bottom:18px;z-index:50;padding:11px 15px;border-radius:9px;background:#273851;color:#fff}.admin{display:grid;grid-template-columns:180px 1fr;min-height:calc(100vh - 68px)}aside{padding:18px 12px;background:#17243b;color:#fff}aside button{display:block;width:100%;padding:10px;border:0;border-radius:8px;background:none;color:#bdcbe1;text-align:left}aside button:hover{background:#ffffff18}.content{padding:26px;overflow:auto}.table{overflow:auto;border:1px solid var(--l);border-radius:12px;background:#fff}table{width:100%;border-collapse:collapse;white-space:nowrap}th,td{padding:12px;border-bottom:1px solid var(--l);text-align:left;font-size:13px}.act{border:0;background:none;color:var(--b)}.red{color:#dd5252}.mobile{display:none}@media(max-width:760px){body{padding-bottom:56px}.links,#adminBtn,.memberCard{display:none}nav{height:58px}.hero{padding:40px 0}h1{font-size:39px}.heroGrid,.two{grid-template-columns:1fr}.cats{grid-template-columns:repeat(2,1fr)}.grid{grid-template-columns:1fr}.mobile{position:fixed;bottom:0;left:0;right:0;z-index:8;display:grid;grid-template-columns:repeat(4,1fr);background:#fff;border-top:1px solid var(--l)}.mobile button{padding:10px 2px;border:0;background:#fff;color:#607087;font-size:12px}.admin{grid-template-columns:1fr}aside{display:flex;overflow:auto;padding:8px}aside button{width:auto;white-space:nowrap}.content{padding:16px 12px}}
.card{display:block;color:inherit;text-decoration:none}