.etf-view{display:flex;flex-direction:column;gap:16px;width:100%}.etf-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap}.etf-head-title h3{margin:0;font-size:20px;font-weight:800;letter-spacing:-.02em;color:var(--text-primary, #f4f6fb)}.etf-head-title span{display:block;margin-top:3px;font-size:13px;color:var(--text-tertiary, #8d92b2)}.etf-head-right{display:flex;align-items:center;gap:12px}.etf-asof{font-size:12px;color:var(--text-tertiary, #8d92b2);font-variant-numeric:tabular-nums}.etf-toggle{display:inline-flex;padding:3px;gap:3px;border-radius:12px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08)}.etf-toggle-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 13px;border:none;border-radius:9px;background:transparent;color:var(--text-secondary, #b6bad0);font-size:13px;font-weight:700;cursor:pointer;transition:background .15s,color .15s}.etf-toggle-btn i{width:7px;height:7px;border-radius:50%}.etf-toggle-btn--on{background:#ffffff1a;color:var(--text-primary, #fff);box-shadow:inset 0 1px #ffffff14}.etf-sum{display:grid;grid-template-columns:1fr 1fr;gap:12px}.etf-view--compact .etf-sum{grid-template-columns:1fr}.etf-sum-row{display:grid;grid-template-columns:1.2fr 1fr 1fr 1fr;align-items:center;gap:10px;padding:13px 16px;border-radius:16px;border:1px solid rgba(150,160,192,.14);background:linear-gradient(158deg,#1e243466,#0d111b80);text-align:left;cursor:pointer;transition:border-color .15s,transform .15s}.etf-sum-row:hover{border-color:#96a0c047}.etf-sum-row--active{border-color:#e8923a73;box-shadow:inset 0 0 0 1px #e8923a2e,0 0 26px #e8923a14}.etf-sum-name{display:flex;align-items:center;gap:9px;font-size:15px;font-weight:700;color:var(--text-primary, #eef1f8)}.etf-sum-name i{width:9px;height:9px;border-radius:50%}.etf-sum-cell{display:flex;flex-direction:column;gap:2px}.etf-sum-cell label{font-size:10.5px;text-transform:uppercase;letter-spacing:.04em;color:var(--text-tertiary, #7f849f)}.etf-sum-cell b{font-size:15px;font-weight:700;font-variant-numeric:tabular-nums;color:var(--text-primary, #eef1f8)}.etf-chart-card{padding:14px 12px 6px;border-radius:18px;border:1px solid rgba(150,160,192,.14);background:linear-gradient(158deg,#1e243457,#080b138c)}.etf-chart-wrap{position:relative;width:100%}.etf-chart-svg{width:100%;height:100%;display:block;overflow:visible}.etf-grid{stroke:#ffffff0d;stroke-width:1}.etf-grid--zero{stroke:#ffffff2e;stroke-width:1.4}.etf-axis{fill:#e9ecf56b;font-size:11px;font-family:var(--font-mono, ui-monospace, monospace)}.etf-axis--price{fill:#f2a24a99}.etf-priceline{stroke:#f2a24a;stroke-width:2.2;stroke-linejoin:round;filter:drop-shadow(0 0 5px rgba(242,162,74,.45))}.etf-pricedot{fill:#ffcf8f}.etf-crosshair{stroke:#ffffff52;stroke-width:1;stroke-dasharray:3 3}.etf-chart-empty,.etf-empty{padding:40px 16px;text-align:center;color:var(--text-tertiary, #8d92b2);font-size:14px}.etf-tip{position:absolute;top:6px;transform:translate(-50%);padding:8px 11px;border-radius:11px;background:#0a0d16f0;border:1px solid rgba(150,160,192,.24);box-shadow:0 12px 30px #00000073;pointer-events:none;white-space:nowrap;z-index:3}.etf-tip-date{font-size:11px;color:var(--text-tertiary, #8d92b2);margin-bottom:3px}.etf-tip-flow{font-size:13px;font-variant-numeric:tabular-nums}.etf-tip-flow.up{color:var(--bull, #2ece83)}.etf-tip-flow.down{color:var(--bear, #ff5f6a)}.etf-tip-price{font-size:12px;color:#f2a24a;font-variant-numeric:tabular-nums;margin-top:2px}.etf-table-card{border-radius:18px;border:1px solid rgba(150,160,192,.14);overflow:hidden;background:linear-gradient(158deg,#1e243457,#080b138c)}.etf-tbl-head{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:15px 18px 14px;border-bottom:1px solid rgba(255,255,255,.06);background:linear-gradient(180deg,#ffffff07,#fff0)}.etf-tbl-title{display:block;font-size:14.5px;font-weight:750;letter-spacing:-.01em;color:var(--text-primary, #eef1f8)}.etf-tbl-sub{display:block;margin-top:2px;font-size:11.5px;color:var(--text-tertiary, #7f849f)}.etf-tbl-head-r{display:flex;align-items:center;gap:22px}.etf-tbl-stat{display:flex;flex-direction:column;gap:2px;text-align:right}.etf-tbl-stat label{font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--text-tertiary, #7f849f)}.etf-tbl-stat b{font-size:13.5px;font-weight:750;font-variant-numeric:tabular-nums;color:var(--text-primary, #eef1f8)}.etf-tbl{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums;table-layout:fixed}.etf-tbl thead th{padding:11px 18px;font-size:10.5px;font-weight:700;text-align:right;text-transform:uppercase;letter-spacing:.06em;color:var(--text-tertiary, #7f849f);border-bottom:1px solid rgba(255,255,255,.055)}.etf-th-rank{width:44px;padding-right:0!important}.etf-th-iss,.etf-th-share{text-align:left!important;width:26%}.etf-tbl tbody td,.etf-tbl tfoot td{padding:11px 18px;text-align:right;vertical-align:middle}.etf-tbl tbody td{border-bottom:1px solid rgba(255,255,255,.035)}.etf-tbl tbody tr:last-child td{border-bottom:none}.etf-tbl tbody tr{transition:background .14s ease}.etf-tbl tbody tr:hover td{background:#ffffff06}.etf-rank{width:44px;padding-right:0!important;text-align:right;font-size:11.5px;font-weight:700;color:var(--text-muted, rgba(245, 245, 247, .28))}.etf-iss{text-align:left!important;font-size:13.5px;font-weight:650;color:var(--text-primary, #eef1f8);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.etf-iss-dot{display:inline-block;width:6px;height:6px;border-radius:50%;margin-right:9px;vertical-align:middle}.etf-iss-name{vertical-align:middle}.etf-iss em{font-style:normal;color:var(--text-tertiary, #7f849f);font-weight:600;font-size:11px;letter-spacing:.03em;margin-left:8px;padding:2px 6px;border-radius:5px;background:#ffffff0b;vertical-align:middle}.etf-num{text-align:right;line-height:1.25}.etf-num b{display:block;font-size:13.5px;font-weight:700;color:var(--text-primary, #eef1f8)}.etf-num span{display:block;margin-top:1px;font-size:11px;color:var(--text-tertiary, #7f849f)}.etf-share{text-align:left!important;white-space:nowrap}.etf-share-track{display:inline-block;width:calc(100% - 56px);min-width:40px;height:5px;border-radius:999px;background:#ffffff12;overflow:hidden;vertical-align:middle}.etf-share-track i{display:block;height:100%;border-radius:999px;opacity:.8}.etf-share-pct{display:inline-block;width:46px;margin-left:6px;font-size:11.5px;font-weight:650;color:var(--text-secondary, #b6bad0);vertical-align:middle}.etf-tbl-others .etf-iss,.etf-tbl-others .etf-iss-name{color:var(--text-secondary, #b6bad0)}.etf-tbl-total td{background:#ffffff07;border-top:1px solid rgba(255,255,255,.075)}.etf-tbl-total .etf-iss-name{font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--text-tertiary, #8d92b2)}.etf-tbl-total .etf-num b{color:var(--text-primary, #fff)}.etf-tbl-total .etf-share-pct{color:var(--text-tertiary, #7f849f)}.etf-view .up{color:var(--bull, #2ece83)}.etf-view .down{color:var(--bear, #ff5f6a)}.etf-view .flat{color:var(--text-secondary, #b6bad0)}.etf-skel{border-radius:16px;background:linear-gradient(90deg,#ffffff0a,#ffffff14,#ffffff0a);background-size:200% 100%;animation:etfShimmer 1.4s ease-in-out infinite}.etf-skel--strip{height:72px}.etf-skel--chart{height:280px}.etf-skel--table{height:220px}@keyframes etfShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media (max-width: 720px){.etf-view{gap:12px}.etf-head{gap:10px}.etf-head-title h3{font-size:18px}.etf-head-title span{font-size:12px}.etf-head-right{width:100%;justify-content:space-between}.etf-sum{grid-template-columns:1fr;gap:10px}.etf-sum-row{grid-template-columns:repeat(3,1fr);row-gap:10px;padding:12px 14px}.etf-sum-name{grid-column:1 / -1}.etf-sum-cell b{font-size:14px}.etf-chart-card{padding:10px 6px 4px}.etf-tbl-head{padding:13px 14px 12px}.etf-tbl-head-r{gap:16px}.etf-table-card{overflow-x:auto}.etf-tbl{table-layout:auto;min-width:560px}.etf-tbl thead th,.etf-tbl tbody td,.etf-tbl tfoot td{padding:10px 12px}.etf-rank,.etf-th-rank,.etf-share,.etf-th-share{display:none}.etf-iss{font-size:13px}.etf-iss em{display:none}.etf-num b{font-size:13px}.etf-num span{font-size:10.5px}}.app.app-day-mode .etf-head-title h3{color:#12151d}.app.app-day-mode .etf-sum-row,.app.app-day-mode .etf-chart-card,.app.app-day-mode .etf-table-card{background:#fff;border-color:#141e3c1a;box-shadow:0 6px 18px #141e3c0f}.app.app-day-mode .etf-sum-name,.app.app-day-mode .etf-sum-cell b,.app.app-day-mode .etf-iss,.app.app-day-mode .etf-num b{color:#1a1f2b}.app.app-day-mode .etf-toggle{background:#141e3c0d;border-color:#141e3c1a}.app.app-day-mode .etf-toggle-btn--on{background:#fff;color:#12151d;box-shadow:0 1px 4px #141e3c24}.app.app-day-mode .etf-axis{fill:#1e28468c}.app.app-day-mode .etf-grid{stroke:#141e3c14}.app.app-day-mode .etf-grid--zero{stroke:#141e3c40}.app.app-day-mode .etf-tbl-head{background:linear-gradient(180deg,#141e3c07,#141e3c00);border-bottom-color:#141e3c17}.app.app-day-mode .etf-tbl-title,.app.app-day-mode .etf-tbl-stat b,.app.app-day-mode .etf-iss-name{color:#1a1f2b}.app.app-day-mode .etf-tbl-sub,.app.app-day-mode .etf-tbl-stat label,.app.app-day-mode .etf-rank,.app.app-day-mode .etf-share-pct,.app.app-day-mode .etf-num span{color:#64748b}.app.app-day-mode .etf-tbl thead th{color:#64748b;border-bottom-color:#141e3c17}.app.app-day-mode .etf-tbl tbody td{border-bottom-color:#141e3c0e}.app.app-day-mode .etf-tbl tbody tr:hover td{background:#141e3c06}.app.app-day-mode .etf-iss em{background:#141e3c0d}.app.app-day-mode .etf-share-track{background:#141e3c17}.app.app-day-mode .etf-tbl-total td{background:#141e3c08;border-top-color:#141e3c1a}.app.app-day-mode .etf-tbl-total .etf-num b{color:#12151d}.app.app-day-mode .etf-tip{background:#fff;border-color:#141e3c24}.etf-range{display:inline-flex;padding:3px;gap:2px;border-radius:11px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08)}.etf-range-btn{padding:5px 11px;border:none;border-radius:8px;background:transparent;color:var(--text-tertiary, #8d92b2);font-size:12px;font-weight:700;font-variant-numeric:tabular-nums;cursor:pointer;transition:background .15s,color .15s}.etf-range-btn--on{background:#ffffff1a;color:var(--text-primary, #fff)}.app.app-day-mode .etf-range{background:#141e3c0d;border-color:#141e3c1a}.app.app-day-mode .etf-range-btn--on{background:#fff;color:#12151d;box-shadow:0 1px 4px #141e3c24}@media (max-width: 720px){.etf-range-btn{padding:5px 9px;font-size:11px}}