html{font-size:20PX}page{--bg:#fff;--surface:#eef7fb;--surface-warm:#fff4dc;--primary:#f2a51a;--primary-strong:#d66a00;--ink:#172235;--muted:#66778a;--blue:#2d8fe5;--blue-deep:#0067ae;--success:#3aaa63;--danger:#dc4c4c;--border:#dbe7ef;--white:#fff;--shadow-card:0 0.35rem 0.95rem rgba(41,76,112,.1);background:var(--bg);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,sans-serif;font-size:20PX}page,taro-button-core,taro-canvas-core,taro-image-core,taro-input-core,taro-text-core,taro-textarea-core,taro-view-core{box-sizing:border-box}taro-button-core::after{border:none}.page{background:radial-gradient(circle at 88% 8%,rgba(255,231,170,.75),transparent 29%),linear-gradient(180deg,var(--white),#f8fbfd);margin:0 auto;max-width:960PX;min-height:100vh;padding:.8rem .8rem calc(1.2rem + env(safe-area-inset-bottom));width:100%}taro-input-core,taro-textarea-core{color:var(--ink);font-family:inherit}.ghost-button,.primary-button,.secondary-button{cursor:pointer}.eyebrow{color:var(--blue-deep);font-size:.65rem;font-weight:700;letter-spacing:.05rem}.page-title{font-size:1.2rem;font-weight:750;line-height:1.25;margin-top:.2rem}.ghost-button,.primary-button,.secondary-button{align-items:center;border:0;border-radius:1.2rem;display:flex;font-size:.8rem;font-weight:700;gap:.3rem;justify-content:center;line-height:1;min-height:2.4rem;transition:transform .15s ease,opacity .15s ease}.primary-button{background:var(--primary-strong);box-shadow:0 .2rem .4rem rgba(214,106,0,.18);color:var(--white)}.secondary-button{background:var(--blue-deep);color:var(--white)}.ghost-button{background:var(--white);border:.05rem solid var(--border);color:var(--ink)}.ghost-button:active,.pressable:active,.primary-button:active,.secondary-button:active{transform:scale(.98)}.section-title{font-size:.85rem;font-weight:750;margin:1.1rem 0 .5rem}.muted{color:var(--muted)}@media (prefers-reduced-motion:reduce){page,taro-button-core,taro-canvas-core,taro-image-core,taro-input-core,taro-text-core,taro-textarea-core,taro-view-core{animation-duration:.01ms!important;transition-duration:.01ms!important}}.starbud-web{background:#f7fbfa;color:#18342d;font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,sans-serif;margin:0}.starbud-web .taro_page{background:#f7fbfa}.starbud-web taro-button-core{cursor:pointer}.starbud-web [tabindex]:focus-visible,.starbud-web taro-button-core:focus-visible,.starbud-web taro-input-core:focus-visible{outline:3PX solid #237e60;outline-offset:3PX}.starbud-web .web-navigation{align-items:center;display:flex;gap:8PX;justify-content:space-between;margin-bottom:16PX;width:100%}.starbud-web .web-navigation taro-button-core{background:transparent;border-radius:8PX;color:#245741;font-size:14PX;line-height:48PX;margin:0;min-height:48PX;padding:0 12PX;width:auto}.starbud-web .portal-page,.starbud-web .theme-page{box-sizing:border-box;margin:0 auto;max-width:none;width:100%}.starbud-web .guest-notice{box-sizing:border-box;margin:0 auto;max-width:600PX}.starbud-web .topic-card{box-shadow:none;cursor:pointer}.starbud-web .topic-card.is-coming{cursor:default}.starbud-web .episode-tile{cursor:pointer}.starbud-web .board-tab{color:#526e64}.starbud-web .board-tab.is-active{color:#087d60}.starbud-web .learner-auth{align-items:flex-start;box-sizing:border-box;max-width:none;min-height:100dvh;width:100%}.starbud-web .learner-auth .auth-shell{max-width:none;width:100%}.starbud-web .learner-auth .field-group{margin:0 0 20PX}.starbud-web .learner-auth .field-group > taro-text-core{display:block;font-size:16PX;margin-bottom:8PX}.starbud-web .learner-auth .field-group taro-input-core{background:#fff;border:1px solid #98b5a6;border-radius:8PX;box-sizing:border-box;color:#193b30;font-size:16PX;min-height:52PX;padding:12PX;width:100%}.starbud-web .learner-auth .field-group taro-input-core::-moz-placeholder{color:#536b61}.starbud-web .learner-auth .field-group taro-input-core::placeholder{color:#536b61}.starbud-web .learner-auth .auth-submit{background:#17684f;border-radius:10PX;box-shadow:none;color:#fff;font-size:17PX;line-height:1.5;margin:8PX 0 20PX;min-height:52PX;padding:12PX;width:100%}.starbud-web .learner-auth .auth-submit[disabled]:not([disabled=false]){cursor:default;opacity:.55}.starbud-web .web-login-help{color:#365b4b;font-size:14PX;line-height:1.8}.starbud-web .web-login-help > taro-text-core{display:block;margin:8PX 0}.starbud-web .web-login-help > taro-text-core:first-child{color:#193b30;font-weight:600}.starbud-web .web-browse{background:#eef6f1;border-radius:8PX;color:#17684f;font-size:15PX;line-height:48PX;margin:12PX 0 0;min-height:48PX;padding:0 16PX}.starbud-web .web-auth-legal{display:flex;gap:16PX;justify-content:center;margin-top:8PX}.starbud-web .web-auth-legal taro-button-core{background:transparent;color:#456654;font-size:13PX;line-height:48PX;margin:0;min-height:48PX;padding:0 8PX;width:auto}.starbud-web .account-settings-body,.starbud-web .settings-body{width:100%}.starbud-web .account-settings-page,.starbud-web .feedback-page,.starbud-web .history-page,.starbud-web .legal-page,.starbud-web .me-page,.starbud-web .membership-page,.starbud-web .settings-page{box-sizing:border-box;margin:0 auto;max-width:760PX;width:100%}.starbud-web .floating-audio{box-sizing:border-box;margin:0 auto;max-width:600PX}.starbud-web .player-page{height:100dvh;min-height:100dvh}.starbud-web .choice-sheet{margin:0 auto;max-width:640PX}@media (min-width:700px){.starbud-web .portal-page,.starbud-web .theme-page{padding:24PX clamp(24PX,3vw,64PX) 120PX}.starbud-web .home-brandbar{margin-bottom:20PX}.starbud-web .recommend-swiper{height:clamp(240PX,22vw,420PX)}.starbud-web .web-theme-list .topic-grid{gap:20PX;grid-template-columns:repeat(4,minmax(0,1fr))}.starbud-web .web-theme-list .story-cover{height:140PX}.starbud-web .web-theme-list .story-card{min-height:180PX}.starbud-web .episode-grid{gap:24PX;grid-template-columns:repeat(4,minmax(0,1fr))}.starbud-web .episode-cover-shell{height:180PX}.starbud-web .learner-auth{padding:24PX clamp(24PX,3vw,64PX) 40PX}.starbud-web .learner-auth .auth-shell{align-items:center;display:grid;gap:clamp(24PX,4vw,80PX);grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.starbud-web .learner-auth .web-navigation{grid-column:1/-1;margin:0}.starbud-web .learner-auth .auth-story{box-sizing:border-box;min-height:max(480PX,100dvh - 180PX);padding:clamp(28PX,4vw,72PX)}.starbud-web .learner-auth .auth-title{font-size:28PX;margin-top:40PX;max-width:14em}.starbud-web .learner-auth .auth-subtitle{max-width:24em}.starbud-web .learner-auth .auth-mascot{bottom:24PX;height:clamp(128PX,17vw,276PX);right:24PX;width:clamp(120PX,16vw,260PX)}.starbud-web .learner-auth .auth-form-card{padding:28PX}}@media (min-width:1024px){.starbud-web .web-theme-list .topic-grid{grid-template-columns:repeat(auto-fit,minmax(220PX,1fr))}.starbud-web .web-theme-list .story-cover{aspect-ratio:3/2;height:auto}.starbud-web .episode-grid{grid-template-columns:repeat(auto-fill,minmax(200PX,1fr))}}@media (min-width:1100px){.starbud-web .learner-auth .auth-shell{grid-template-columns:minmax(0,1fr) 520PX}.starbud-web .learner-auth .auth-title{font-size:36PX}}@media (prefers-reduced-motion:reduce){.starbud-web *{animation-duration:.01ms!important;transition-duration:.01ms!important}}.starbud-web .immersive-story-player{height:100dvh;--player-capsule-reserve:0PX!important}.starbud-web .immersive-scene img,.starbud-web .immersive-underlay .media-image img{height:100%;-o-object-fit:contain;object-fit:contain;width:100%}@media (min-width:700px){.starbud-web .immersive-controls{margin:0 auto;max-width:600PX}.starbud-web .immersive-caption{margin:0 auto;max-width:600PX}.starbud-web .immersive-topbar{padding:16PX 32PX}.starbud-web .immersive-caption.is-hidden,.starbud-web .immersive-controls.is-hidden,.starbud-web .immersive-topbar.is-hidden{opacity:1;pointer-events:auto;transform:none}}@media (min-width:700px) and (orientation:landscape){.starbud-web .immersive-scene,.starbud-web .immersive-underlay > .media-image{width:56%}.starbud-web .immersive-caption{bottom:auto;left:60%;max-height:calc(100dvh - 300PX);overflow:auto;right:24PX;top:90PX}.starbud-web .immersive-caption > taro-text-core:last-child{font-size:17PX;line-height:1.7}.starbud-web .immersive-controls{bottom:24PX;left:60%;right:24PX}.starbud-web .immersive-vignette{background:linear-gradient(180deg,rgba(2,19,14,.25),transparent 25%,transparent 75%,rgba(2,19,14,.35))}}