:root{color-scheme:light;--bg-top: #f6fffb;--bg-bottom: #fff8ef;--ink: #19332d;--ink-soft: #4d615b;--primary: #179b7e;--primary-deep: #0b7059;--accent: #ffb65c;--surface: rgba(255, 255, 255, .86);--surface-strong: rgba(255, 255, 255, .96);--stroke: rgba(25, 51, 45, .12);--shadow: 0 18px 45px rgba(27, 83, 68, .14);--shadow-soft: 0 8px 18px rgba(25, 51, 45, .08);--radius-xl: 28px;--radius-lg: 22px;--radius-md: 16px;--radius-sm: 12px;font-family:MiSans,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;line-height:1.5;font-weight:500;color:var(--ink);background:radial-gradient(circle at top left,rgba(255,182,92,.22),transparent 35%),linear-gradient(180deg,var(--bg-top),var(--bg-bottom))}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0}button{font:inherit}.app-shell{min-height:100svh;padding:18px 14px 24px}.app-frame{width:min(100%,520px);margin:0 auto;min-height:calc(100svh - 42px);display:flex;flex-direction:column;gap:16px}.app-shell--result .app-frame{justify-content:center}.topbar,.panel,.progress-panel,.footer{border:1px solid var(--stroke);box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.topbar{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;min-height:170px;padding:28px 20px 24px;border-radius:var(--radius-lg);background:var(--surface)}.topbar__brand{min-width:0;display:grid;gap:10px}.topbar h1,.panel h2{margin:0}.topbar h1{font-size:clamp(1.75rem,5vw,2.3rem);line-height:.98;letter-spacing:-.04em}.topbar__pill,.hero-panel__badge,.chip,.tag,.compliance__item{display:inline-flex;align-items:center;justify-content:center;white-space:nowrap}.topbar__pill{flex-shrink:0;padding:10px 16px;border-radius:999px;background:#179b7e1a;color:var(--primary-deep);font-size:.9rem}.panel,.progress-panel,.footer{background:var(--surface-strong)}.panel{padding:26px 20px;border-radius:var(--radius-xl);box-shadow:var(--shadow)}.hero-panel{position:relative;overflow:hidden}.hero-panel:after{content:"";position:absolute;inset:auto -10px -15px auto;width:180px;height:180px;border-radius:50%;background:radial-gradient(circle,rgba(255,182,92,.4),transparent 70%)}.hero-panel__content,.intro-panel,.result-card{position:relative;z-index:1}.hero-panel,.intro-panel,.question-card{display:flex;flex-direction:column}.app-shell--cover .hero-panel,.app-shell--intro .intro-panel,.app-shell--quiz .question-card{flex:1 1 auto}.app-shell--quiz .question-card{min-height:0}.hero-panel__badge{margin-bottom:14px;padding:8px 12px;border-radius:999px;background:#ffb65c33;color:#7d5200;font-size:.92rem}.hero-panel__content h2,.intro-panel h2,.question-card h2,.result-card h2{font-size:clamp(1.55rem,4vw,2.15rem);line-height:1.08;letter-spacing:-.03em}.hero-panel__content h2{max-width:10.5ch;margin-bottom:10px}.hero-panel__text,.question-card__hint,.result-card__subtitle,.result-card__share p,.check-list,.intro-panel li{color:var(--ink-soft)}.hero-panel__text{margin:0 0 18px;font-size:1.02rem}.hero-panel__spark{position:absolute;top:0;right:0;width:54px;height:54px;display:grid;place-items:center;border-radius:999px;background:#ffffffc2;color:#d77416;font-size:1.6rem;box-shadow:0 12px 24px #ffb65c2e}.hero-sticker-row{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:22px}.hero-panel__sticker{display:inline-flex;width:fit-content;padding:9px 12px;border-radius:999px;background:#ffffffd6;color:var(--primary-deep);border:1px solid rgba(23,155,126,.08);box-shadow:0 8px 18px #19332d0d;font-size:.88rem}.hero-panel__cta{display:grid;gap:12px;margin-top:auto;padding-top:26px}.hero-panel__preview{position:relative;margin-bottom:8px}.phone-preview{padding:18px 18px 20px;border-radius:34px;background:linear-gradient(180deg,#fffffffa,#fcfff5f5),linear-gradient(135deg,#e2f57233,#ffd0af3d);border:1px solid rgba(25,51,45,.08);box-shadow:0 18px 36px #19332d14,inset 0 0 0 8px #ffffffc7}.phone-preview__meta{display:flex;justify-content:space-between;font-size:.92rem;color:var(--ink-soft)}.phone-preview__dots{display:flex;gap:10px;margin:16px 0 18px}.phone-preview__dots span{width:12px;height:12px;border-radius:999px;background:#19332d14}.phone-preview__dots .is-on{background:linear-gradient(135deg,#bfdc46,#f3d28e)}.phone-preview__question{margin:0 0 16px;font-size:1.04rem;line-height:1.55;text-align:center;color:var(--ink)}.phone-preview__art{display:block;width:min(100%,220px);margin:0 auto 14px}.phone-preview__answer{min-height:52px;display:flex;align-items:center;justify-content:center;padding:0 18px;border-radius:999px;background:#ffffffe6;border:1px solid rgba(25,51,45,.06);color:var(--ink);font-size:.96rem}.phone-preview__answer+.phone-preview__answer{margin-top:10px}.phone-preview__answer--active{background:linear-gradient(135deg,#ddf76ae0,#f3e197d1)}.hero-panel__speech{position:absolute;right:-6px;bottom:-12px;padding:12px 16px;border-radius:26px 26px 8px;background:linear-gradient(135deg,#ffb7a8,#ffa07f);color:#fff;font-size:.9rem;box-shadow:0 14px 28px #ffa07f47}.hero-panel__hint{margin:0;color:var(--ink-soft);font-size:.92rem}.chip-row,.tag-row,.button-row{display:flex;flex-wrap:wrap;gap:10px}.chip,.tag{padding:10px 14px;border-radius:999px;border:1px solid rgba(23,155,126,.14);background:#179b7e14;color:var(--primary-deep);font-size:.92rem}.eyebrow{margin:0 0 8px;color:var(--primary-deep);font-size:.88rem;letter-spacing:.02em}.check-list{margin:0;padding-left:0;list-style:none}.check-list li+li{margin-top:22px}.check-list li{position:relative;padding-left:26px;font-size:1.08rem;line-height:1.55}.check-list li:before{content:"•";position:absolute;left:0;top:-1px;color:var(--primary-deep);font-size:1.4rem}.progress-panel{padding:16px 18px;border-radius:var(--radius-lg)}.progress-panel__meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;font-size:.95rem;color:var(--ink-soft)}.progress-bar,.battery-meter__track{width:100%;height:12px;border-radius:999px;background:#179b7e1f;overflow:hidden}.progress-bar__fill,.battery-meter__fill{height:100%;border-radius:inherit;background:linear-gradient(90deg,#1dc3a1,#ffb65c)}.question-card__header{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.option-list{display:flex;flex-direction:column;gap:18px;flex:1 1 auto;justify-content:space-between;margin-top:8px}.option-button,.primary-button,.ghost-button{min-height:58px;border-radius:18px;transition:transform .16s ease,box-shadow .16s ease,background .16s ease,border-color .16s ease;cursor:pointer}.option-button{display:flex;gap:14px;align-items:flex-start;width:100%;min-height:104px;padding:22px 18px;border:1px solid rgba(25,51,45,.08);background:#ffffffe0;color:var(--ink);text-align:left;box-shadow:0 10px 24px #19332d0d}.option-button:hover,.primary-button:hover,.ghost-button:hover{transform:translateY(-2px)}.option-button__marker{flex-shrink:0;width:42px;height:42px;display:grid;place-items:center;border-radius:999px;font-size:1.1rem;color:var(--primary-deep);background:#179b7e1a;border:1px solid rgba(23,155,126,.12)}.option-button__text{line-height:1.5;font-size:1.04rem}.primary-button,.ghost-button{border:1px solid transparent;padding:0 18px}.primary-button{flex:1 1 220px;background:linear-gradient(135deg,var(--primary),#2bb697);color:#fff;box-shadow:0 14px 24px #179b7e47}.ghost-button{flex:1 1 160px;background:#ffffffb3;border-color:#19332d1f;color:var(--ink)}.result-card__hero{margin-bottom:18px}.battery-meter{display:grid;gap:12px;margin-top:0}.battery-meter__label{font-size:1rem;color:var(--primary-deep)}.tag-row{margin-bottom:18px}.tag{background:#f3fffaf2;border-color:#179b7e29;box-shadow:inset 0 -1px #fffc}.result-card__share{margin-top:18px;padding:18px;border-radius:var(--radius-md);background:#fff8efeb;border:1px dashed rgba(255,182,92,.55)}.compliance{margin-top:20px;font-size:.84rem;color:#4d615be0;line-height:1.6}.compliance--compact{margin-top:18px}.compliance__item+.compliance__item:before{content:" / ";color:#4d615b80}.question-card{padding-top:32px;padding-bottom:34px;min-height:calc(100svh - 278px)}.question-card__hint{margin:14px 0 24px;font-size:1.06rem}.intro-panel{padding-top:44px;padding-bottom:36px;min-height:calc(100svh - 230px)}.intro-panel .button-row{margin-top:auto;padding-top:40px}.intro-panel__art-card{display:grid;justify-items:center;gap:12px;margin-top:auto;padding-top:32px}.intro-panel__art{display:block;width:min(100%,170px)}.intro-panel__speech{padding:12px 18px;border-radius:999px;background:linear-gradient(135deg,#dff56adb,#f3e197c2);color:var(--ink);font-size:.95rem}.button-row--result{display:grid;grid-template-columns:1fr;gap:12px;margin-top:22px}@media (min-width: 560px){.button-row--result{grid-template-columns:1.15fr .85fr}}@media (max-width: 559px){.button-row{flex-direction:column}.topbar{min-height:158px}.hero-panel__speech{position:static;margin-top:12px;width:fit-content;margin-left:auto}}@media (min-width: 768px){.app-shell{padding:30px 18px 28px}.panel,.topbar{padding-left:24px;padding-right:24px}.app-frame{min-height:calc(100svh - 58px)}}.result-card{gap:18px}.result-poster{position:relative;overflow:hidden;padding:20px 18px 18px;border-radius:34px;background:radial-gradient(circle at 20% 15%,rgba(223,245,106,.4),transparent 32%),radial-gradient(circle at 84% 86%,rgba(255,197,164,.42),transparent 30%),linear-gradient(180deg,#fffffffc,#fbfff4f5);border:1px solid rgba(25,51,45,.08);box-shadow:0 18px 36px #19332d14,inset 0 0 0 8px #ffffffc2}.result-poster:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 8% 88%,rgba(223,245,106,.3),transparent 20%),radial-gradient(circle at 95% 8%,rgba(255,197,164,.32),transparent 22%);pointer-events:none}.result-poster__top,.result-poster h2,.result-card__subtitle,.result-poster__artboard,.result-poster .compliance{position:relative;z-index:1}.result-poster__top{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:10px}.result-poster__energy,.result-poster__eyebrow{display:inline-flex;align-items:center;padding:8px 12px;border-radius:999px;font-size:.86rem}.result-poster__energy{background:linear-gradient(135deg,#dff56ae6,#f3e197d1);color:var(--ink)}.result-poster__eyebrow{background:#ffffffd1;color:var(--ink-soft)}.result-poster h2{margin:0 0 8px;font-size:clamp(1.8rem,5vw,2.4rem);line-height:1.02}.result-card__subtitle{margin:0 0 14px;font-size:1rem;line-height:1.55}.result-poster__artboard{padding:16px 14px 14px;border-radius:26px;background:#ffffffad;border:1px solid rgba(25,51,45,.05)}.result-poster__meter{margin-bottom:12px}.result-poster__art{display:block;width:min(100%,250px);margin:0 auto 12px}.result-poster__tags{justify-content:center}