:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;color:#18243a;background:#f2f5f8;font-synthesis:none;text-rendering:optimizeLegibility;--ink: #17243a;--muted: #68758a;--line: #dfe5eb;--panel: rgba(255, 255, 255, .9);--accent: #315b9a;--navy: #07101c}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at 72% -10%,rgba(105,137,184,.15),transparent 30%),linear-gradient(180deg,#f8fafc 0,#eef2f6)}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:wait;opacity:.68}.app-shell{min-height:100vh}.top-nav{height:72px;max-width:1460px;margin:0 auto;padding:0 42px;display:flex;align-items:center;justify-content:space-between}.logo{color:var(--ink);text-decoration:none;display:flex;align-items:center;gap:11px;letter-spacing:-.02em}.logo>span{width:36px;height:36px;border-radius:11px;color:#fff;background:var(--ink);display:grid;place-items:center;box-shadow:0 8px 18px #17243a2e}.logo strong{font-size:17px}.local-badge{display:flex;align-items:center;gap:7px;padding:8px 12px;color:#456079;background:#ffffffb3;border:1px solid rgba(186,198,210,.7);border-radius:999px;font-size:12px;font-weight:650}main{max-width:1460px;margin:0 auto;padding:56px 42px 90px}.hero{max-width:820px;margin-bottom:52px}.hero-kicker{display:flex;align-items:center;gap:8px;margin-bottom:16px;color:#627089;font-size:11px;font-weight:750;letter-spacing:.14em}.hero h1{margin:0;color:var(--ink);font-size:clamp(42px,5vw,72px);line-height:1.08;letter-spacing:-.055em;font-weight:760}.hero h1 em{color:#4c6590;font-style:normal}.hero>p{max-width:690px;margin:24px 0 0;color:var(--muted);font-size:17px;line-height:1.75}.workspace-grid{display:grid;grid-template-columns:390px minmax(0,1fr);gap:30px;align-items:start}.controls-column{display:grid;gap:18px}.panel,.result-column{background:var(--panel);border:1px solid rgba(211,219,227,.85);box-shadow:0 18px 55px #26354812;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.panel{border-radius:22px;padding:24px}.result-column{border-radius:26px;padding:28px}.section-heading,.result-toolbar>div{display:flex;align-items:flex-start;gap:12px}.section-heading{margin-bottom:20px}.step{min-width:30px;height:22px;border-radius:7px;display:inline-grid;place-items:center;background:#edf1f6;color:#718096;font-size:10px;font-weight:750;letter-spacing:.06em}.section-heading h2,.result-toolbar h2{margin:-3px 0 5px;color:var(--ink);font-size:17px;letter-spacing:-.02em}.section-heading p,.result-toolbar p{margin:0;color:#8a95a6;font-size:12px;line-height:1.45}.drop-zone{min-height:198px;padding:22px;border-radius:17px;border:1.5px dashed #cbd4de;background:#f8fafc;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;position:relative;overflow:hidden;transition:border-color .2s,background .2s}.drop-zone:hover{border-color:#8da2bd;background:#f4f7fa}.drop-zone.is-reading{border-color:#6c8fbd}.upload-icon{width:52px;height:52px;margin-bottom:13px;border-radius:15px;display:grid;place-items:center;color:#5c7393;background:#e9eef5}.drop-copy{display:grid;gap:5px;position:relative;z-index:2}.drop-copy strong{font-size:13px;color:#26364d}.drop-copy span{color:#8b97a8;font-size:11px}.secondary-button,.add-button{border:0;display:flex;align-items:center;justify-content:center;gap:7px;font-weight:650}.secondary-button{position:relative;z-index:2;margin-top:15px;min-height:35px;padding:0 14px;border-radius:10px;color:#fff;background:#24364f;font-size:12px;box-shadow:0 7px 16px #24364f29}.preview-wrap,.preview-overlay{position:absolute;top:0;right:0;bottom:0;left:0}.preview-wrap img{width:100%;height:100%;object-fit:cover;filter:blur(1px);opacity:.18}.preview-overlay{background:linear-gradient(180deg,#f8fafc80,#f8fafceb)}.scan-status{margin-top:13px;padding:11px 12px;border-radius:11px;background:#edf4fb;color:#4c6888}.scan-status.done{color:#397058;background:#eef8f2}.scan-status.error{color:#976151;background:#fff3ef}.status-line{display:flex;align-items:center;gap:8px;font-size:11px}.status-line span{flex:1}.status-line b{font-size:10px}.progress-track{height:3px;margin-top:9px;border-radius:9px;background:#48678c24;overflow:hidden}.progress-track i{display:block;height:100%;background:#5278a7;transition:width .2s}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.privacy-note{margin-top:14px;display:flex;align-items:center;gap:7px;color:#8490a0;font-size:10px}.holdings-table{display:grid;gap:7px}.table-head,.holding-row{display:grid;grid-template-columns:1fr 1.2fr 28px;gap:7px;align-items:center}.table-head{padding:0 8px 3px;color:#98a2b1;font-size:9px;font-weight:700;letter-spacing:.05em}.holding-row{min-width:0}.symbol-input-wrap,.value-input-wrap{height:40px;border:1px solid #e0e5eb;border-radius:11px;background:#f9fafb;display:flex;align-items:center}.symbol-input-wrap{padding:0 9px;gap:8px}.symbol-input-wrap i{width:7px;height:7px;border-radius:50%;background:#5877aa}.symbol-input-wrap i.cash{background:#9a8e76}.value-input-wrap{padding-left:10px}.value-input-wrap span{color:#8390a1;font-size:11px}.symbol-input-wrap input,.value-input-wrap input{min-width:0;width:100%;border:0;outline:0;background:transparent;color:#25344b;font-size:12px;font-weight:650}.value-input-wrap input{padding:0 8px 0 4px}.value-input-wrap input::-webkit-inner-spin-button{-webkit-appearance:none;-moz-appearance:none;appearance:none}.icon-button{width:28px;height:32px;border:0;border-radius:8px;display:grid;place-items:center;color:#9aa5b3;background:transparent}.icon-button:hover{color:#b76161;background:#faeeee}.add-button{width:100%;height:38px;margin-top:11px;border-radius:11px;color:#57708f;background:#eff3f7;font-size:11px}.add-button:hover{background:#e7edf3}.result-toolbar{min-height:54px;display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:22px}.result-toolbar>div>div{min-width:0}.primary-button{min-height:42px;padding:0 16px;border:0;border-radius:12px;color:#fff;background:var(--ink);display:flex;align-items:center;gap:8px;font-size:12px;font-weight:700;text-decoration:none;box-shadow:0 10px 24px #17243a2e}.chart-stage{padding:10px;border-radius:22px;background:#e9eef3;box-shadow:inset 0 0 0 1px #adbac859}.chart-card{aspect-ratio:1.42 / 1;min-height:540px;padding:28px;border-radius:16px;color:#fff;background:radial-gradient(circle at 85% 3%,rgba(51,78,117,.25),transparent 28%),linear-gradient(145deg,#0a1422,#050c15 70%);border:1px solid #263142;box-shadow:0 22px 50px #01070e42;display:grid;grid-template-rows:auto auto minmax(260px,1fr) auto;overflow:hidden}.chart-topline{display:flex;align-items:center;gap:9px;color:#dce5f06b;font-size:8px;letter-spacing:.14em;font-weight:700}.brand-mark{width:21px;height:21px;border-radius:7px;display:grid;place-items:center;color:#fff;background:#365889}.brand-mark span{font-size:7px;letter-spacing:-.02em}.chart-topline i{width:16px;height:1px;background:#3b4655}.chart-header{display:flex;justify-content:space-between;gap:20px;align-items:end;padding:22px 2px 18px}.eyebrow{color:#94a3b8;font-size:12px;font-weight:650;letter-spacing:.05em}.chart-header h2{margin:6px 0 0;color:#f7f9fb;font-size:clamp(29px,3vw,42px);letter-spacing:-.045em}.chart-header p{margin:0;color:#8f9bad;text-align:right;font-size:10px;line-height:1.65}.treemap-wrap{min-height:0;border-radius:13px;overflow:hidden}.empty-chart{width:100%;height:100%;border:1px dashed #324256;border-radius:14px;display:grid;place-items:center;color:#748397;font-size:13px}.chart-summary{display:grid;grid-template-columns:1fr 1.3fr .8fr;gap:22px;margin-top:19px;padding:17px 3px 1px;border-top:1px solid rgba(120,137,159,.18)}.chart-summary div{display:grid;gap:5px}.chart-summary span{color:#7e8b9d;font-size:9px}.chart-summary strong{color:#f4f7fa;font-size:14px;letter-spacing:-.02em}.result-hint{display:flex;justify-content:center;align-items:center;gap:10px;margin-top:17px;color:#929dab;font-size:10px}.result-hint span{color:#66758a;font-weight:750}.result-hint i{width:22px;height:1px;background:#dce2e8}.site-footer{max-width:1460px;margin:0 auto;padding:24px 42px 34px;display:flex;justify-content:space-between;color:#9aa5b2;font-size:10px;border-top:1px solid rgba(206,215,223,.65)}.site-footer span{color:#647187;font-weight:700}.site-footer p{margin:0}@media(max-width:1100px){.workspace-grid{grid-template-columns:330px minmax(0,1fr);gap:20px}.panel,.result-column{padding:20px}.chart-card{min-height:480px;padding:22px}}@media(max-width:860px){.top-nav{padding:0 22px}main{padding:34px 22px 64px}.hero{margin-bottom:36px}.hero h1{font-size:46px}.workspace-grid{grid-template-columns:1fr}.controls-column{grid-template-columns:1fr 1fr}.chart-card{min-height:540px}.site-footer{padding-inline:22px}}@media(max-width:620px){.top-nav{height:62px}.logo strong{font-size:15px}.local-badge{padding:7px 9px;font-size:10px}main{padding:28px 14px 52px}.hero h1{font-size:38px}.hero>p{font-size:14px;line-height:1.65}.controls-column{grid-template-columns:1fr}.panel,.result-column{border-radius:20px;padding:18px}.result-toolbar{align-items:center}.result-toolbar p{max-width:170px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.primary-button{padding:0 12px}.chart-stage{padding:5px;border-radius:16px;margin:0 -8px}.chart-card{min-height:480px;aspect-ratio:auto;padding:17px;border-radius:13px;grid-template-rows:auto auto 300px auto}.chart-header{align-items:start}.chart-header h2{font-size:27px}.chart-header p{display:none}.chart-summary{grid-template-columns:1fr 1.15fr .7fr;gap:10px}.chart-summary strong{font-size:11px}.result-hint{gap:7px}.result-hint i{width:12px}.site-footer{padding:20px 18px 28px;display:grid;gap:5px}}