@font-face{font-family:'MaokenAssortedSans-Lite';src:url('MaokenAssortedSans-Lite.otf') format('opentype')}html,body{margin:0;min-height:100%;background:#93A59A;color:#212121;font-family:"PingFang SC","Microsoft YaHei",Arial,sans-serif}*{box-sizing:border-box}.page-container{width:min(100%,375px);height:100dvh;margin:auto;background:#D2DDD6;position:relative;overflow:hidden}.scroll-area{height:100%;overflow-y:auto;padding-bottom:116px}.content{padding:20px 16px 24px}header{height:42px;display:flex;justify-content:space-between;align-items:center}header span,.heading h1,.records h2{font-family:'MaokenAssortedSans-Lite',sans-serif}header span{font-size:25px}header button{width:38px;height:38px;border:0;border-radius:50%;background:#F8F3EC;color:#425248;font-size:17px}.ad-card{height:112px;margin-top:13px;border-radius:16px;background:url('ad_card.png') center/cover}.heading{display:flex;align-items:center;justify-content:space-between;margin:25px 1px 11px}.heading h1{font-size:27px;margin:0}.heading span{font-size:13px;color:#66756b}.recommend-row{display:flex;gap:12px;overflow-x:auto;padding:0 0 5px;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}.recommend-card{flex:0 0 275px;height:158px;padding:19px;border:0;border-radius:17px;color:#212121;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;text-align:left;scroll-snap-align:start;font-family:"PingFang SC","Microsoft YaHei",Arial,sans-serif}.recommend-card.active{background:url('recommend_bg.png') center/cover;text-decoration:none}.recommend-card.sleep{background:#dfe8ea}.recommend-card.mood{background:#e5ebde}.recommend-card.mbti{background:#e9e0d5}.recommend-card.career{background:#d9e6df}.recommend-card span{font-size:12px;color:#5d665e}.recommend-card h2{font:700 25px "PingFang SC","Microsoft YaHei",Arial,sans-serif;margin:0}.recommend-card b{padding:9px 14px;border-radius:999px;background:#5D3D3D;color:#fff;font:14px 'MaokenAssortedSans-Lite',sans-serif}.test-list{display:grid;gap:10px}.test-list>*{min-height:76px;width:100%;padding:13px;border:0;border-radius:16px;background:#E7EAEA;display:grid;grid-template-columns:40px 1fr auto;gap:10px;align-items:center;text-align:left;color:#212121;text-decoration:none;font-family:"PingFang SC","Microsoft YaHei",Arial,sans-serif}.test-list i{width:38px;height:38px;border-radius:12px;background:#D2DDD6;display:grid;place-items:center;font-size:23px;font-style:normal;color:#4d6554}.test-list span{display:grid;gap:4px}.test-list b{font-size:17px}.test-list small{font-size:12px;color:#5e6a62}.test-list em{font-size:11px;font-style:normal;color:#758479}.records{margin-top:24px;padding:18px;border-radius:17px;background:#BFCFC3;display:flex;justify-content:space-between;align-items:center;gap:10px}.records h2{font-size:24px;margin:0 0 5px}.records p{font-size:12px;color:#536159;margin:0}.records button{border:0;border-radius:12px;background:#F8F3EC;color:#4a584e;padding:10px 12px;font-family:"PingFang SC","Microsoft YaHei",Arial,sans-serif}.notice{text-align:center;color:#718078;font-size:11px;margin:24px 0 0}.bottom-nav{width:100%;height:98px;background-color:#D2DDD6;display:flex;justify-content:space-between;padding:8px 16px 16px;box-sizing:border-box;position:fixed;bottom:0;left:50%;transform:translateX(-50%);max-width:375px;font-family:'MaokenAssortedSans-Lite',sans-serif}.nav-button{width:114px;height:74px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:4px;padding:8px;text-decoration:none}.nav-icon{width:100%;height:26px;display:flex;align-items:center;justify-content:center;padding:2px;border-radius:999px}.nav-text{width:100%;height:33px;font-size:20px;color:#212121;text-align:center}.toast{position:fixed;left:50%;bottom:114px;transform:translateX(-50%);padding:12px 16px;border-radius:13px;background:#2f4438;color:#fff;font-size:13px;opacity:0;pointer-events:none;transition:.2s;z-index:3}.toast.show{opacity:1}@media(min-width:376px){body{padding:15px 0;background:linear-gradient(135deg,#788f83,#b8c7bd)}.page-container{height:calc(100dvh - 30px);border-radius:26px;box-shadow:0 16px 50px rgba(35,49,41,.24)}.bottom-nav{bottom:15px;border-radius:0 0 26px 26px}}
.recommend-row{position:relative!important;overflow:hidden!important}.recommend-row .recommend-card{flex:0 0 100%!important}
.carousel-section{position:relative}.carousel-controls button{position:absolute;top:108px;z-index:2;width:24px;height:32px;padding:0;border:0;border-radius:9px;background:#D2DDD6;color:#5D3D3D;font-size:11px}.carousel-controls button:first-child{left:-8px}.carousel-controls button:last-child{right:-8px}
.ad-card{display:none}
.content>section:first-of-type>.heading{display:none}.recommend-card.active{position:relative;overflow:hidden;background:linear-gradient(135deg,#eee0c5 0%,#e8e4d3 46%,#c9d9ce 100%)!important}.recommend-card.active:after{content:"";position:absolute;right:-24px;bottom:-36px;width:142px;height:142px;border:1px solid rgba(95,119,103,.34);border-radius:50%;box-shadow:inset 0 0 0 18px rgba(244,239,224,.26)}.recommend-card.active>*{position:relative;z-index:1}
.recommend-card.active>span{display:none}
.recommend-card.active h2{font-family:"PingFang SC","Microsoft YaHei",Arial,sans-serif!important;font-size:25px!important;margin-top:34px!important}
.content>header{height:64px;margin:-20px -16px 20px;padding:0 20px;background:#E7EAEA;border-bottom:1px solid rgba(125,145,132,.22);border-radius:26px 26px 16px 16px;position:sticky;top:-20px;z-index:2;box-shadow:0 3px 10px rgba(65,82,71,.05)}
.content>header{height:80px!important;border-radius:0!important;margin:-20px -16px 20px!important;padding:0 20px!important;box-shadow:none!important}
.content>header{position:sticky!important}.content>header span{position:absolute;left:50%;transform:translateX(-50%);white-space:nowrap}.content>header button{margin-left:auto}
.recommend-card.sleep{background:radial-gradient(circle at 86% 28%,transparent 0 20px,rgba(83,112,118,.25) 21px 22px,transparent 23px),radial-gradient(circle at 77% 37%,rgba(255,255,255,.38) 0 7px,transparent 8px),linear-gradient(135deg,#dfe8ea,#cddcdf)!important}.recommend-card.mood{background:radial-gradient(circle at 82% 34%,rgba(142,169,139,.25) 0 30px,transparent 31px),radial-gradient(circle at 82% 34%,transparent 0 47px,rgba(98,126,97,.18) 48px 49px,transparent 50px),linear-gradient(135deg,#e5ebde,#d2dfcf)!important}.recommend-card.mbti{background:linear-gradient(135deg,transparent 0 69%,rgba(132,104,82,.16) 70% 72%,transparent 73%),linear-gradient(45deg,transparent 0 75%,rgba(132,104,82,.15) 76% 78%,transparent 79%),linear-gradient(135deg,#e9e0d5,#e1d5c5)!important}.recommend-card.career{background:radial-gradient(circle at 82% 29%,rgba(82,125,105,.20) 0 15px,transparent 16px),radial-gradient(circle at 89% 45%,rgba(82,125,105,.15) 0 8px,transparent 9px),radial-gradient(circle at 76% 55%,transparent 0 33px,rgba(82,125,105,.20) 34px 35px,transparent 36px),linear-gradient(135deg,#d9e6df,#c8d9d0)!important}
.content>header{background:#D2DDD6!important;border-bottom-color:transparent!important}
.header-panda{position:absolute;right:62px;bottom:7px;width:48px;height:48px;object-fit:contain;animation:header-panda-wave 2.4s ease-in-out infinite;transform-origin:center bottom}@keyframes header-panda-wave{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-3px) rotate(2deg)}}
.content>header span{top:31px;line-height:1}
.content>header:before{content:"";position:absolute;left:10px;bottom:7px;width:48px;height:48px;background:url('happy-panda.png') center/contain no-repeat;transform:scaleX(-1);animation:header-panda-wave 2.4s ease-in-out infinite;transform-origin:center bottom}
.content>header:before{animation:header-panda-wave-left 2.4s ease-in-out infinite}@keyframes header-panda-wave-left{0%,100%{transform:scaleX(-1) translateY(0) rotate(-2deg)}50%{transform:scaleX(-1) translateY(-3px) rotate(2deg)}}
.content>header{height:64px!important;margin:-6px 0 12px!important;padding:0!important;background:transparent!important;position:relative!important}.content>header button,.content>header .header-panda,.content>header:before{display:none!important}.content>header span{top:5px!important;font-size:25px}.content>header:after{content:"好心情从了解自己开始";position:absolute;top:39px;left:50%;transform:translateX(-50%);white-space:nowrap;color:#758078;font:13px "PingFang SC","Microsoft YaHei",Arial,sans-serif;letter-spacing:.04em}
header button[aria-label="设置"]{display:none!important}
.recommend-card.active:before{content:"约 2 分钟";position:absolute;left:19px;top:16px;color:#66756b;font:12px "PingFang SC","Microsoft YaHei",Arial,sans-serif;z-index:1}
.content>header span{top:39px!important}.content>header:after{top:72px!important}
.content>header .header-panda{display:block!important;left:calc(50% - 69px);right:auto;top:31px;bottom:auto;width:32px;height:32px;animation:header-panda-wave 2.4s ease-in-out infinite}
.content>header .header-panda{left:calc(50% - 96px)}
.content>header .header-panda{left:calc(50% - 122px)}
.content>header .header-panda{display:none!important}
.content>header:before{content:"";display:block!important;position:absolute;top:88px;left:0;width:100%;height:1px;background:rgba(248,243,236,.9);animation:none!important;transform:none!important}
.content>header:before{top:100px}
.content>section:first-of-type{margin-top:34px}
.records a{border:0;border-radius:12px;background:#F8F3EC;color:#4a584e;padding:10px 12px;font-family:"PingFang SC","Microsoft YaHei",Arial,sans-serif;text-decoration:none;white-space:nowrap}
a,a:visited,a:hover,a:active{text-decoration:none}
body a,body a:visited,body a:hover,body a:active{text-decoration:none!important}
.recommend-card.active{height:130px!important;padding:16px}.recommend-row .recommend-card{height:132px;padding:16px}.recommend-card h2{font-size:23px}.recommend-card b{padding:8px 13px}.carousel-controls button{top:94px}
.recommend-card.active{height:118px!important;padding:14px}.recommend-row .recommend-card{height:120px;padding:14px}.recommend-card h2{font-size:22px}.recommend-card b{padding:7px 12px}.carousel-controls button{top:88px}