:root{--cream:#faf7ef;--paper:#fffdfa;--ink:#47392f;--muted:#807669;--green:#73866c;--greenlight:#e9eee3;--peach:#edaf87;--line:#ece6da}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#ecebe5;color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;-webkit-font-smoothing:antialiased}button{font:inherit;cursor:pointer}a{color:inherit;text-decoration:none}.page{max-width:480px;min-height:100vh;margin:auto;background:var(--cream);overflow:hidden;position:relative;padding-bottom:98px;box-shadow:0 6px 44px #443d3115}.nav{height:58px;padding:0 23px;display:flex;align-items:center;justify-content:space-between;background:#faf7efbb}.brand{display:flex;align-items:center;gap:8px;font-size:17px;font-weight:750;letter-spacing:-.5px;color:#657a61}.brand-icon{font-size:22px}.nav-tail{font-size:11px;color:#908775}.hero{padding:18px 24px 27px;position:relative;background:radial-gradient(circle at 85% 36%,#f7e3c7 0%,transparent 42%),linear-gradient(180deg,#faf7ef 0%,#f7f3e9 100%)}.eyebrow{display:inline-block;font-size:11px;letter-spacing:1.2px;font-weight:750;color:#879177;background:#eef0e4;padding:8px 12px;border-radius:100px}.hero h1{font-size:35px;line-height:1.28;letter-spacing:-1.5px;margin:16px 0 10px;font-weight:850;color:#544035}.hero h1 em{font-style:normal;color:#809275}.subtitle{font-size:15px;font-weight:700;color:#8d745b;margin:0}.otter-wrap{height:258px;position:relative;display:flex;align-items:center;justify-content:center;margin:4px -10px 0}.otter-halo{position:absolute;width:243px;height:243px;border-radius:50%;background:#fff5df;border:1px solid #f7ebd6;top:10px}.otter{position:relative;width:284px;height:284px;object-fit:contain;filter:drop-shadow(0 10px 13px #bc8b6033)}.small-pill{position:absolute;z-index:2;font-size:11px;background:#fffef9;border:1px solid #efe5d4;padding:9px 11px;border-radius:18px;color:#866c55;box-shadow:0 5px 18px #a08d6b16}.pill-left{left:0;top:54px;transform:rotate(-8deg)}.pill-right{right:0;bottom:35px;transform:rotate(7deg)}.greeting{position:relative;background:#fffefa;border:1px solid #f0e4d3;border-radius:20px;padding:18px 18px 16px;box-shadow:0 10px 22px #6c51340a}.greeting:before{content:"";position:absolute;left:35px;top:-9px;width:17px;height:17px;background:#fffefa;border-top:1px solid #f0e4d3;border-left:1px solid #f0e4d3;transform:rotate(45deg)}.hello{font-weight:780;font-size:15px;margin:0 0 9px}.greeting p:last-child{font-size:13px;line-height:1.85;margin:0;color:#6e6559}.primary{background:#7d9178;color:white;display:flex;justify-content:center;align-items:center;border:0;border-radius:14px;font-size:15px;font-weight:750;padding:15px 18px;width:100%;box-shadow:0 7px 14px #667b5b25}.primary:active{transform:scale(.99)}.hero .primary{margin-top:18px}.section{padding:40px 23px 8px}.section-kicker{font-size:11px;letter-spacing:2px;font-weight:800;color:#9da08b}.section h2{font-size:25px;line-height:1.42;margin:9px 0 10px;letter-spacing:-.7px}.lead{font-size:13px;color:var(--muted);line-height:1.9;margin:0 0 24px}.quest{background:#fffefb;border:1px solid #eee8df;border-radius:22px;padding:20px;margin:13px 0;box-shadow:0 7px 25px #85715109;position:relative}.quest-head{display:flex;gap:14px;align-items:center}.quest-icon{width:52px;height:52px;flex-shrink:0;border-radius:17px;display:grid;place-items:center;font-size:27px}.pink{background:#fcebe3}.sage{background:#e8eee4}.yellow{background:#fbf0d7}.lv{font-size:11px;color:#a4896c;letter-spacing:.8px;font-weight:750}.quest h3{font-size:18px;margin:5px 0 0}.quest p{font-size:13px;line-height:1.85;color:#736b61;margin:14px 0 0}.book-name{color:#9b7454;font-weight:700}.quest .note{margin-top:13px;font-size:11px;color:#9c8a7a;background:#f8f4ed;border-radius:12px;padding:11px 12px}.mini-action{margin-top:16px;border:0;border-radius:11px;padding:11px 15px;background:#eff2eb;color:#64795e;font-weight:700;font-size:12px}.journey{margin-top:31px;padding:24px 21px;border-radius:24px;background:#e9eee3}.journey h3{font-size:20px;margin:0 0 8px}.journey p{font-size:13px;color:#687563;line-height:1.8;margin:0 0 18px}.days{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.day{background:#fffdf7c9;border:1px solid #fff;border-radius:14px;padding:14px 7px;text-align:center}.day strong{display:block;font-size:12px;margin-bottom:6px}.day span{font-size:11px;color:#7f8373;line-height:1.5}.rules{background:#fffdfa;border:1px solid var(--line);padding:19px;border-radius:18px;display:flex;gap:13px}.rules-icon{width:40px;flex-shrink:0;font-size:27px}.rules h3{margin:0 0 7px;font-size:16px}.rules p{margin:0;font-size:12px;color:var(--muted);line-height:1.85}.join{margin:43px 13px 0;border-radius:28px;background:linear-gradient(160deg,#eaf0e3 0%,#f4f1df 100%);padding:34px 22px 30px;text-align:center;position:relative;scroll-margin-top:20px}.join .kicker{font-size:11px;color:#849172;font-weight:800;letter-spacing:2px}.join h2{font-size:26px;line-height:1.35;margin:10px 0}.join>p{font-size:13px;line-height:1.8;color:#7d826d;margin:0 auto 18px;max-width:260px}.qr-shell{width:220px;margin:0 auto;background:white;border-radius:21px;padding:12px;box-shadow:0 9px 24px #74846320}.qr-slot{height:194px;border:1.5px dashed #cdd7c6;border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:#83947e}.qr-slot svg{width:63px;height:63px;opacity:.8}.qr-slot span{font-size:12px;font-weight:700}.qr-real{display:none;width:100%;aspect-ratio:1;object-fit:contain}.qr-caption{font-size:12px!important;font-weight:700;color:#65765f!important;margin:14px 0 0!important}.qr-helper{margin-top:15px!important;font-size:11px!important;color:#938d78!important}.footer{text-align:center;padding:28px 28px 0;font-size:13px;line-height:1.9;color:#8c806e}.sticky{position:fixed;z-index:5;bottom:0;left:50%;transform:translateX(-50%);width:min(480px,100%);padding:11px 17px calc(11px + env(safe-area-inset-bottom));background:#fffdf9ee;backdrop-filter:blur(16px);border-top:1px solid #eee7dd;display:flex;align-items:center;gap:12px;box-shadow:0 -7px 30px #554b4010}.sticky-text{flex:1;min-width:0}.sticky-text strong{display:block;font-size:12px}.sticky-text span{font-size:10px;color:#958a78}.sticky button{border:0;background:#809474;color:white;border-radius:12px;padding:13px 20px;font-size:13px;font-weight:750;white-space:nowrap}.notice{position:fixed;z-index:10;left:50%;bottom:93px;transform:translateX(-50%);background:#453e35;color:white;padding:12px 17px;border-radius:12px;font-size:12px;max-width:80vw;text-align:center;opacity:0;pointer-events:none;transition:opacity .2s}.notice.show{opacity:1}@media(max-width:350px){.hero h1{font-size:31px}.otter-wrap{height:235px}.otter{width:255px;height:255px}.section h2{font-size:23px}}@media(min-width:481px){body{padding:22px 0}.page{border-radius:16px}}

.hero h1{font-size:30px;letter-spacing:-1px}.hero h1 em{font-size:27px}.subtitle{font-size:12px;line-height:1.6}.greeting p:last-child{font-size:13px}.eyebrow{letter-spacing:.25px}.section{padding-top:33px}@media(max-width:350px){.hero h1{font-size:26px}.hero h1 em{font-size:24px}}
/* 首屏明确社群定位，强化关键文字的视觉层级 */
.eyebrow{font-size:15px;line-height:1.55;font-weight:800;letter-spacing:0;padding:10px 15px;background:#e4eee0;color:#4f7351;border:1px solid #cbdcc8;box-shadow:0 3px 10px #657c5310}
.community-highlight{display:inline-block;background:linear-gradient(transparent 28%,#ffe4ab 28%,#ffe4ab 91%,transparent 91%);color:#614831;font-weight:850;padding:0 3px}
@media(max-width:350px){.eyebrow{font-size:13px;padding:9px 11px}}