.approved-page {min-height:calc(100vh - 86px);padding-bottom:32px;--purple:#80639c;--muted:#8d7595;--line:#e3dbe6;--paper:#fcf8ee;--pink:#f2568a;--sun:#ffd166;--lilac:#c8b6ff;--coral:#ff6f91;--aqua:#7bdff2;--rose-band:#ffc9db;--sky-band:#bfe6ff;--mint-band:#c6f6d5}
.approved-page h1,.approved-page h2,.approved-page h3 {letter-spacing:normal;text-transform:none}
.approved-page a:focus-visible {outline:3px solid #80639c;outline-offset:3px}
.approved-page .collection {background:transparent}
.approved-page .page {min-width:0;padding-bottom:95px;display:flex;flex-direction:column}
.approved-page .page .page-foot {position:static;margin-top:auto;padding-top:12px;transform:translateY(60px)}
.approved-page .page .element-stamp {position:static;align-self:flex-end;margin-top:18px;margin-bottom:0}
.approved-page .metric {min-width:0}
.approved-page .metric span:first-child {overflow-wrap:anywhere}
.approved-page .tab {min-width:0;flex:0 1 204px;width:204px}
.approved-page .tab small {white-space:normal}
.approved-page .tab img {flex-shrink:0}
.approved-page .bottom-nav {flex-wrap:wrap}
.approved-page .p2-hero {grid-template-columns:minmax(0,.46fr) minmax(0,.54fr)}
.approved-page .p2-hero>*,.approved-page .output-grid>* {min-width:0}
.approved-page .simulation-reminder {position:sticky;top:0;z-index:10;width:100%;padding:7px 22px;background:#eee7f5;color:#80639c;text-align:center;font:11px/1.7 'Microsoft YaHei',sans-serif;border-bottom:1px solid #e3dbe6}
.approved-page.approved-life .hero {padding-bottom:0}
.approved-page.approved-life .hero h1 {display:block;margin:0;white-space:normal;font-weight:500}
.approved-page.approved-experience,.approved-page.approved-project,.approved-page.approved-life {overflow-x:visible}
.approved-page.approved-life .hero-caption {margin-top:0;line-height:1.8}
.approved-page.approved-life .hero-caption span {max-width:none;text-align:inherit}
.approved-page.approved-life .mascot {height:auto;aspect-ratio:1}
.approved-page .tape.t3 {left:26px;bottom:5px;transform:rotate(7deg);background:#c8b6ff}
.approved-page .tape.t4 {right:26px;bottom:5px;transform:rotate(-6deg);background:#ffe28a}
.approved-page .tape,.approved-page .spk {pointer-events:none}
.approved-page .tkt {max-width:100%;flex-wrap:wrap}
@media (min-width:701px) and (max-width:1050px) {
 .approved-page .desk {padding-left:50px;padding-right:26px}
 .approved-page .tabs {padding-left:0}
 .approved-page .tab {padding:13px 8px;gap:6px}
 .approved-page .tab strong {font-size:12px}
 .approved-page .page {padding-left:24px;padding-right:24px}
 .approved-page .company-title h1 {font-size:52px}
 .approved-page .act {grid-template-columns:70px minmax(0,1fr) 190px;gap:18px;padding:24px}
}
@media(max-width:700px) {
 .approved-page .tabs {gap:4px}
 .approved-page .tab {flex:1;width:auto;padding:11px 4px 9px}
 .approved-page .tab small {display:none}
 .approved-page .page {padding:26px 22px 66px 25px;min-height:0}
 .approved-page .page .page-foot {margin-top:22px;transform:none}
 .approved-page .metric span:first-child {font-size:clamp(19px,6vw,26px)}
 .approved-page .p2-hero {grid-template-columns:minmax(0,1fr)}
 .approved-page .p2-cover {min-width:0}
 .approved-page .tape.t3 {left:10px}
 .approved-page .tape.t4 {right:10px}
 .approved-page.approved-life .hero h1 {margin-top:14px;font-size:41px}
 .approved-page .tkt b {display:inline;white-space:nowrap}
}
@media(prefers-reduced-motion:reduce) {
 .approved-page *,.approved-page *::before,.approved-page *::after {animation:none!important;transition:none!important;scroll-behavior:auto!important}
}

.approved-page .preview-badge {padding:8px 4%;color:#80639c;font:11px/1.8 sans-serif;background:#eee7f5}

#main > section, #contact {scroll-margin-top:90px}
#experience-settings {margin:40px 0 24px;padding:24px 0;border-top:1px solid #d6cadc}
#experience-settings h3 {margin:0 0 8px} #experience-settings p {font-size:13px;margin:0 0 16px}
#experience-settings .b2-sound,#experience-settings .d2-camera-toggle {position:static!important;display:inline-flex!important;opacity:1!important;pointer-events:auto!important;transform:none!important;margin:6px 12px 6px 0;align-items:center;gap:5px;padding:9px 16px;border:1px solid #c5b6cc;border-radius:24px;background:#fbf7ef;color:#342d40;cursor:pointer;font:inherit;font-size:13px}
#contact h2 {font-size:clamp(24px,4vw,40px)}
.approved-page .simulation-reminder {position:static}

#contact {min-height:calc(100svh - 90px)}