:root{--ink:#111;--bg:#F2F2F0;--line:#e4e4e0}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:-apple-system,"PingFang SC","Microsoft YaHei","Noto Sans CJK SC",sans-serif;background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:150px 150px}
a{color:inherit;text-decoration:none}
.nav{position:sticky;top:14px;z-index:5;max-width:860px;margin:18px auto 0;background:#fff;border-radius:999px;padding:8px 8px 8px 24px;display:flex;align-items:center;justify-content:space-between;font-size:14px;box-shadow:0 2px 14px #0000000a}.links a{margin-right:18px;color:#333}.brand{font-weight:900;font-size:19px}.acts{display:flex;gap:8px}
.btn{display:inline-block;background:var(--ink);color:#fff;border:2px solid var(--ink);border-radius:999px;padding:10px 20px;font-size:14px;font-weight:600;cursor:pointer;font-family:inherit}.btn.ghost{background:#fff;color:var(--ink);border-color:#ddd}.btn:disabled{opacity:.5;cursor:not-allowed}
.badge{display:inline-flex;gap:8px;align-items:center;background:#fff;border-radius:999px;padding:6px 14px;font-size:13px}.badge i{width:18px;height:18px;border-radius:50%;background:#D9C8FF;border:1.5px solid #111}
.hero{text-align:center;padding:56px 20px 0}.hero h1{font-size:80px;line-height:1.08;margin:22px 0 16px;font-weight:900;letter-spacing:-2px}.hero p{color:#555;line-height:1.7}.cta{display:flex;gap:10px;justify-content:center;margin-top:22px}
.crew{display:flex;justify-content:center;align-items:flex-end;gap:2vw;margin-top:40px;padding:0 3vw}.crew img{width:22%;max-width:300px;animation:bob 3.2s ease-in-out infinite}.crew img:nth-child(2n){animation-delay:.8s}@keyframes bob{50%{transform:translateY(-8px)}}
section{max-width:1120px;margin:auto;padding:90px 20px 0}h2{font-size:44px;font-weight:900;text-align:center;margin:0 0 26px;letter-spacing:-1px}.sub{text-align:center;color:#888;margin:-14px 0 24px}
.cats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.cat{background:#fff;border:2px solid #111;border-radius:28px;padding:18px;cursor:pointer;display:flex;align-items:center;gap:12px;transition:.15s}.cat:hover,.cat.on{transform:translateY(-3px);box-shadow:4px 4px 0 #111}.cat img{width:64px}.cat b{display:block;font-size:16px}.cat small{color:#777}
.search input{width:100%;padding:16px 24px;border-radius:999px;border:2px solid #111;font-size:15px;outline:none;font-family:inherit}.chips{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin:16px 0 6px}.chip{padding:7px 15px;border-radius:999px;background:#fff;border:1.5px solid #ddd;cursor:pointer;font-size:13px}.chip.on{background:#111;color:#fff;border-color:#111}.count{text-align:center;color:#888;font-size:13px}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{background:#fff;border-radius:28px;overflow:hidden;cursor:pointer;border:2px solid transparent;transition:.15s;display:flex;flex-direction:column}.card:hover{border-color:#111;box-shadow:5px 5px 0 #111;transform:translate(-2px,-2px)}
.cov{height:170px;position:relative;display:grid;place-items:center;overflow:hidden}.cov img.c{width:100%;height:100%;object-fit:cover}.cov img.b{height:80%}.arrow{position:absolute;right:12px;top:12px;width:34px;height:34px;border-radius:50%;background:#fff;border:2px solid #111;display:grid;place-items:center;font-weight:900}
.cb{padding:16px 18px 18px}.tg{display:inline-block;font-size:12px;border:1.5px solid #111;border-radius:999px;padding:2px 10px;margin:0 4px 4px 0;font-weight:600}.cb h3{font-size:16px;line-height:1.45;margin:6px 0}.meta{font-size:12px;color:#888}.res{font-size:13px;color:#444;line-height:1.6;margin-top:8px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.claim{display:inline-block;background:#FFE76A;border:1.5px solid #111;border-radius:6px;font-size:11px;padding:0 5px;margin-right:4px;font-weight:700}.more{text-align:center;margin-top:24px}
.quiz{background:#111;color:#fff;border-radius:40px;padding:44px}.quiz h2{color:#fff;margin:12px 0 6px}.qhead{text-align:center}.qhead p{color:#bbb;margin:0}.badge.light{background:#C8EE2C;color:#111}
.prog{height:8px;background:#333;border-radius:9px;max-width:420px;margin:22px auto 0;overflow:hidden}.prog i{display:block;height:100%;background:#C8EE2C}
.moods{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;max-width:760px;margin:26px auto 0}.mood{background:#fff;color:#111;border:none;border-radius:26px;padding:16px 10px;cursor:pointer;font-size:14px;font-weight:600;font-family:inherit;transition:.15s}.mood:hover{transform:translateY(-4px) rotate(-2deg);box-shadow:4px 4px 0 #C8EE2C}.mood img{width:80px;display:block;margin:0 auto 8px}
.start{text-align:center;margin-top:24px}.start .btn{background:#C8EE2C;color:#111;border-color:#C8EE2C;font-size:16px;padding:14px 30px}.start .row{display:flex;justify-content:center;gap:10px;margin-bottom:20px}.start .row img{width:80px}
.rgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:24px}.lock{margin-top:24px;background:#222;border:2px dashed #555;border-radius:26px;padding:22px;display:flex;gap:20px;align-items:center;justify-content:space-between}.lock ul{margin:6px 0 0;padding-left:18px;color:#bbb;font-size:14px;line-height:1.8;filter:blur(.3px)}.lock .btn{background:#C8EE2C;color:#111;border-color:#C8EE2C}
.price{display:grid;grid-template-columns:1fr 1fr;gap:18px}.p{background:#fff;border:2px solid #111;border-radius:32px;padding:30px;position:relative;overflow:hidden}.p img{position:absolute;right:-10px;top:-6px;width:130px}.p small{display:block;font-weight:700;color:#666}.p b{display:block;font-size:44px;font-weight:900;margin:8px 0}.p b span{font-size:20px}.p ul{padding-left:18px;line-height:1.9;font-size:14px;color:#333}
.modal{position:fixed;inset:0;background:#000a;display:flex;align-items:center;justify-content:center;z-index:9;padding:14px}.hidden{display:none}.mbox{background:#fff;border:2px solid #111;border-radius:32px;max-width:720px;width:100%;max-height:90vh;overflow:auto;position:relative}.x{position:absolute;right:14px;top:14px;z-index:2;width:38px;height:38px;border-radius:50%;border:2px solid #111;background:#fff;cursor:pointer;font-weight:900}
.mcov{height:220px;display:grid;place-items:center;overflow:hidden}.mcov img.c{width:100%;height:100%;object-fit:cover}.mcov img.b{height:85%}.mi{padding:22px 28px 28px}.mi h2{text-align:left;font-size:26px;margin:8px 0 4px;letter-spacing:0}
.fs{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:16px}.f{background:#F4F4F1;border-radius:18px;padding:12px 16px}.f.w{grid-column:1/-1}.f b{display:block;font-size:13px;margin-bottom:4px}.f span,.f li{font-size:14px;line-height:1.65;color:#333}.f ol{margin:0;padding-left:20px}
.tbox{margin-top:14px;border:2px dashed #111;border-radius:18px;padding:12px 16px;font-size:13px;background:#FBFFE6}.mact{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}
footer{text-align:center;color:#999;font-size:12px;padding:70px 20px 40px}
@media(max-width:820px){.links,.hide-m{display:none}.nav{margin:10px;padding-left:18px}.hero{padding-top:36px}.hero h1{font-size:44px;letter-spacing:-1px}.hero p{font-size:14px}.crew{gap:3vw}.crew img{width:30%}.crew img:nth-child(4){display:none}
section{padding-top:60px}h2{font-size:30px}.cats{grid-template-columns:1fr 1fr;gap:10px}.cat{padding:12px;border-radius:22px}.cat img{width:44px}.cat b{font-size:14px}
.grid,.rgrid{grid-template-columns:1fr}.cov{height:150px}.quiz{padding:28px 14px;border-radius:30px}.moods{grid-template-columns:1fr 1fr;gap:10px}.mood img{width:60px}.lock{flex-direction:column;align-items:flex-start}.price,.fs{grid-template-columns:1fr}.p b{font-size:34px}.p img{width:90px}}
.cov img.b,.mcov img.b{height:140px;width:auto;object-fit:contain}.mcov img.b{height:180px}
@media(max-width:820px){.cov img.b{height:120px}}
#quiz .card,#quiz .card *{color:#111}#quiz .card .claim{color:#111}
.tg.see{background:#fff3c4;border-style:dashed}
footer .copy{max-width:640px;margin:10px auto 0;line-height:1.8}

.hbsub{display:block;font-style:normal;color:#7A5AF8;font-weight:700;font-size:14px;margin-top:4px}.p.hb{background:linear-gradient(160deg,#fff 55%,#EFE7FF)}.p .btn{margin-top:4px}
.packs{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px}.pk{background:#fff;border:2px solid #111;border-radius:28px;padding:20px;display:flex;flex-direction:column;position:relative;transition:.15s}.pk:hover{box-shadow:5px 5px 0 #111;transform:translate(-2px,-2px)}
.pkn{position:absolute;right:16px;top:14px;width:34px;height:34px;border-radius:50%;background:#D9C8FF;border:2px solid #111;display:grid;place-items:center;font-weight:900;font-size:13px}.pk h3{font-size:16px;margin:0 44px 10px 0;line-height:1.4}.pkt{font-size:12px;color:#666;margin:10px 0 6px;font-weight:700}
.map{list-style:none;padding:0;margin:0 0 14px;font-size:13px;line-height:1.5}.map li{background:#F4F1FF;border-radius:12px;padding:6px 10px;margin-bottom:6px}.map b{font-weight:700}.map i{font-style:normal;color:#7A5AF8;margin:0 6px;font-weight:900}
.pkf{margin-top:auto;display:flex;align-items:center;justify-content:space-between}.pkf strong{font-size:26px;font-weight:900}
.upsell{display:block;max-width:560px;margin:24px auto 0;text-align:center;background:#FFE76A;border:2px solid #111;border-radius:999px;padding:12px 18px;font-weight:700;font-size:14px}.pnote{text-align:center;color:#888;font-size:12px;margin-top:14px}
@media(max-width:820px){.packs{grid-template-columns:1fr}.upsell{border-radius:22px}}
.pk .tg{align-self:flex-start}.p.hb small{font-size:20px;color:#111;font-weight:900}