/* 图像生成视觉层：所有核心页面均由项目内真实插画承载。 */
html,body{background:#f8f0e3}
.screen{background-color:#f8f1e4;background-repeat:no-repeat;background-size:cover;background-position:center;background-attachment:fixed}
.intro-screen{background-image:linear-gradient(rgba(255,253,248,.57),rgba(255,253,248,.78)),url('./assets/visuals/daily-coast.png')}
.assessment-screen{background-image:linear-gradient(rgba(255,253,248,.72),rgba(255,253,248,.84)),url('./assets/visuals/assessment-sea.png')}
.test-day-screen{background-image:linear-gradient(rgba(255,253,248,.64),rgba(255,253,248,.82)),url('./assets/visuals/daily-coast.png')}
#app:has(.journey-head) .screen{background-image:linear-gradient(rgba(255,253,248,.58),rgba(255,253,248,.80)),url('./assets/visuals/journey-route.png')}
#app:has(.report-title) .screen{background-image:linear-gradient(rgba(255,253,248,.61),rgba(255,253,248,.82)),url('./assets/visuals/report-sunrise.png')}
.complete-screen{background-image:linear-gradient(rgba(255,251,239,.36),rgba(255,249,229,.54)),url('./assets/visuals/completion-light.png')!important}
.complete-sun{display:none}.sea-scene{display:none}
.home-screen{background-image:url('./assets/visuals/cover-reference.png')!important;background-position:center top;background-size:cover;background-color:#f8f1e4}
.home-copy{top:22.3%;left:18px;right:18px}.home-copy .eyebrow{font-family:serif;font-size:11px;letter-spacing:1.4px;color:#276964;text-shadow:0 2px 12px rgba(255,255,255,.92)}
.home-action{bottom:calc(8px + env(safe-area-inset-bottom))}.home-action .button{height:86px;min-height:86px;background:transparent!important;border:0!important;color:transparent!important;box-shadow:none!important;text-shadow:none!important}.home-action .button-arrow{display:none}.home-action p{margin-top:0;color:#2c6c67;font-family:serif;font-size:13px;font-weight:700;letter-spacing:1px;text-shadow:0 2px 12px rgba(255,255,255,.95)}
.paper-card,.report-card,.lesson-card,.form-card,.practice-card,.quote-card,.dimension-card{background:rgba(255,255,255,.76);backdrop-filter:blur(9px);border-color:rgba(255,255,255,.84)}
.sticky-action{background:linear-gradient(transparent,rgba(255,253,248,.95) 34%)}.button{background:linear-gradient(105deg,#176e6a,#3b9a92);box-shadow:0 12px 30px rgba(23,100,95,.24)}
.topbar{background:rgba(255,253,248,.42);border-radius:16px;padding:0 5px;backdrop-filter:blur(4px)}
@media(min-width:600px){.screen{background-attachment:scroll}.home-screen{background-size:cover}}