/* Mobile H5 counterpart to the current WeChat child UI. Parent pages keep their own tone. */
.h5-home-head{display:flex;align-items:center;gap:12px;min-width:0;margin:2px 0 20px}
.h5-head-avatar{width:52px;height:52px;object-fit:cover;object-position:center 28%;border-radius:50%;background:#ffe7b8;border:3px solid #fff;box-shadow:0 5px 14px #213e4b26;flex:none}
.h5-head-name{display:grid;gap:2px;min-width:0;flex:1}.h5-head-name small{color:#60777a;font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.h5-head-name strong{font-size:19px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.h5-parent-entry{border:1px solid #add3e9;border-radius:14px;background:#e9f5ff;color:#205b7d;font-weight:800;font-size:12px;padding:10px 12px;min-height:44px;white-space:nowrap;box-shadow:0 4px 12px #215a7920}.h5-parent-entry span{font-size:18px}
.h5-home-hero{height:252px;position:relative;overflow:hidden;border-radius:25px;color:#fff;background:#28485a;box-shadow:0 11px 25px #28485a23}
.h5-home-hero>img{width:100%;height:100%;display:block;object-fit:cover;object-position:50% 52%;animation:h5-hero-drift 18s ease-in-out infinite alternate}.h5-hero-shade{position:absolute;inset:0;background:linear-gradient(180deg,transparent 21%,#122f3be5 100%)}
.h5-hero-copy{position:absolute;left:22px;right:22px;bottom:18px}.h5-hero-copy h1{font-size:29px;line-height:1.2;margin:10px 0 2px;color:#fff;text-shadow:0 2px 9px #0005}.h5-hero-copy p{font-size:14px;font-weight:700}.h5-streak{background:#fffde5e8;color:#8f5729;border-radius:20px;padding:6px 10px;font-size:11px;font-weight:800}
.h5-section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:25px 1px 12px}.h5-section-heading h2{font-size:19px;font-weight:900;white-space:nowrap}.h5-section-heading>span{font-size:11px;color:#74837e;text-align:right}.h5-section-heading .h5-chapter-pill{background:#fff1db;color:#a45d2c;padding:6px 10px;border-radius:18px;font-weight:800}
.h5-reward-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.h5-reward{min-width:0;min-height:112px;border-radius:18px;background:#fff;border:1px solid #e8ece8;box-shadow:0 5px 14px #263b4517;display:grid;justify-items:center;align-content:center;gap:3px}.h5-reward-icon{font-size:33px;line-height:1;filter:drop-shadow(0 4px 4px #3140462c)}.h5-reward strong{font-size:24px;line-height:1.15}.h5-reward small{font-size:11px;color:#73827b}
.h5-reward:nth-child(2) .h5-reward-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:13px;background:linear-gradient(#ffe8a5,#ffbe56);color:#90541d;font-size:23px;font-weight:1000;box-shadow:0 4px 0 #e4a94f}
.h5-quest-card{padding:20px;background:linear-gradient(145deg,#fff8db,#fffdfa);border:1px solid #edce7d;border-radius:22px;box-shadow:0 8px 18px #66532317}.h5-quest-row{display:flex;align-items:center;gap:15px}.h5-quest-icon{width:62px;height:62px;flex:none;display:grid;place-items:center;font-size:38px;border-radius:17px;background:#fff0c9}.h5-quest-row h3{font-size:19px}.h5-quest-row p{color:#687d77;font-size:12px;margin-top:4px}.h5-quest-divider{height:1px;background:#ead9ae;margin:19px 0 17px}.btn.h5-adventure-cta{min-height:64px;border-radius:16px;background:linear-gradient(125deg,#ffb45b,#ff813b 58%,#f36e38);box-shadow:0 7px 0 #bf4c23,0 13px 25px #d36a3b32;font-size:19px;letter-spacing:.3px}
.h5-wish-card{display:flex;align-items:center;gap:15px;background:#fff;border:1px solid #e6ebe8;border-radius:21px;padding:15px;box-shadow:0 6px 16px #25394612}.h5-wish-card>img{width:84px;height:84px;object-fit:cover;border-radius:15px;flex:none}.h5-wish-card>div{flex:1;min-width:0}.h5-wish-card h3{font-size:17px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.h5-wish-card strong{display:block;font-size:17px;color:#c45f2b;margin:7px 0 11px}.h5-wish-card .progress{height:8px}.h5-wish-empty{min-height:100px}.h5-wish-link{display:block;border:0;background:none;color:#426c66;font-weight:800;margin:9px 0 0 auto;min-height:44px;padding:8px}
.h5-scenario-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.h5-scenario-grid button{min-height:55px;padding:8px 3px;border-radius:15px;border:2px solid #dfd7ef;background:#f2ecff;color:#594373;font-weight:900;font-size:14px}.h5-scenario-grid button:nth-child(even){background:#fff0da;border-color:#f3d9ad;color:#83552d}.h5-scenario-grid button.active{background:#544080;border-color:#3c2d68;color:#fff}.h5-demo-note{font-size:11px;color:#7b8982;margin-top:10px}.h5-home-extra{display:flex;justify-content:space-between;gap:12px;margin:22px 0}.h5-home-extra button{border:0;background:none;color:#4d736a;font-size:13px;font-weight:800;min-height:44px}
.h5-map-intro{margin:3px 0 17px}.h5-map-intro>span{color:#5b8f87;font-size:12px;font-weight:900;letter-spacing:1.5px}.h5-map-intro h1{font-size:23px;margin:8px 0;line-height:1.35}.h5-map-intro p{font-size:13px;color:#71877f}.h5-maze{position:relative;max-width:650px;height:1000px;margin:0 auto;border:6px solid #fff;border-radius:28px;overflow:hidden;background:#b4d8dc;box-shadow:0 15px 32px #304b5c39}.h5-maze-art{position:absolute;width:100%;height:100%;object-fit:fill;animation:h5-maze-breathe 22s ease-in-out infinite alternate}.h5-firefly{position:absolute;z-index:1;width:9px;height:9px;background:#fff6a0;border-radius:50%;box-shadow:0 0 18px 6px #ffe883b5;animation:h5-firefly 4s ease-in-out infinite}.h5-firefly.f1{left:28%;top:76%}.h5-firefly.f2{left:75%;top:54%;animation-delay:1s}.h5-firefly.f3{left:33%;top:28%;animation-delay:2s}
.h5-map-stop{position:absolute;z-index:2;width:68px;height:68px;transform:translate(-50%,-50%);padding:0;border:4px solid #fff;border-radius:39%;display:grid;place-items:center;background:linear-gradient(145deg,#fdf2d8,#e8dcff);box-shadow:0 6px 0 #b6a5b6,0 12px 22px #243d4a48;overflow:visible}.h5-map-stop.current{background:linear-gradient(145deg,#ffe8aa,#ff9b43);box-shadow:0 6px 0 #c85c2d,0 0 0 8px #ffe394ae,0 13px 25px #35415f55}.h5-map-stop.completed{background:linear-gradient(145deg,#e4ffe4,#57c789);box-shadow:0 6px 0 #2f8a65,0 13px 24px #21465949}.h5-stop-icon{font-size:34px;line-height:1;filter:drop-shadow(0 3px 2px #263b4f44)}.h5-stop-medal{position:absolute;top:-10px;right:-11px;min-width:25px;height:25px;padding:0 3px;border-radius:50%;background:#fffdf7;border:2px solid #fff;display:grid;place-items:center;color:#397157;font-size:11px;font-weight:900;box-shadow:0 3px 8px #293e4966}.h5-map-stop.current .h5-stop-medal{background:#583597;color:#fff}.h5-stop-label{position:absolute;top:69px;left:50%;transform:translateX(-50%);width:116px;max-width:31vw;background:#fff9e9ed;border-radius:9px;padding:5px 3px;text-align:center;font-size:11px;line-height:1.15;font-weight:900;color:#173a4b;box-shadow:0 3px 8px #263b4933}.h5-stop-stars{position:absolute;top:94px;font-size:9px}.h5-stop-stars .stars{letter-spacing:1px}.h5-map-footnote{text-align:center;color:#778b83;font-size:12px;padding:16px 0 2px}
.h5-voice-console{position:relative;overflow:hidden;border-radius:27px;background:radial-gradient(circle at 50% 39%,#32406f,#1a2846 70%);color:#e9f7ff;margin-top:24px;padding:22px 20px 27px;box-shadow:0 15px 31px #1a284633}.h5-voice-console:before{content:'故事接收台  ·  正在等待你的故事';display:block;text-align:left;font-size:12px;font-weight:800;color:#a9d4fb}.h5-voice-console:has(.recording):before{content:'故事接收台  ·  正在认真听你说'}.h5-console-top{display:flex;justify-content:space-between;align-items:center;text-align:left;font-size:12px;font-weight:800}.h5-console-top span:last-child{color:#9bc6ee}.h5-voice-console .record-time{font-size:22px;color:#fff}.h5-voice-console .muted{color:#d5e4fa}.h5-voice-console .wave i{background:#a3d7fb}.mic-button.h5-sound-button{position:relative;width:150px;height:150px;margin:35px auto 30px;background:radial-gradient(circle at 42% 35%,#5365b9,#292a77 62%,#171b4d);border:5px solid #fff;box-shadow:0 0 0 9px #9192d14d,0 14px 31px #12153688}.mic-button.h5-sound-button.recording{animation:none;background:radial-gradient(circle at 42% 35%,#3676af,#29317e 60%,#171b4d)}.h5-sound-halo{position:absolute;inset:-18px;border:2px dashed #95a2ef90;border-radius:50%;animation:h5-orbit 15s linear infinite}.h5-sound-button.recording .h5-sound-halo{animation-duration:4s;border-color:#a7edff}.h5-sound-grid{display:grid;grid-template-columns:repeat(9,1fr);grid-template-rows:repeat(9,1fr);width:115px;height:115px;align-items:center;justify-items:center;animation:h5-grid-breathe 3.8s ease-in-out infinite}.h5-sound-dot{width:4px;height:4px;background:#a4eaff;border-radius:50%;box-shadow:0 0 6px #8edbff}.h5-sound-dot:nth-child(4n){background:#dccaff;width:6px;height:6px}.h5-sound-dot:nth-child(7n){background:#ffcaa4;width:7px;height:7px}.h5-sound-button.recording .h5-sound-dot:nth-child(2n){animation:h5-listen .75s ease-in-out infinite alternate}.h5-sound-core{position:absolute;width:59px;height:59px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(145deg,#e7faff,#a9c5ff);color:#304da3;border:3px solid #fff;box-shadow:0 0 21px #9ddeff77,0 8px 19px #1015457d}.h5-sound-core .icon{width:29px;height:29px}
.wish-picture.h5-wish-illustrated{display:block;position:relative;background:#55457b;color:#fff}.h5-wish-illustrated>img{width:100%;height:100%;display:block;object-fit:cover}.h5-wish-illustrated:after{content:'';position:absolute;inset:25% 0 0;background:linear-gradient(transparent,#161d36b8)}.h5-wish-caption{position:relative;z-index:1;display:grid;gap:2px;text-align:center}.h5-wish-illustrated .h5-wish-caption{position:absolute;left:12px;right:12px;bottom:11px;text-align:left;text-shadow:0 2px 7px #102330b3}.h5-wish-illustrated .h5-wish-caption small{font-size:11px}.h5-wish-illustrated .h5-wish-caption b{padding:0;text-align:left;font-size:18px}
@keyframes h5-hero-drift{to{transform:scale(1.055) translateY(-3px)}}@keyframes h5-maze-breathe{to{transform:scale(1.035) translateY(-7px)}}@keyframes h5-firefly{50%{transform:translateY(-13px) scale(1.25);opacity:.35}}@keyframes h5-orbit{to{transform:rotate(360deg)}}@keyframes h5-grid-breathe{50%{transform:scale(1.07);opacity:.72}}@keyframes h5-listen{to{transform:scale(1.7);opacity:.6}}
@media(max-width:759px){.layout{background:#fcfaf3}.page{padding:20px 16px calc(106px + env(safe-area-inset-bottom))}.home-page{background:#fcfaf3}.mobile-nav{padding:9px 12px calc(10px + env(safe-area-inset-bottom));border:1px solid #e8e9e5;border-bottom:0;border-radius:20px 20px 0 0;box-shadow:0 -6px 22px #26414a18}.mobile-nav a{font-size:12px;font-weight:800;gap:6px}.mobile-nav a .icon{width:32px;height:32px;padding:6px;border-radius:10px;background:#fff0d9;color:#a96525}.mobile-nav a:nth-child(2) .icon{background:#e3efff;color:#3265a2}.mobile-nav a:nth-child(3) .icon{background:#e9f5df;color:#5a913c}.mobile-nav a:nth-child(4) .icon{background:#ffe5ee;color:#b95881}.mobile-nav a.active{color:#c15f29}.h5-home-hero{height:210px}.h5-maze{height:970px}.home-page .topbar{display:none}.splash-page .splash-art{height:330px;object-fit:cover;border-radius:24px}.splash-page .splash h1{font-size:32px}.profile-page .profile-hero{background:linear-gradient(#e8ebff,#fdf4e8);border:2px solid #fff}.profile-page .profile-hero .theme-avatar{background-image:url('assets/character-fox-v3.png');background-size:cover;background-position:center;font-size:0}.wish-card>.wish-picture{height:180px}.mic-area.h5-voice-console{padding-top:22px}}
@media(max-width:380px){.h5-home-head{gap:8px}.h5-head-avatar{width:44px;height:44px}.h5-head-name strong{font-size:17px}.h5-parent-entry{font-size:11px;padding:8px}.h5-home-hero{height:195px}.h5-hero-copy h1{font-size:27px}.h5-map-stop{width:62px;height:62px}.h5-stop-label{top:63px;font-size:10px}.h5-reward-icon{font-size:29px}}
@media(prefers-reduced-motion:reduce){.h5-home-hero>img,.h5-maze-art,.h5-firefly,.h5-sound-halo,.h5-sound-grid,.h5-sound-dot{animation:none!important}}

.h5-profile-showcase{height:285px;border-radius:27px;position:relative;overflow:hidden;border:3px solid #fff;background:#c7d6d7;box-shadow:0 12px 25px #2c456426;margin:12px 0 20px}.h5-profile-landscape{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:blur(1px)}.h5-profile-showcase:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#32286744 0%,#2b366122 55%,#192a4ca8 100%)}.h5-profile-showcase.theme-blossom:after{background:linear-gradient(180deg,#cc76a233,#ae526522 55%,#51244daa 100%)}.h5-profile-showcase.theme-sunshine:after{background:linear-gradient(180deg,#e3a44833,#e57b2422 55%,#603b26b0 100%)}.h5-profile-character{position:absolute;z-index:1;width:190px;height:220px;object-fit:contain;left:50%;top:10px;transform:translateX(-50%);filter:drop-shadow(0 8px 10px #25314180)}.h5-profile-showcase>b{position:absolute;z-index:2;bottom:15px;left:0;right:0;text-align:center;color:#fff;font-size:21px;text-shadow:0 3px 7px #192035}.h5-profile-card{display:grid;gap:17px}.h5-profile-card h3{font-size:16px}.h5-avatar-picks{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.h5-avatar-choice{border:2px solid #e4e9e9;background:#f7f9f8;border-radius:16px;padding:7px 5px 9px;display:grid;justify-items:center;gap:2px;font-size:12px;font-weight:800}.h5-avatar-choice.active{border-color:#7652bd;background:#f2ecff;box-shadow:0 5px 13px #7452a72b}.h5-avatar-choice img{height:78px;max-width:100%;object-fit:contain}
@media(max-width:380px){.h5-profile-showcase{height:260px}.h5-profile-character{height:199px}.h5-avatar-choice img{height:67px}}