:root{--brand: #7d88f5;--brand-deep: #5968d9;--brand-soft: #f0f1ff;--ice: #a7e3fb;--gradient: linear-gradient(118deg, #727cf3 0%, #8e91f5 48%, #9ee4f7 100%);--selected: linear-gradient(135deg, rgba(139,149,246,.16), rgba(199,238,255,.34));--bg: #f3f5f9;--surface: #ffffff;--ink: #252b44;--ink-2: #3f486a;--muted: #8e95a6;--line: #dde3f0;--line-strong: #bfc8e7;--warm: #b88126;--warm-bg: #fff9e8;--cool: #607087;--cool-bg: #eef2f7;--radius-xl: 24px;--radius-lg: 20px;--radius-md: 16px;--shadow: 0 8px 24px rgba(57, 66, 110, .07);--shadow-float: 0 16px 40px rgba(73, 81, 136, .16);font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,PingFang SC,Microsoft YaHei,sans-serif;color:var(--ink);background:#e9edf5;font-synthesis:none}*{box-sizing:border-box}html,body{margin:0;min-height:100%}button,input{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible{outline:3px solid rgba(125,136,245,.25);outline-offset:2px}img{display:block;max-width:100%}body{min-height:100vh;background:radial-gradient(circle at 15% 10%,rgba(167,227,251,.28),transparent 28%),radial-gradient(circle at 85% 90%,rgba(139,149,246,.22),transparent 32%),#e9edf5}.prototype-stage{min-height:100vh;display:grid;align-content:center;justify-items:center;gap:14px;padding:24px}.prototype-toolbar{width:min(760px,calc(100vw - 32px));display:flex;align-items:center;justify-content:space-between;gap:16px;color:#49516e}.prototype-toolbar strong{display:block;font-size:14px}.prototype-toolbar span{display:block;margin-top:3px;font-size:12px;color:#81899e}.toolbar-actions{display:flex;gap:8px}.toolbar-btn{border:1px solid rgba(125,136,245,.28);background:#ffffffb8;color:var(--brand-deep);border-radius:12px;min-height:36px;padding:0 13px;backdrop-filter:blur(12px)}.phone{position:relative;width:390px;height:844px;overflow:hidden;border-radius:34px;background:var(--surface);box-shadow:0 30px 80px #343c6438,0 0 0 1px #ffffffeb}#app{height:100%}.screen{height:100%;display:flex;flex-direction:column;background:var(--bg);overflow:hidden}.screen.white{background:#fff}.status-bar{height:44px;flex:0 0 44px;display:flex;align-items:center;justify-content:space-between;padding:8px 20px 0;background:#fffffff7;color:#11131a;font-size:14px;font-weight:680;z-index:5}.status-icons{display:flex;align-items:center;gap:6px}.signal{display:flex;gap:2px;align-items:end;height:12px}.signal i{width:3px;border-radius:2px;background:#11131a;display:block}.signal i:nth-child(1){height:4px}.signal i:nth-child(2){height:7px}.signal i:nth-child(3){height:10px}.signal i:nth-child(4){height:12px}.wifi{width:15px;height:11px;border-top:2px solid #11131a;border-radius:50%;position:relative}.wifi:after{content:"";position:absolute;width:4px;height:4px;border-radius:50%;background:#11131a;left:5px;top:5px}.battery{width:23px;height:11px;border:1.5px solid #11131a;border-radius:3px;padding:1.5px;position:relative}.battery:before{content:"";display:block;height:100%;border-radius:1px;background:#11131a}.battery:after{content:"";position:absolute;right:-3px;top:3px;width:2px;height:4px;border-radius:0 2px 2px 0;background:#11131a}.screen-header{min-height:56px;flex:0 0 auto;display:grid;grid-template-columns:44px 1fr 72px;align-items:center;padding:0 20px;background:#fffffff5;border-bottom:1px solid rgba(221,227,240,.9);z-index:4}.screen-header.logo-header{grid-template-columns:1fr auto}.header-title{text-align:center;font-size:15px;font-weight:630;color:var(--ink-2)}.header-action{justify-self:end;border:0;background:transparent;color:var(--brand-deep);font-size:12px;padding:10px 0}.back-button,.icon-button{border:0;background:transparent;color:#3d4668;width:40px;height:40px;display:grid;place-items:center;border-radius:14px;font-size:24px}.circle-action{border:1px solid #d7ddf0;background:#fff;width:36px;height:36px;border-radius:50%;color:var(--brand-deep);display:grid;place-items:center}.brand-logo{width:150px;height:34px;object-fit:contain;object-position:left center}.brand-logo.small{width:118px;height:27px}.screen-content{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:none;padding:16px 20px 28px;scroll-behavior:smooth}.screen-content::-webkit-scrollbar{display:none}.screen-content.flush{padding:0}.content-white{background:#fff}.section{margin-bottom:22px}.section-title{margin:0 0 7px;font-size:20px;letter-spacing:-.35px}.section-caption{margin:0;color:var(--muted);font-size:12px;line-height:1.65}.eyebrow{color:var(--brand-deep);font-size:10px;letter-spacing:.12em;font-weight:650}.page-title{margin:0;font-size:28px;line-height:1.24;letter-spacing:-.8px;font-weight:710}.page-title.large{font-size:34px;line-height:1.18}.page-title .accent,.accent{color:var(--brand-deep)}.page-subtitle{margin:10px 0 0;font-size:13px;line-height:1.7;color:var(--muted)}.center{text-align:center}.muted{color:var(--muted)}.text-link{border:0;background:transparent;color:var(--brand-deep);padding:8px;font-size:12px}.card{background:#fffffff5;border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow)}.glass-card{background:linear-gradient(135deg,#fffffff0,#f4f7ffc7);backdrop-filter:blur(14px)}.soft-card{background:linear-gradient(135deg,#f0f1ffc7,#e7f7ffe6);border-color:#d9dff0}.warm-card{background:var(--warm-bg);border-color:#e8d8a7}.cool-card{background:var(--cool-bg);border-color:#d5dce7}.progress-header{display:flex;align-items:center;gap:10px;justify-content:center}.progress-track{width:90px;height:4px;border-radius:999px;background:#e6eaf3;overflow:hidden}.progress-track>i{display:block;height:100%;background:var(--brand);border-radius:inherit}.progress-label{font-size:11px;color:#66708d;min-width:28px}.bottom-nav{flex:0 0 72px;height:72px;display:grid;grid-template-columns:repeat(4,1fr);align-items:start;padding:9px 8px max(8px,env(safe-area-inset-bottom));background:#fffffff5;border-top:1px solid var(--line);box-shadow:0 -8px 22px #41496f09;z-index:6}.nav-item{border:0;background:transparent;color:#9aa3b7;display:flex;flex-direction:column;align-items:center;gap:3px;font-size:10px;min-height:52px;padding:2px 0}.nav-item.active{color:#6472f1;font-weight:620}.nav-icon{width:22px;height:22px;display:grid;place-items:center}.nav-icon svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.primary-button,.secondary-button,.ghost-button{min-height:54px;width:100%;border-radius:18px;font-size:15px;font-weight:620;border:0;transition:transform .16s ease,opacity .16s ease,box-shadow .16s ease}.primary-button{background:var(--gradient);color:#fff;box-shadow:0 10px 24px #707cf338}.primary-button:active,.secondary-button:active,.option:active{transform:scale(.985)}.primary-button:disabled{background:#e3e7ef;color:#a9b0bf;box-shadow:none;cursor:not-allowed}.secondary-button{background:#fff;color:#5968d9;border:1px solid #98a2f7}.ghost-button{background:#fff;color:#69718b;border:1px solid var(--line)}.button-stack{display:grid;gap:10px}.sticky-actions{position:sticky;bottom:-28px;margin:20px -20px -28px;padding:24px 20px 16px;background:linear-gradient(180deg,#f3f5f900,#fffffffa 28%);z-index:3}.hero{position:relative;padding:6px 0 0}.hero-copy{position:relative;z-index:2;max-width:320px}.hero-ip{width:178px;height:218px;object-fit:contain;margin:6px auto -8px;filter:drop-shadow(0 14px 22px rgba(104,116,184,.18))}.hero-ip.small{width:142px;height:162px;margin:0}.hero-halo{position:absolute;width:190px;height:190px;border-radius:50%;background:radial-gradient(circle,rgba(139,149,246,.28),rgba(199,238,255,.12) 58%,transparent 72%);filter:blur(3px)}.hero-home{display:grid;grid-template-columns:1fr 142px;align-items:center;min-height:235px}.hero-home .hero-halo{right:-10px;top:18px}.hero-home .hero-ip{position:relative;z-index:1}.value-list{padding:8px 16px;margin:8px 0 16px}.value-row{display:grid;grid-template-columns:16px 1fr;gap:10px;align-items:center;min-height:50px;border-bottom:1px solid #edf0f5}.value-row:last-child{border-bottom:0}.dot{width:7px;height:7px;border-radius:50%;background:var(--brand);box-shadow:0 0 0 6px #7d88f517}.value-row strong{display:block;color:var(--ink-2);font-size:13px}.value-row span{display:block;margin-top:3px;color:var(--muted);font-size:10px}.option-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.option-grid.compact{gap:8px}.option-grid.single{grid-template-columns:1fr}.option.full{grid-column:1/-1}.option{min-height:48px;border:1px solid var(--line);border-radius:17px;background:#fff;color:#3f486a;box-shadow:0 6px 16px #3e466e0b;padding:9px 12px;position:relative;text-align:center;transition:.16s ease}.option.small{min-height:38px;border-radius:14px;padding:7px 9px;font-size:12px}.option.selected{background:var(--selected);border-color:#7d88f5;color:#5968d9;font-weight:620;box-shadow:0 6px 18px #7d88f517}.option .order{position:absolute;right:8px;top:7px;width:20px;height:20px;border-radius:50%;display:grid;place-items:center;background:var(--brand);color:#fff;font-size:10px}.option.text-card{text-align:left;min-height:56px;padding:10px 14px 9px 46px}.option.text-card strong{display:block;font-size:13px}.option.text-card span{display:block;margin-top:3px;color:var(--muted);font-size:9.5px;font-weight:430}.option.text-card .order{left:12px;right:auto;top:16px}.option.radio{text-align:left;padding-right:42px}.option.radio:after{content:"";position:absolute;right:15px;top:50%;width:14px;height:14px;border:1.5px solid #c7d0e5;border-radius:50%;transform:translateY(-50%)}.option.radio.selected:after{border:5px solid var(--brand)}.count-line{display:flex;justify-content:flex-end;margin:5px 0 10px;color:#79829b;font-size:11px}.segment-card{margin-top:16px;padding:13px}.segment-card h3{margin:0 0 10px;font-size:12px;color:var(--ink-2)}.segments{display:grid;grid-template-columns:repeat(2,1fr);gap:7px}.segment{min-height:30px;border:1px solid var(--line);background:#fff;color:#858da4;border-radius:11px;font-size:10px}.segment.selected{background:var(--brand-soft);border-color:#adb6f7;color:var(--brand-deep)}.summary-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.summary-card{padding:14px;min-height:96px}.summary-card.full{grid-column:1/-1}.summary-card span{display:block;color:#8c94a8;font-size:10px;margin-bottom:8px}.summary-card strong{font-size:13px;line-height:1.45;color:#404966}.tendency-card{margin-top:14px;padding:16px}.thin-progress{height:5px;background:#e5e9f2;border-radius:99px;overflow:hidden}.thin-progress i{display:block;height:100%;background:var(--gradient);border-radius:inherit}.info-stack{display:grid;gap:10px}.info-card{padding:14px 16px}.info-card p{margin:0;font-size:11px;line-height:1.65;color:#68718c}.bullet-line{display:grid;grid-template-columns:8px 1fr;gap:9px;align-items:start}.bullet-line+.bullet-line{margin-top:9px}.bullet-line:before{content:"";width:5px;height:5px;margin-top:6px;border-radius:50%;background:var(--brand)}.upload-tip{display:grid;grid-template-columns:50px 1fr;gap:12px;align-items:center;padding:12px}.mini-avatar{width:48px;height:48px;object-fit:contain;border-radius:16px;background:var(--brand-soft)}.upload-frame{min-height:210px;border:1px solid var(--line);border-radius:18px;background:#f4f6fa;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:18px;overflow:hidden}.upload-plus{width:64px;height:64px;border-radius:50%;border:1.5px solid #8f9af7;color:#6573ee;display:grid;place-items:center;font-size:38px;font-weight:300;margin-bottom:12px}.upload-frame h3{margin:0;font-size:16px;color:#404a6b}.upload-frame p{margin:8px 0 0;font-size:10px;line-height:1.6;color:#9aa1b3}.upload-preview{width:100%;max-height:210px;object-fit:contain;border-radius:14px}.hidden-input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.privacy-card{margin-top:14px;padding:13px 15px;font-size:10.5px;line-height:1.6;color:#68718c}.product-list{display:grid;gap:10px}.product-card{position:relative;display:grid;grid-template-columns:76px 1fr auto;gap:12px;padding:12px;min-height:106px;align-items:center}.product-card.clickable{cursor:pointer}.product-card.clickable:active{background:#f6f7ff;box-shadow:none}.product-image-box{width:72px;height:72px;border-radius:17px;background:#f3f5f9;display:grid;place-items:center;overflow:hidden}.product-image-box img{width:64px;height:64px;object-fit:contain}.product-copy{min-width:0}.product-brand{color:#9299ac;font-size:9.5px}.product-name{margin:4px 0;font-size:13px;font-weight:650;color:#3d4668;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.product-meta{color:#8e95a6;font-size:10px;line-height:1.55}.product-price{margin-top:4px;font-size:13px;font-weight:650;color:#303854}.confidence{padding:5px 8px;border-radius:10px;background:#f0f2ff;color:#6673e8;font-size:9.5px;align-self:end}.status-tag{display:inline-flex;align-items:center;justify-content:center;min-height:23px;padding:0 10px;border-radius:12px;font-size:9.5px;font-weight:650;border:1px solid}.status-tag.buy{color:var(--brand-deep);background:var(--brand-soft);border-color:#aab2f7}.status-tag.wait{color:var(--warm);background:var(--warm-bg);border-color:#dec78c}.status-tag.skip{color:var(--cool);background:var(--cool-bg);border-color:#c2cedc}.recognize-orbit{width:170px;height:170px;margin:28px auto 12px;position:relative;display:grid;place-items:center}.recognize-orbit:before,.recognize-orbit:after{content:"";position:absolute;inset:12px;border-radius:50%;border:1px solid rgba(125,136,245,.28);animation:spin 4s linear infinite}.recognize-orbit:after{inset:0;border-style:dashed;animation-direction:reverse;animation-duration:7s}.recognize-orbit img{width:110px;height:140px;object-fit:contain;position:relative;z-index:1}@keyframes spin{to{transform:rotate(360deg)}}.chat-stack{display:grid;gap:12px}.ai-message{display:grid;grid-template-columns:38px 1fr;gap:9px;align-items:start}.ai-message img{width:38px;height:38px;object-fit:contain}.bubble{background:#f5f7fb;border-radius:18px;padding:12px 14px;font-size:12px;line-height:1.55;color:#4b5575}.user-bubble{justify-self:end;max-width:245px;background:var(--gradient);color:#fff;padding:12px 16px;border-radius:18px 18px 4px;font-size:12px;line-height:1.5}.question-card{padding:14px}.question-label{font-size:10px;color:#6573ee;margin-bottom:7px}.question-card h3{margin:0 0 12px;font-size:14px;color:#303854}.quick-options{display:flex;flex-wrap:wrap;gap:7px}.quick-option{border:1px solid var(--line);background:#fff;color:#59617f;border-radius:12px;min-height:34px;padding:0 12px;font-size:10.5px}.quick-option.selected{background:var(--brand-soft);border-color:#8f9af7;color:var(--brand-deep)}.analysis-hero{display:grid;justify-items:center;text-align:center}.analysis-hero img{width:150px;height:190px;object-fit:contain;filter:drop-shadow(0 16px 26px rgba(104,116,184,.16))}.analysis-steps{margin:20px 0;padding-left:8px}.analysis-step{position:relative;display:grid;grid-template-columns:22px 1fr;gap:9px;min-height:42px;align-items:start;color:#9aa1b3;font-size:11.5px}.analysis-step:after{content:"";position:absolute;left:7px;top:18px;bottom:-2px;width:1px;background:#dfe4ee}.analysis-step:last-child:after{display:none}.step-dot{width:15px;height:15px;border-radius:50%;background:#e1e5ee;border:4px solid #f3f5f9;box-shadow:0 0 0 1px #d9deeb}.analysis-step.done,.analysis-step.active{color:var(--brand-deep)}.analysis-step.done .step-dot,.analysis-step.active .step-dot{background:var(--brand);box-shadow:0 0 0 1px #7d88f5}.analysis-step.active .step-dot{box-shadow:0 0 0 6px #7d88f521}.report-title-card{padding:14px 16px;margin-top:10px}.report-card{padding:14px;border-width:1.2px}.report-card.buy{border-color:#8f9af7}.report-card.wait{border-color:#e8d8a7}.report-card.skip{border-color:#ced7e3}.report-product{display:grid;grid-template-columns:72px 62px 1fr;gap:10px;align-items:center;margin-top:10px}.score strong{display:block;font-size:23px;color:var(--brand-deep)}.score span{color:#9299ac;font-size:9px}.fact-list{display:grid;gap:7px}.fact{display:grid;grid-template-columns:34px 1fr;gap:7px;font-size:9.5px;align-items:center}.fact b{padding:4px 5px;border-radius:7px;background:var(--brand-soft);color:var(--brand-deep);text-align:center;font-size:8.5px}.report-decisions>span{display:block;margin-bottom:8px;font-size:10px;font-weight:650;color:#4a5375}.decision-button{min-height:32px;border:1px solid var(--line);background:#fff;color:#59617f;border-radius:13px;font-size:10px}.decision-button.selected.buy{background:var(--selected);border-color:#7d88f5;color:var(--brand-deep)}.detail-hero-card{padding:15px}.detail-summary{display:grid;grid-template-columns:118px 1fr;gap:14px;align-items:start}.detail-copy h1{margin:5px 0;font-size:21px}.score-line{display:flex;align-items:center;justify-content:space-between;margin-top:8px}.score-ring{--score:84;width:65px;height:65px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--brand) calc(var(--score) * 1%),#d8ddf8 0);position:relative;flex:0 0 65px}.score-ring:before{content:"";position:absolute;inset:6px;border-radius:50%;background:#fff}.score-ring strong{position:relative;z-index:1;color:var(--brand-deep);font-size:20px}.detail-reasons{padding:6px 16px}.reason-block{padding:14px 0;border-bottom:1px solid #e8ebf2}.reason-block strong{color:var(--brand-deep);font-size:11px}.reason-block p{margin:7px 0 0;color:#68718c;font-size:11px;line-height:1.65}.shushu-note{display:grid;grid-template-columns:70px 1fr;gap:12px;align-items:center;padding:12px}.platform-card{display:grid;grid-template-columns:54px 1fr auto;gap:10px;align-items:center;padding:12px 14px}.platform-badge{width:48px;height:48px;border-radius:14px;background:#f1f3fb;display:grid;place-items:center;color:var(--brand-deep);font-size:11px;font-weight:650}.platform-card h4{margin:0;font-size:12px}.platform-card strong{color:#2f3857;font-size:18px}.platform-card p{margin:3px 0 0;color:#9299ac;font-size:9px}.platform-card button{min-height:34px;border:1px solid #8f9af7;background:#fff;color:var(--brand-deep);border-radius:14px;padding:0 13px;font-size:10px}.filter-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin:8px 0 14px}.filter-tab{min-height:41px;padding:0 5px;border:1px solid var(--line);background:#fff;color:#7e869d;border-radius:16px;font-size:10.5px}.filter-tab.active.buy,.filter-tab.active.all{background:var(--selected);border-color:#7d88f5;color:var(--brand-deep)}.filter-tab.active.wait{background:var(--warm-bg);border-color:#dec78c;color:var(--warm)}.filter-tab.active.skip{background:var(--cool-bg);border-color:#bdc9d8;color:var(--cool)}.memory-card p{margin:0;font-size:11px;color:#4a5375;line-height:1.5}.memory-record{grid-template-columns:76px 1fr 70px}.memory-record .record-side{align-self:stretch;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-end}.record-time{font-size:9.5px;color:#9aa1b3}.empty-state{min-height:440px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:28px}.empty-state img{width:112px;height:128px;object-fit:contain}.empty-state h2{margin:12px 0 5px;font-size:20px}.empty-state p{margin:0 0 18px;font-size:11px;line-height:1.65;color:var(--muted)}.user-avatar{width:78px;height:78px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#ebeaff,#d4edff);border:3px solid #fff;box-shadow:0 0 0 3px #e2e5ff,var(--shadow);color:#6573ee;font-size:28px}.menu-row{width:100%;min-height:76px;display:grid;grid-template-columns:44px 1fr auto 18px;align-items:center;gap:10px;border:0;border-bottom:1px solid #e9ecf3;background:transparent;text-align:left;color:#46506f}.menu-icon{width:40px;height:40px;border-radius:14px;background:var(--brand-soft);display:grid;place-items:center;color:#6573ee}.personality-score{font-size:54px;font-weight:720;line-height:1;color:var(--brand-deep)}.trait-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.timeline-item p{margin:0;font-size:10px;color:var(--muted);line-height:1.55}.state-card p{margin:0 auto 18px;max-width:290px;font-size:11px;color:var(--muted);line-height:1.7}.form-card{padding:12px}.form-card input{width:100%;height:42px;margin-bottom:8px;border:1px solid var(--line);background:#f4f6fa;border-radius:13px;padding:0 12px;color:var(--ink-2)}.toast-root{position:absolute;left:20px;right:20px;bottom:90px;z-index:30;pointer-events:none;display:grid;justify-items:center}.toast{padding:11px 16px;border:1px solid #d7ddf0;border-radius:15px;background:#ffffffeb;color:var(--brand-deep);font-size:11px;box-shadow:var(--shadow-float);backdrop-filter:blur(14px);animation:toast-in .2s ease both}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}}.modal-backdrop{position:absolute;inset:0;background:#f7f9fc9e;backdrop-filter:blur(3px);z-index:20;display:flex;align-items:flex-end}.bottom-sheet{width:100%;padding:14px 20px 22px;border-radius:26px 26px 0 0;background:#fffffff2;border:1px solid #d7ddf0;box-shadow:0 -16px 40px #434b7529}.sheet-handle{width:44px;height:4px;border-radius:999px;background:#d7dbe4;margin:0 auto 18px}.bottom-sheet h2{margin:0 0 8px;font-size:20px}.bottom-sheet p{margin:0 0 16px;font-size:11px;line-height:1.65;color:var(--muted)}.state-lab{position:fixed;inset:0;z-index:100;display:none;align-items:center;justify-content:center;padding:20px;background:#252b4447;backdrop-filter:blur(10px)}.state-lab.open{display:flex}.state-lab-panel{width:min(440px,100%);border:1px solid rgba(255,255,255,.8);border-radius:24px;padding:20px;background:#fffffff0;box-shadow:var(--shadow-float)}.lab-header{display:flex;align-items:center;justify-content:space-between}.lab-header h2{margin:4px 0 0}.state-lab-panel>p,.lab-note{color:var(--muted);font-size:11px;line-height:1.6}.lab-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:9px;margin:16px 0}.lab-grid button{min-height:44px;border:1px solid var(--line);background:#fff;color:var(--ink-2);border-radius:14px}@media (max-width: 520px){body{background:#fff}.prototype-stage{display:block;padding:0}.prototype-toolbar{display:none}.phone{width:100vw;height:100dvh;min-height:680px;border-radius:0;box-shadow:none}.status-bar{padding-top:max(8px,env(safe-area-inset-top));height:calc(44px + env(safe-area-inset-top));flex-basis:calc(44px + env(safe-area-inset-top))}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;scroll-behavior:auto!important}}.vue-stage{padding:24px}.vue-stage .phone{flex:0 0 auto}.vue-stage .screen-content{background:inherit}.micro-note{font-size:9.5px;line-height:1.6;margin:12px 0}.full-width{width:100%}.summary-hero,.memory-confirm-head{display:grid;grid-template-columns:1fr 120px;gap:10px;align-items:center}.summary-hero img,.memory-confirm-head>img{width:120px;height:150px;object-fit:contain}.summary-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:14px 0}.summary-card{min-height:88px;padding:13px;display:grid;gap:7px}.summary-card span{color:var(--muted);font-size:10px}.summary-card strong{color:var(--ink-2);font-size:12px;line-height:1.45}.tendency-card{padding:16px;margin-bottom:16px}.tendency-card h3{margin:7px 0;font-size:16px}.tendency-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.tendency-head strong{color:var(--brand-deep);font-size:20px}.tendency-card .thin-progress{margin:3px 0 10px}.summary-personality-card{width:100%;margin-bottom:16px;border:1px solid #dce3f4;cursor:pointer}.summary-personality-card h2{margin:7px 0 5px;color:var(--ink-2);font-size:23px}.summary-personality-card .section-caption{margin:0}.startup-splash{min-height:520px;justify-content:center}.startup-splash .hero-ip{margin:18px auto 8px}.hero-visual{position:relative}.info-stack{display:grid;gap:10px;margin-top:18px}.memory-candidate-list .option{font-size:12px}.anonymous-home-note{margin:0;color:var(--muted);font-size:9px;line-height:1.4;text-align:right}.info-card{padding:14px}.info-card h3{margin:0 0 7px;font-size:13px}.info-card p{margin:5px 0;color:var(--muted);font-size:11px;line-height:1.55}.home-personality-card{width:100%;padding:14px 16px;margin-top:10px;border:1px solid #d9dff0;text-align:left;color:var(--ink-2)}.home-personality-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.home-personality-head strong{font-size:12px}.home-personality-head span{color:var(--brand-deep);font-size:16px;font-weight:700}.home-personality-card small{display:block;margin-top:8px;color:var(--warm);font-size:8.5px}.upload-tip{display:flex;gap:10px;align-items:center;padding:12px;margin-bottom:14px;color:var(--ink-2);font-size:13px;line-height:1.45}.mini-avatar{width:42px;height:48px;object-fit:contain}.upload-zone{margin-top:16px;padding:16px;border:1.5px dashed #8f9af7;border-radius:24px;background:#fff;box-shadow:var(--shadow)}.upload-frame{min-height:300px;display:grid;place-items:center;align-content:center;gap:9px;border:1px solid var(--line);border-radius:18px;background:#f4f6fa;text-align:center;color:var(--muted)}.upload-frame h3,.upload-frame p{margin:0}.upload-frame h3{color:var(--ink-2);font-size:14px}.upload-frame p{font-size:11px;line-height:1.6}.upload-plus{color:var(--brand);font-size:38px;font-weight:300}.upload-preview{width:100%;max-height:268px;object-fit:contain;border-radius:14px}.hidden-input{width:1px;height:1px;opacity:0;position:absolute}.privacy-card{padding:14px;margin-top:14px;color:var(--muted);font-size:10.5px;line-height:1.6}.upload-primary-action{display:grid;place-items:center;margin-top:14px;text-align:center;cursor:pointer}.upload-example-action{display:grid;width:100%;min-height:42px;margin-top:10px;place-items:center;font-size:12px}.demo-marker{color:var(--warm);font-size:9.5px;line-height:1.5;text-align:center;margin:14px 0}.recognition-progress{margin-top:25px}.recognition-status-card{min-height:132px;padding:17px 15px}.recognition-status-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.recognition-status-head h3{margin:0}.recognition-status-head b{color:var(--brand-deep);font-size:15px}.recognition-load-track{height:7px;margin-top:16px;overflow:hidden;border-radius:999px;background:#e2e6ef}.recognition-load-track i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#786fee,#8ddcf0);transition:width .45s ease}.recognition-pulse{display:flex;justify-content:center;gap:8px;margin:22px 0}.recognition-pulse i{width:8px;height:8px;border-radius:50%;background:var(--brand);animation:recognition-pulse 1.1s ease-in-out infinite}.recognition-pulse i:nth-child(2){animation-delay:.16s}.recognition-pulse i:nth-child(3){animation-delay:.32s}@keyframes recognition-pulse{0%,to{opacity:.25;transform:translateY(0)}50%{opacity:1;transform:translateY(-5px)}}.budget-change{display:flex;align-items:center;gap:8px;margin:16px 4px 0;color:var(--ink-2);font-size:11px}.budget-change input{accent-color:var(--brand)}.input-summary h3{margin:0 0 10px;color:var(--brand-deep);font-size:12px}.inline-input{width:100%;border:0;background:transparent;padding:2px 0;min-width:0}.inline-input:focus{outline:1px solid var(--brand);border-radius:4px}.needs-review{border-color:#d9b567;background:#fffdf4}.product-actions{display:grid;align-self:stretch;align-content:space-between;justify-items:end;gap:6px}.product-actions .text-link{font-size:10px;padding:3px}.report-top,.memory-heading{display:flex;justify-content:space-between;align-items:center}.report-heading{margin:18px 0 10px;font-size:29px}.report-facts{display:flex;justify-content:space-between;font-size:11px}.report-title-card{padding:14px 16px;margin-bottom:16px}.report-title-card p{font-size:9.5px;line-height:1.6;margin:8px 0 0}.decision-time-card{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:88px;margin-bottom:18px;padding:14px 16px;border-color:#d8dfef;background:#fff}.decision-time-card div{display:grid;gap:10px}.decision-time-card strong{color:var(--ink-2);font-size:12px}.decision-time-card span{color:var(--muted);font-size:10px;line-height:1.5}.decision-time-card b{flex:0 0 auto;color:var(--brand-deep);font-size:20px;white-space:nowrap}.report-insight-card{display:grid;grid-template-columns:54px minmax(0,1fr);gap:12px;align-items:center;min-height:96px;margin:16px 0 22px;padding:14px;border-color:#dde3f0;background:var(--selected)}.report-insight-avatar{width:54px;height:54px;overflow:hidden;border:1px solid #dde2f2;border-radius:50%;background:var(--brand-soft)}.report-insight-avatar img{width:54px;height:66px;margin-top:-3px;object-fit:contain}.report-insight-copy strong{display:block;margin-bottom:7px;color:var(--brand-deep);font-size:12.5px}.report-insight-copy p{margin:0;color:#59617f;font-size:11.5px;line-height:1.55}.report-feedback{margin:0 0 18px}.report-feedback h2{margin:0 0 12px;color:var(--ink-2);font-size:19px;line-height:1.3}.report-feedback-options{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.report-feedback-options button{min-height:48px;border:1px solid #d9dfef;border-radius:18px;background:#fff;color:#67708b;font-size:11.5px;font-weight:650}.report-feedback-options button.selected{border-color:#7482ff;background:var(--selected);color:var(--brand-deep)}.report-decisions{margin-top:12px;padding-top:11px;border-top:1px solid #e8ebf2}.report-decisions>span{display:block;margin-bottom:8px;font-size:10px;color:var(--ink-2)}.decision-row{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.decision-button{min-height:32px;border:1px solid var(--line);background:#fff;color:var(--ink-2);border-radius:13px;font-size:10px}.decision-button.selected.buy{background:var(--selected);border-color:var(--brand);color:var(--brand-deep)}.decision-button.selected.wait{background:var(--warm-bg);border-color:#dec78c;color:var(--warm)}.decision-button.selected.skip{background:var(--cool-bg);border-color:#bdc9d8;color:var(--cool)}.report-recommendation-tag{min-height:31px;padding:0 16px;border-radius:16px;font-size:12px;letter-spacing:.01em}.detail-hero-card{min-height:292px;padding:15px}.detail-summary{display:grid;grid-template-columns:116px minmax(0,1fr);gap:18px}.detail-image-box{width:116px;height:116px;border-radius:20px;background:#f3f5f9;display:grid;place-items:center;overflow:hidden}.detail-image-box img{width:92px;height:92px;object-fit:contain}.detail-copy{min-width:0}.detail-copy h1{overflow:hidden;margin:6px 0;font-size:21px;line-height:1.25;text-overflow:ellipsis;white-space:nowrap}.detail-copy .status-tag{display:flex;width:max-content;min-height:24px;margin-top:9px;font-size:10px}.score-line{display:flex;align-items:center;justify-content:space-between;margin-top:14px}.score-line h3{margin:3px 0 0;font-size:22px;line-height:1}.score-ring{--score: 0;width:65px;height:65px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--brand) calc(var(--score) * 1%),#d8ddf8 0);position:relative}.score-ring:before{content:"";position:absolute;inset:6px;background:#fff;border-radius:50%}.score-ring strong{position:relative;color:var(--brand-deep);font-size:20px}.detail-recommendation-title{margin:8px 0 4px;color:var(--ink-2);font-size:15px;line-height:1.3}.detail-recommendation-summary{display:-webkit-box;overflow:hidden;margin:0;color:var(--muted);font-size:10.5px;line-height:1.5;-webkit-box-orient:vertical;-webkit-line-clamp:2}.detail-evidence-note{margin:12px 0 0}.detail-recommendation-section{margin-top:16px}.detail-recommendation-section .section-title{margin-bottom:9px;font-size:20px}.detail-reasons{min-height:352px;padding:8px 16px}.reason-block{padding:15px 0;border-bottom:1px solid #e8ebf2}.reason-block:last-child{border-bottom:0}.reason-block strong{color:var(--brand-deep);font-size:12.5px}.reason-block p{margin:7px 0 0;color:var(--muted);font-size:11.5px;line-height:1.65}.detail-companion-card{display:grid;grid-template-columns:70px minmax(0,1fr);gap:12px;align-items:center;min-height:110px;margin:16px 0 30px;padding:14px;border-color:#dde3f0;background:var(--selected)}.detail-companion-card img{width:70px;height:84px;object-fit:contain}.detail-companion-card strong{color:#6573ee;font-size:11.5px}.detail-companion-card h3{margin:8px 0 5px;color:#4a5375;font-size:11.8px}.detail-companion-card p{margin:0;color:#747c96;font-size:10.8px;line-height:1.55}.detail-decision-section{margin-top:0}.detail-decision-section .section-title{margin-bottom:5px}.detail-decision-row{gap:10px}.detail-decision-row .decision-button{min-height:46px;border-radius:16px;font-size:12px}.decision-saved-note{margin:12px 0 0;color:#6573ee;font-size:11px;font-weight:540}.platform-reference-section{margin-top:27px}.platform-reference-heading{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.platform-reference-heading .section-title{margin-bottom:7px}.platform-reference-heading span{color:#6573ee;font-size:10.5px}.platform-price-list{display:grid;gap:12px;margin-top:13px}.platform-price-card{display:grid;grid-template-columns:52px minmax(0,1fr) 64px;gap:12px;align-items:center;min-height:82px;padding:10px 14px}.platform-mark{display:grid;width:52px;height:48px;place-items:center;border-radius:15px;background:#f0f1ff;color:var(--brand-deep);font-size:11px;font-weight:650}.platform-price-copy{display:grid;min-width:0;gap:3px}.platform-price-copy strong{overflow:hidden;color:#4a5375;font-size:11.5px;text-overflow:ellipsis;white-space:nowrap}.platform-price-copy span{color:#9299ac;font-size:9.8px}.platform-price-copy b{color:var(--brand-deep);font-size:18px;line-height:1.1}.platform-price-copy em{width:max-content;max-width:100%;padding:2px 6px;border-radius:999px;background:#eff0ff;color:var(--brand-deep);font-size:8px;font-style:normal;white-space:nowrap}.platform-link{width:64px;min-height:32px;border:1px solid var(--brand);border-radius:13px;background:#fff;color:var(--brand-deep);font-size:10px}.purchase-jump-card{margin:18px 0 0;padding:16px;border-color:#dde3f0;background:#eef3f7}.purchase-jump-card h3{margin:0 0 10px;padding-bottom:10px;border-bottom:1px solid #dbe2ec;color:#4a5375;font-size:13px}.purchase-jump-card p{margin:0;color:#747c96;font-size:10.3px;line-height:1.7}.detail-static-disclaimer{margin:13px 0 21px;color:#9299ac;font-size:9.8px;text-align:center}.memory-card{display:grid;grid-template-columns:30px 1fr 20px;gap:10px;align-items:center;min-height:58px;padding:10px 12px}.memory-card p{margin:0;color:var(--ink-2);font-size:11px}.memory-symbol{width:28px;height:28px;border-radius:10px;background:var(--brand-soft);color:var(--brand-deep);display:grid;place-items:center}.section-caption{margin:-4px 0 12px;color:var(--muted);font-size:11px;line-height:1.55}.memory-history{margin-top:22px}.memory-history-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.memory-history-head .section-title{margin:0}.memory-record{display:grid;grid-template-columns:76px 1fr auto;gap:12px;align-items:center;padding:12px;min-height:104px}.memory-product-placeholder{width:72px;height:72px;border-radius:20px;display:grid;place-items:center;background:#f1f3fb;color:var(--brand-deep);font-size:22px}.memory-summary{margin-top:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.record-side{display:grid;justify-items:end;align-content:space-between;gap:14px;min-height:70px}.memory-loading{margin-top:48px}.memory-demo-notice{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center;padding:12px 14px;margin:4px 0 16px;background:linear-gradient(135deg,#fffaf0,#f2f8ff)}.memory-demo-notice strong{color:var(--ink-2);font-size:11px}.memory-demo-notice p{margin:4px 0 0;color:var(--muted);font-size:9.5px;line-height:1.5}.memory-preferences{margin-top:10px}.memory-filter-note{margin:14px 0}.memory-record .product-image-box span{color:var(--brand-deep);font-size:22px}.toast-enter-active,.toast-leave-active{transition:opacity .18s ease,transform .18s ease}.toast-enter-from,.toast-leave-to{opacity:0;transform:translateY(8px)}.profile-head{display:grid;grid-template-columns:78px 1fr;gap:18px;align-items:center;margin:4px 0 18px}.profile-reset-row{display:flex;justify-content:flex-end;height:0;position:relative;z-index:1}.user-avatar{width:78px;height:78px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#ebeaff,#d4edff);color:var(--brand-deep);font-size:28px}.profile-head h1{margin:0 0 5px;font-size:23px}.profile-head p{margin:0;color:var(--muted);font-size:12px}.menu-card{padding:0 15px}.menu-row{width:100%;min-height:76px;display:grid;grid-template-columns:44px 1fr auto 18px;align-items:center;gap:10px;border:0;border-bottom:1px solid #e9ecf3;background:transparent;text-align:left;color:var(--ink-2)}.menu-row:last-child{border-bottom:0}.menu-icon{width:40px;height:40px;border-radius:14px;background:var(--brand-soft);color:var(--brand-deep);display:grid;place-items:center}.menu-row strong{font-size:13px}.menu-row span{font-size:10px;color:var(--brand-deep)}.chevron{color:#a2a9ba;font-size:18px}.shushu-note{display:grid;grid-template-columns:70px 1fr;gap:12px;align-items:center;padding:12px;margin-top:18px}.shushu-note img{width:70px;height:84px;object-fit:contain}.shushu-note p{margin:7px 0 0;color:var(--ink-2);font-size:10.5px;line-height:1.65}.personality-growth-preview{position:relative;padding:16px;margin-top:18px}.personality-growth-preview h3{margin:8px 0 10px;font-size:14px}.personality-growth-preview p{margin:10px 0 0;color:var(--muted);font-size:10px;line-height:1.6}.demo-chip,.data-chip{display:inline-flex;align-items:center;min-height:22px;margin-top:12px;padding:0 9px;border:1px solid #d9c489;border-radius:999px;background:#fff9e8e6;color:var(--warm);font-size:9px}.data-chip{border-color:#d8e0f3;background:#f4f7ff;color:#6573ee}.personality-back{margin:-6px 0 4px -10px}.personality-hero{padding:18px;text-align:center}.personality-hero h1{margin:7px 0 5px;font-size:23px}.personality-hero .thin-progress{margin-top:14px}.personality-score{color:var(--brand-deep);font-size:54px;font-weight:720;line-height:1}.personality-traits{margin-top:18px}.trait-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.trait-card{padding:14px}.trait-card h3{margin:0 0 10px;font-size:12px}.trait-card p{margin:8px 0 0;color:var(--muted);font-size:9.5px;line-height:1.5}.personality-actions{margin-top:18px}.personality-page-chip{margin-top:12px}.personality-atlas{margin-top:14px}.atlas-title{display:flex;align-items:center;justify-content:space-between;gap:12px}.atlas-title h3{margin:0}.personality-timeline{padding:18px;margin-top:20px}.timeline{padding-left:16px}.timeline-item{position:relative;padding:0 0 18px 20px;border-left:1px solid #dfe4ee}.timeline-item:last-child{padding-bottom:0}.timeline-item:before{content:"";position:absolute;left:-5px;top:2px;width:9px;height:9px;border-radius:50%;background:var(--brand)}.timeline-item h3{margin:0 0 4px;font-size:12px}.timeline-item p{margin:0;color:var(--muted);font-size:10px;line-height:1.55}.poster-modal{position:absolute;z-index:20;inset:0;display:grid;place-items:center;padding:18px;background:#1c233e6b}.poster-modal-panel{position:relative;width:min(100%,340px);max-height:calc(100% - 20px);overflow:auto;padding:24px 16px 16px;border:1px solid #dce3f4;border-radius:24px;background:#fff;box-shadow:0 22px 48px #27305b3d}.poster-modal-panel h2{margin:0 0 14px;color:var(--ink-2);font-size:17px;text-align:center}.poster-close{position:absolute;top:8px;right:10px;width:28px;height:28px;border:0;background:transparent;color:#74809b;font-size:23px;line-height:1}.poster-preview{display:block;width:100%;margin:0 auto 15px;border-radius:14px;background:#f3f5ff;box-shadow:0 8px 18px #5969a82e}.state-card{padding:24px 18px;text-align:center}.state-card img{width:130px;height:150px;object-fit:contain;margin:0 auto}.state-card h1{font-size:24px;margin:6px 0 8px}.state-card p{margin:0 auto 18px;max-width:290px;color:var(--muted);font-size:11px;line-height:1.7}@media (max-width: 520px){.vue-stage{padding:0;min-height:100dvh}.vue-stage .phone{width:100vw;height:100dvh;min-height:680px;border-radius:0;box-shadow:none}}