:root{color:#0f172a;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#edf4fb;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{color:#0f172a;background:radial-gradient(circle at 0 0,rgba(86,156,255,.22),transparent 28%),radial-gradient(circle at 100% 0,rgba(37,99,235,.14),transparent 24%),linear-gradient(#eef5fc 0%,#f7f9fd 100%);min-height:100vh}button,input,select,textarea{font:inherit}button{cursor:pointer;background:0 0;border:none}.mobile-demo-shell{justify-content:center;min-height:100vh;padding:22px 12px;display:flex}.phone-frame{background:linear-gradient(#fafdff 0%,#f7faff 100%);border:1px solid rgba(209,223,239,.9);border-radius:32px;flex-direction:column;width:100%;max-width:430px;min-height:calc(100vh - 44px);display:flex;position:relative;overflow:hidden;box-shadow:0 24px 60px rgba(15,23,42,.12),0 10px 24px rgba(37,99,235,.08)}.phone-frame:before{content:"";pointer-events:none;background:radial-gradient(circle at top,rgba(59,130,246,.07),transparent 36%);position:absolute;top:0;bottom:0;left:0;right:0}.phone-header{z-index:5;backdrop-filter:blur(18px);background:rgba(250,252,255,.92);border-bottom:1px solid #e6edf5;justify-content:space-between;align-items:center;gap:12px;padding:18px 18px 14px;display:flex;position:sticky;top:0}.phone-topline{color:#64748b;letter-spacing:.2px;font-size:11px}.phone-title{letter-spacing:.2px;margin-top:4px;font-size:20px;font-weight:800}.header-badge{color:#1d4ed8;white-space:nowrap;background:linear-gradient(#eff6ff 0%,#dbeafe 100%);border-radius:999px;align-items:center;gap:6px;padding:8px 11px;font-size:12px;font-weight:700;display:inline-flex;box-shadow:inset 0 1px rgba(255,255,255,.7)}.phone-main{flex:1;padding:14px 14px 0;position:relative;overflow-y:auto}.page-content{gap:12px;display:grid}.card{background:rgba(255,255,255,.94);border:1px solid #e7eef7;border-radius:24px;padding:16px;box-shadow:0 8px 22px rgba(15,23,42,.05),inset 0 1px rgba(255,255,255,.65)}.hero-card,.market-hero-card,.warning-summary-card,.assistant-header-card,.purchase-intro-card,.premium-profile-card{overflow:hidden}.premium-hero{background:radial-gradient(circle at 92% 8%,rgba(96,165,250,.34),transparent 18%),linear-gradient(#ebf3ff 0%,#fff 78%);position:relative}.premium-hero:after,.market-hero-card:after,.warning-summary-card:after,.assistant-header-card:after,.purchase-intro-card:after,.premium-profile-card:after{content:"";pointer-events:none;background:radial-gradient(circle,rgba(59,130,246,.08),transparent 68%);border-radius:50%;width:170px;height:170px;position:absolute;top:auto;bottom:-36px;left:auto;right:-10%}.hero-kicker{color:#1d4ed8;background:rgba(29,78,216,.1);border-radius:999px;padding:6px 10px;font-size:12px;font-weight:700;display:inline-flex}.hero-title{margin-top:10px;font-size:24px;font-weight:800;line-height:1.28}.hero-desc,.section-desc,.item-sub,.warning-meta,.profile-sub,.metric-label,.purchase-intro-desc,.market-unit,.market-insight-text,.journey-item span,.result-hero-desc,.result-hero-label,.source-row-top span,.mini-stat-title,.mini-stat-sub{color:#64748b}.hero-desc{margin-top:8px;font-size:13px;line-height:1.75}.hero-highlight-row{grid-template-columns:1fr auto;align-items:stretch;gap:10px;margin-top:16px;display:grid}.hero-highlight{background:rgba(255,255,255,.82);border:1px solid #dbe7f4;border-radius:20px;gap:4px;padding:14px;display:grid}.highlight-label{color:#1d4ed8;font-size:11px;font-weight:700}.hero-highlight strong{font-size:15px}.hero-highlight span:last-child{color:#475569;font-size:12px;line-height:1.7}.hero-action{color:#fff;background:linear-gradient(#2f6fff 0%,#1d4ed8 100%);border-radius:18px;min-width:102px;padding:0 16px;font-size:13px;font-weight:700}.stats-grid,.metric-grid-two,.warning-summary-grid{gap:10px;display:grid}.stats-grid,.metric-grid-two{grid-template-columns:repeat(2,minmax(0,1fr))}.stats-grid{margin-top:14px}.mini-stat{background:rgba(255,255,255,.76);border-radius:20px;padding:14px}.mini-stat-blue{background:linear-gradient(rgba(227,240,255,.95),rgba(255,255,255,.92))}.mini-stat-red{background:linear-gradient(rgba(255,239,239,.95),rgba(255,255,255,.92))}.mini-stat-green{background:linear-gradient(rgba(235,252,242,.95),rgba(255,255,255,.92))}.mini-stat-gold{background:linear-gradient(rgba(255,249,232,.95),rgba(255,255,255,.92))}.mini-stat-title{font-size:12px}.mini-stat-value{color:#0f172a;margin-top:8px;font-size:24px;font-weight:800}.mini-stat-sub{margin-top:6px;font-size:11px;line-height:1.5}.section-header{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.section-title{font-size:16px;font-weight:800;line-height:1.35}.section-desc{margin-top:4px;font-size:12px;line-height:1.6}.text-link{color:#1d4ed8;font-size:13px;font-weight:700}.journey-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:14px;display:grid}.journey-item{background:linear-gradient(#f8fbff 0%,#fff 100%);border:1px solid #e8eef7;border-radius:18px;gap:6px;padding:13px 14px;display:grid}.journey-item strong{font-size:14px}.journey-item span{font-size:12px;line-height:1.65}.stack-list{gap:10px;margin-top:14px;display:grid}.list-item{background:linear-gradient(#f9fbff 0%,#fff 100%);border:1px solid #e6edf5;border-radius:20px;justify-content:space-between;align-items:center;gap:12px;padding:14px;display:flex}.list-button{text-align:left;width:100%}.item-title-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.item-sub{margin-top:6px;font-size:12px;line-height:1.7}.item-sub-multi,.warning-reason,.analysis-text,.answer-panel{line-height:1.8}.spotlight-item{align-items:stretch}.spotlight-main{flex:1}.spotlight-price{color:#0f172a;margin-top:8px;font-size:22px;font-weight:800}.spotlight-price span{color:#64748b;font-size:12px;font-weight:600}.spotlight-side{color:#94a3b8;flex-direction:column;justify-content:space-between;align-items:flex-end;min-width:62px;display:flex}.spotlight-side-top{text-align:right;font-size:11px}.warning-brief{background:#fffaf6;border:1px solid #e6edf5;border-radius:20px;padding:14px}.warning-brief-red{background:linear-gradient(#fff3f3 0%,#fff 100%);border-color:#ffd6d6}.warning-brief-yellow{background:linear-gradient(#fff9e9 0%,#fff 100%);border-color:#fde7b3}.badge{border-radius:999px;justify-content:center;align-items:center;padding:5px 10px;font-size:11px;font-weight:700;display:inline-flex}.badge-default{color:#334155;background:#edf2f7}.badge-info{color:#1d4ed8;background:#dfeafe}.badge-red{color:#b91c1c;background:#fee2e2}.badge-yellow{color:#a16207;background:#fef3c7}.badge-green{color:#166534;background:#dcfce7}.chip-list{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.chip,.seg-btn{color:#334155;background:#f8fbff;border:1px solid #dbe4ee;border-radius:999px;padding:10px 13px;font-size:12px;transition:all .2s}.seg-btn.active{color:#fff;background:linear-gradient(#2f6fff 0%,#1d4ed8 100%);border-color:#1d4ed8;box-shadow:0 8px 18px rgba(37,99,235,.22)}.tab-row{gap:8px;margin-top:14px;padding-bottom:2px;display:flex;overflow-x:auto}.compact-tabs{margin-top:12px}.metric-grid-two{margin-top:14px}.metric-box{background:linear-gradient(#f9fbff 0%,#fff 100%);border:1px solid #e6edf5;border-radius:20px;padding:14px}.primary-box{background:linear-gradient(#eef5ff 0%,#fff 100%)}.metric-value{margin-top:8px;font-size:18px;font-weight:800;line-height:1.35}.metric-value.large,.market-big-number{font-size:30px}.metric-sub{color:#94a3b8;margin-top:5px;font-size:11px}.market-hero-card{background:radial-gradient(circle at 92% 8%,rgba(86,156,255,.28),transparent 20%),linear-gradient(#eef5ff 0%,#fff 80%);position:relative}.market-hero-body{gap:12px;margin-top:14px;display:grid}.market-name-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.market-name{font-size:18px}.market-big-number{margin-top:8px;font-weight:800;line-height:1.15}.market-unit{margin-top:6px;font-size:12px}.market-insight-box{background:rgba(255,255,255,.8);border:1px solid #dce7f5;border-radius:20px;padding:14px}.market-insight-title{color:#1d4ed8;align-items:center;gap:6px;font-size:12px;font-weight:800;display:inline-flex}.market-insight-text{margin-top:8px;font-size:13px;line-height:1.75}.chart-box{background:linear-gradient(#f9fbff 0%,#fff 100%);border:1px solid #e6edf5;border-radius:20px;margin-top:12px;padding:12px}.chart-svg{width:100%;height:auto;display:block}.chart-meta{color:#94a3b8;justify-content:space-between;margin-top:6px;font-size:11px;display:flex}.source-bars{gap:12px;margin-top:14px;display:grid}.source-row{gap:7px;display:grid}.source-row-top{justify-content:space-between;gap:12px;font-size:13px;display:flex}.progress-card{margin-top:14px}.elevated-card{background:linear-gradient(#f8fbff 0%,#fff 100%);border:1px solid #e6edf5;border-radius:18px;padding:14px}.progress-track{background:#e7edf5;border-radius:999px;height:8px;margin-top:8px;overflow:hidden}.progress-fill{background:linear-gradient(90deg,#60a5fa 0%,#1d4ed8 100%);border-radius:999px;height:100%}.purchase-intro-card{background:linear-gradient(#eef5ff 0%,#fff 100%);position:relative}.purchase-intro-title,.profile-name{font-size:17px;font-weight:800}.purchase-intro-desc{margin-top:6px;font-size:13px;line-height:1.75}.field-list{gap:12px;margin-top:14px;display:grid}.field-grid-two{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.field{gap:7px;display:grid}.field label{color:#64748b;font-size:12px}.input{color:#0f172a;background:#f8fbff;border:1px solid #dbe4ee;border-radius:16px;outline:none;width:100%;padding:12px 14px}.textarea{resize:vertical;min-height:96px}.button-row{gap:10px;margin-top:14px;display:flex}.button-row.small-gap{gap:8px}.btn{border-radius:16px;flex:1;padding:12px 14px;font-size:14px;font-weight:700}.btn-primary{color:#fff;background:linear-gradient(#2f6fff 0%,#1d4ed8 100%);box-shadow:0 10px 20px rgba(37,99,235,.2)}.btn-secondary{color:#0f172a;background:#edf3fb}.result-card{background:linear-gradient(#fcfeff 0%,#fff 100%)}.result-hero{background:linear-gradient(#eef5ff 0%,#fff 100%);border:1px solid #dfe9f6;border-radius:20px;justify-content:space-between;align-items:flex-start;gap:12px;margin-top:14px;padding:14px;display:flex}.result-hero-label{font-size:11px;font-weight:700}.result-hero-title{margin-top:5px;font-size:24px;font-weight:800;line-height:1.2}.result-hero-desc{margin-top:6px;font-size:12px;line-height:1.7}.analysis-box{background:linear-gradient(#f8fbff 0%,#fff 100%);border:1px solid #dbe4ee;border-radius:20px;margin-top:14px;padding:14px}.analysis-box.show{background:linear-gradient(#eefbf3 0%,#fff 100%);border-color:#cdebd9}.analysis-title{align-items:center;gap:6px;font-weight:800;display:inline-flex}.analysis-text{margin-top:8px;font-size:13px}.recommend-list{gap:8px;margin-top:12px;display:grid}.recommend-item{color:#166534;background:rgba(255,255,255,.75);border:1px solid rgba(205,235,217,.85);border-radius:16px;padding:11px 12px;font-size:12px;line-height:1.7}.history-item{align-items:flex-start}.warning-summary-card{background:linear-gradient(#eef5ff 0%,#fff 100%);position:relative}.warning-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:14px}.summary-pill{border:1px solid #e7edf5;border-radius:20px;gap:6px;padding:14px;display:grid}.summary-pill span{color:#64748b;font-size:12px}.summary-pill strong{font-size:24px}.red-pill{background:linear-gradient(#fff1f1 0%,#fff 100%)}.yellow-pill{background:linear-gradient(#fff9e7 0%,#fff 100%)}.warning-card{background:#fff;position:relative}.warning-card:before{content:"";border-radius:999px;width:4px;position:absolute;top:18px;bottom:18px;left:0}.warning-card-red:before{background:#ef4444}.warning-card-yellow:before{background:#f59e0b}.warning-title-row{align-items:flex-start}.warning-meta{margin-top:8px;font-size:11px;line-height:1.6}.warning-reason{color:#0f172a;margin-top:12px;font-size:13px}.assistant-header-card{background:linear-gradient(#eef5ff 0%,#fff 100%);position:relative}.ask-box{gap:8px;margin-top:14px;display:flex}.search-input-wrap{background:rgba(255,255,255,.86);border:1px solid #dbe4ee;border-radius:16px;flex:1;align-items:center;gap:8px;padding:0 12px;display:flex}.ask-input{color:#0f172a;background:0 0;border:none;outline:none;flex:1;padding:12px 0}.ask-send{flex:none;min-width:72px}.conversation-stack{gap:12px;margin-top:14px;display:grid}.bubble{border-radius:18px;max-width:92%;padding:14px;font-size:13px;line-height:1.8}.bubble-user{color:#fff;background:linear-gradient(#2f6fff 0%,#1d4ed8 100%);border-bottom-right-radius:8px;justify-self:end}.bubble-assistant{color:#0f172a;background:linear-gradient(#f8fbff 0%,#fff 100%);border:1px solid #e6edf5;border-bottom-left-radius:8px;justify-self:start}.profile-card{align-items:center;gap:14px;display:flex}.premium-profile-card{background:linear-gradient(#eef5ff 0%,#fff 100%);position:relative}.profile-avatar{color:#1d4ed8;background:linear-gradient(#e0edff 0%,#cfe0ff 100%);border-radius:18px;flex-shrink:0;justify-content:center;align-items:center;width:54px;height:54px;display:flex;box-shadow:inset 0 1px rgba(255,255,255,.7)}.profile-sub{margin-top:4px;font-size:12px;line-height:1.6}.bottom-safe-space{height:84px}.bottom-nav{z-index:6;padding:8px 8px calc(8px + env(safe-area-inset-bottom));backdrop-filter:blur(10px);background:rgba(255,255,255,.96);border-top:1px solid #e6edf5;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;display:grid;position:sticky;bottom:0}.tab-btn{color:#64748b;border-radius:14px;justify-items:center;gap:4px;min-width:0;padding:8px 4px 6px;font-size:11px;display:grid}.tab-btn.active{color:#1d4ed8;background:linear-gradient(#edf4ff 0%,#e2ecff 100%);font-weight:700}@media (max-width:380px){.hero-highlight-row,.button-row,.ask-box{grid-template-columns:1fr;display:grid}.hero-action,.ask-send{width:100%}.stats-grid,.metric-grid-two,.journey-grid,.warning-summary-grid,.field-grid-two{grid-template-columns:1fr}.result-hero{flex-direction:column;align-items:flex-start}}