:root{color:#1e2229;background:#f6f8fa;font-family:Outfit,PingFang SC,Microsoft YaHei UI,system-ui,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--bg: #f6f8fa;--bg-deep: #eff2f6;--surface: #ffffff;--surface-soft: #f8fafc;--surface-strong: #ffffff;--ink: #1a1e23;--muted: #6a737d;--line: #e3e8ee;--line-strong: #cbd5e1;--accent: #ff3b30;--accent-strong: #ff4d4d;--accent-soft: rgba(255, 59, 48, .07);--accent-gradient: linear-gradient(90deg, #ff3b30 0%, #ff5f52 100%);--gold: #1a1e23;--danger: #ff3b30;--success: #ff3b30;--shadow: 0 12px 32px rgba(31, 45, 61, .05), 0 2px 4px rgba(31, 45, 61, .02);--glass-shadow: 0 20px 48px rgba(0, 0, 0, .04), 0 1px 0 rgba(255, 255, 255, .6) inset}*{box-sizing:border-box}body{position:relative;margin:0;min-width:320px;min-height:100vh;overflow-x:hidden;background:radial-gradient(circle at 10% 12%,rgba(255,59,48,.02),transparent 45%),linear-gradient(180deg,#f6f8fa,#f0f2f5 60%,#eef0f3)}button,input{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,a:focus-visible{outline:1px solid var(--accent);outline-offset:3px}a{color:#1a1e23;text-decoration:underline;text-underline-offset:4px;text-decoration-color:#00000026;transition:all .2s cubic-bezier(.4,0,.2,1)}a:hover{color:var(--accent);text-decoration-color:var(--accent)}.app-shell{position:relative;z-index:1;width:min(1500px,calc(100% - 40px));margin:0 auto;padding:20px 0 48px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:48px;border-bottom:1px solid var(--line);padding-bottom:12px}.brand-mark{display:inline-flex;align-items:center;gap:14px;color:var(--ink);font-size:20px;font-weight:900;letter-spacing:-.8px}.brand-mark span{position:relative;display:inline-flex;align-items:center;height:24px;padding:0 10px;border:1px solid var(--line-strong);background:#00000008;color:var(--ink);font-size:10px;font-weight:800;letter-spacing:1px}.brand-mark span:before,.brand-mark span:after{position:absolute;width:4px;height:4px;border-color:#0000004d;content:""}.brand-mark span:before{top:-1px;left:-1px;border-top:1px solid;border-left:1px solid}.brand-mark span:after{right:-1px;bottom:-1px;border-right:1px solid;border-bottom:1px solid}.topbar-meta{display:flex;align-items:center;gap:12px;color:var(--muted);font-size:13px}.topbar-meta span{display:inline-flex;align-items:center;gap:7px;min-height:34px;padding:0 14px;border:1px solid var(--line);background:var(--surface);border-radius:9999px;box-shadow:0 1px 2px #00000005;font-family:JetBrains Mono,monospace;font-weight:500}.search-zone{display:grid;grid-template-columns:minmax(360px,.92fr) minmax(460px,1.08fr);align-items:center;gap:32px;padding:34px 0 28px}.terminal-kicker{width:fit-content;margin:0 0 10px;padding:4px 8px;border-left:2px solid var(--accent);background:var(--accent-soft);color:var(--accent);font-size:10px;font-weight:800;letter-spacing:1.5px;border-radius:0 2px 2px 0}.intro h1{max-width:680px;margin:0;color:var(--ink);font-size:46px;line-height:1.1;font-weight:900;letter-spacing:-1.5px}.intro p{max-width:620px;margin:12px 0 0;color:var(--muted);font-size:16px;line-height:1.75;font-weight:400}.command-panel{position:relative;padding:22px;border:1px solid var(--line);background:var(--surface);border-radius:16px;box-shadow:var(--glass-shadow);transition:border-color .2s ease,box-shadow .2s ease}.command-panel:hover{border-color:var(--line-strong)}.command-panel:before{position:absolute;top:-1px;left:28px;width:60px;height:1px;content:"";background:var(--accent)}.panel-status{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px;color:var(--ink);font-size:11px;font-weight:800;letter-spacing:.5px}.panel-status i{width:6px;height:6px;border-radius:50%;background:var(--accent)}.search-box{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;min-height:56px;padding:5px 5px 5px 24px;border:1px solid var(--line-strong);background:#fcfdfe;border-radius:9999px;transition:all .2s cubic-bezier(.4,0,.2,1)}.search-box:focus-within{border-color:var(--accent);box-shadow:0 0 16px #ff3b300f}.search-box svg{color:#8c95a5}.search-box input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:var(--ink);font-size:17px;font-weight:700;letter-spacing:-.3px}.search-box input::placeholder{color:#6e788773}.search-box button{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:50px;padding:0 26px;border:0;background:var(--accent);color:#fff;font-size:14px;font-weight:800;border-radius:9999px;transition:all .2s cubic-bezier(.4,0,.2,1)}.search-box button:hover{opacity:.92}.search-box button:active{transform:translateY(1px)}.data-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:18px}.data-strip span{min-height:38px;padding:10px 12px;border:1px solid var(--line);background:var(--surface-soft);color:var(--muted);font-size:11px;font-weight:600;text-align:center;border-radius:6px;font-family:JetBrains Mono,monospace}.workspace{display:grid;grid-template-columns:320px minmax(0,1fr);gap:20px;align-items:start}.left-panel,.results-panel{min-width:0;border:1px solid var(--line);background:var(--surface);box-shadow:var(--glass-shadow);border-radius:16px}.left-panel{padding:20px}.panel-heading,.result-header,.section-title{display:flex;align-items:center;justify-content:space-between;gap:16px}.panel-heading h2,.section-title h3{margin:0;color:var(--ink);font-size:16px;font-weight:800;letter-spacing:-.3px}.panel-heading span,.section-title span{display:inline-flex;align-items:center;gap:6px;color:var(--muted);font-size:12px;font-weight:500}.market-shortcuts{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;margin-top:14px}.market-shortcut{min-height:34px;padding:7px 6px;border:1px solid var(--line);background:var(--surface-soft);color:var(--muted);border-radius:7px;font-size:12px;font-weight:800;line-height:1;transition:all .18s ease}.market-shortcut:hover{border-color:var(--line-strong);background:#fff;color:var(--ink)}.market-shortcut.active{border-color:var(--accent);background:var(--accent-soft);color:var(--accent)}.candidate-list{display:grid;gap:8px;max-height:594px;margin-top:14px;overflow-y:auto;padding-right:4px}.candidate-list::-webkit-scrollbar,.table-wrap::-webkit-scrollbar{width:5px;height:5px}.candidate-list::-webkit-scrollbar-thumb,.table-wrap::-webkit-scrollbar-thumb{background:#00000014;border-radius:3px}.candidate-list::-webkit-scrollbar-track,.table-wrap::-webkit-scrollbar-track{background:transparent}.candidate{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;width:100%;min-height:66px;padding:10px 12px 10px 28px;border:1px solid var(--line);background:var(--surface-soft);color:var(--ink);text-align:left;border-radius:8px;transition:all .2s cubic-bezier(.4,0,.2,1)}.candidate:before{position:absolute;left:12px;top:50%;transform:translateY(-50%) scale(0);width:6px;height:6px;border-radius:50%;background:var(--accent);content:"";transition:transform .2s cubic-bezier(.175,.885,.32,1.275)}.candidate:hover{border-color:var(--line-strong);background:#fff}.candidate:hover:before{transform:translateY(-50%) scale(1)}.candidate span{min-width:0}.candidate-main{display:grid;gap:4px}.candidate-title-row{display:flex;min-width:0;align-items:center;gap:8px}.market-badge{flex:0 0 auto;padding:2px 6px;border:1px solid rgba(255,59,48,.22);background:#ff3b300f;color:var(--accent);border-radius:999px;font-size:10px;font-weight:800;line-height:1.2}.candidate strong,.candidate em,.candidate small{display:block}.candidate strong{min-width:0;overflow:hidden;font-size:14px;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.candidate em{margin-top:4px;color:var(--muted);font-size:11px;font-style:normal;font-family:JetBrains Mono,monospace}.candidate>span:last-child{color:var(--ink);font-size:12px;font-weight:700;text-align:right;font-family:JetBrains Mono,monospace}.candidate small{margin-top:4px;color:var(--muted);font-size:10px;font-weight:500}.no-match{margin:0;padding:32px 16px;color:var(--muted);line-height:1.6;text-align:center;font-size:13px}.results-panel{position:relative;min-height:540px;padding:24px}.results-panel>*{position:relative;z-index:1}.eyeline{margin:0 0 8px;color:var(--muted);font-size:10px;font-weight:800;letter-spacing:1px}.result-header h2{margin:0;color:var(--ink);font-size:32px;line-height:1.1;font-weight:900;letter-spacing:-.8px}.result-header h2 span{margin-left:12px;color:var(--muted);font-size:15px;font-weight:500;font-family:JetBrains Mono,monospace;background:var(--bg-deep);padding:3px 8px;border-radius:4px;border:1px solid var(--line)}.segmented{display:inline-grid;grid-template-columns:repeat(2,1fr);min-width:240px;padding:3px;border:1px solid var(--line-strong);background:var(--bg-deep);border-radius:9999px}.segmented button{display:inline-flex;align-items:center;justify-content:center;gap:7px;height:32px;border:0;background:transparent;color:var(--muted);font-size:12px;font-weight:700;border-radius:9999px;transition:all .2s cubic-bezier(.4,0,.2,1)}.segmented button.active{background:var(--accent);color:#fff;box-shadow:0 4px 10px #ff3b3026}.segmented button:hover:not(.active){color:var(--ink)}.metrics-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:18px 0}.metric{display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px;align-items:center;min-height:72px;padding:12px 16px;border:1px solid var(--line);background:var(--surface-soft);border-radius:12px;box-shadow:0 1px 2px #00000003;transition:all .2s ease}.metric:hover{border-color:var(--line-strong);background:#fff;box-shadow:var(--shadow)}.metric-icon{display:grid;width:36px;height:36px;place-items:center;background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:8px}.metric p{margin:0 0 3px;color:var(--muted);font-size:11px;font-weight:500}.metric strong{display:block;overflow-wrap:anywhere;color:var(--ink);font-size:18px;font-weight:800}.table-wrap{margin-top:12px;overflow-x:auto;border:0;background:transparent}table{width:100%;min-width:780px;border-collapse:separate;border-spacing:0 6px;background:transparent}th,td{padding:12px 16px;text-align:left;vertical-align:middle}th{background:transparent;color:var(--muted);font-size:11px;font-weight:700;border-bottom:1px solid var(--line-strong);padding-bottom:12px}td{color:var(--ink);font-size:14px}tbody tr{background:#fff;box-shadow:0 2px 6px #1f2d3d08;transition:all .2s cubic-bezier(.4,0,.2,1)}tbody tr:hover{background:var(--surface-soft);transform:translateY(-1.5px);box-shadow:0 8px 18px #1f2d3d12}tbody tr td{border-top:1px solid #e3e8ee;border-bottom:1px solid #e3e8ee}tbody tr td:first-child{border-left:1px solid #e3e8ee;border-top-left-radius:12px;border-bottom-left-radius:12px}tbody tr td:last-child{border-right:1px solid #e3e8ee;border-top-right-radius:12px;border-bottom-right-radius:12px}.table-metric-cell{display:flex;flex-direction:column;gap:6px;min-width:120px}.metric-num{font-family:JetBrains Mono,monospace;font-weight:800;color:var(--accent);font-size:14px}.table-progress-track{width:100%;height:4px;background:#eef0f3;border-radius:9999px;overflow:hidden}.table-progress-fill{height:100%;background:var(--accent);border-radius:9999px}.cell-passive .metric-num-passive{font-family:JetBrains Mono,monospace;font-weight:600;color:var(--muted)}.passive-track{background:#f1f3f5}.passive-fill{background:#cbd5e1}.shares-cell{font-family:JetBrains Mono,monospace;font-weight:500;color:var(--ink)}.fund-type-badge{display:inline-flex;padding:3px 6px;border-radius:4px;background:var(--bg);border:1px solid var(--line);font-size:11px;font-weight:600;color:var(--muted)}.rank{display:inline-grid;width:26px;height:26px;place-items:center;border-radius:50%;font-size:11px;font-weight:700;font-family:Outfit,sans-serif;border:1px solid var(--line-strong);background:var(--surface-soft);color:var(--muted)}.rank-1{background:var(--accent);color:#fff;border-color:var(--accent);box-shadow:0 3px 8px #ff3b3033}.rank-2{background:#ff3b3014;color:var(--accent);border-color:#ff3b3040}.rank-3{background:var(--bg-deep);color:var(--ink);border-color:var(--line-strong)}.fund-name{max-width:240px;overflow:hidden;color:var(--ink);font-weight:700;text-overflow:ellipsis;white-space:nowrap;font-size:14px}.fund-code{display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px;max-width:330px;margin-top:4px;color:var(--muted);font-size:11px;font-family:JetBrains Mono,monospace;line-height:1.55;overflow-wrap:anywhere}.fund-code-list{color:#475569;font-weight:800}.fund-trade-row{display:flex;flex-wrap:wrap;gap:5px;max-width:310px;margin-top:8px}.trade-pill,.trade-limit{display:inline-flex;align-items:center;min-height:20px;border-radius:4px;padding:2px 6px;font-size:10px;font-weight:800;line-height:1.2}.trade-pill.open{border:1px solid rgba(22,163,74,.2);background:#16a34a14;color:#15803d}.trade-pill.limited{border:1px solid rgba(234,88,12,.22);background:#ea580c14;color:#c2410c}.trade-pill.blocked{border:1px solid rgba(255,59,48,.24);background:var(--accent-soft);color:var(--accent)}.trade-pill.neutral,.trade-limit{border:1px solid var(--line);background:var(--surface-soft);color:var(--muted)}.strong{color:var(--ink)}.empty-state{display:grid;min-height:340px;place-items:center;align-content:center;gap:12px;color:var(--muted);text-align:center}.empty-state h2{margin:4px 0 0;color:var(--ink);font-size:22px;font-weight:800}.empty-state p{margin:0;font-size:14px;color:var(--muted)}.table-empty{display:grid;min-height:220px;place-items:center;border:1px dashed var(--line-strong);background:var(--surface-soft);color:var(--muted);font-size:14px;font-weight:700;border-radius:12px}.empty-state svg{color:var(--muted)}.empty-state.error{color:var(--danger)}.compliance-disclaimer{display:grid;gap:8px;margin-top:22px;padding:16px 18px;border-top:1px solid var(--line-strong);color:var(--muted);font-size:12px;line-height:1.7}.compliance-disclaimer strong{color:var(--ink);font-size:13px;font-weight:800}.compliance-disclaimer p{max-width:1180px;margin:0}.feedback-trigger{position:fixed;right:22px;bottom:22px;z-index:90;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:0 15px;border:1px solid rgba(255,59,48,.22);background:var(--accent-gradient);color:#fff;border-radius:999px;box-shadow:0 12px 28px #ff3b3033,0 1px #ffffff4d inset;font-size:13px;font-weight:800}.feedback-layer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10001;display:grid;place-items:center;padding:18px}.feedback-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;border:0;background:#0f172a47;cursor:default}.feedback-dialog{position:relative;z-index:1;width:min(460px,100%);padding:20px;border:1px solid var(--line);background:var(--surface);border-radius:16px;box-shadow:0 26px 70px #0f172a33,0 1px #ffffffe6 inset}.feedback-dialog-header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:16px}.feedback-dialog-header h2{margin:0;color:var(--ink);font-size:24px;line-height:1.1;font-weight:900}.feedback-close{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border:1px solid var(--line);background:var(--surface-soft);color:var(--muted);border-radius:9px}.feedback-form{display:grid;gap:12px}.feedback-form label{display:grid;gap:7px;color:var(--ink);font-size:13px;font-weight:800}.feedback-form input,.feedback-form textarea{width:100%;border:1px solid var(--line);background:var(--surface-soft);color:var(--ink);border-radius:10px;font-size:14px}.feedback-form input{height:42px;padding:0 12px}.feedback-form textarea{min-height:124px;resize:vertical;padding:11px 12px;line-height:1.6}.feedback-form input:focus,.feedback-form textarea:focus{border-color:var(--accent);background:#fff;outline:0}.feedback-honeypot{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}.feedback-error{margin:0;color:var(--danger);font-size:12px;font-weight:700}.feedback-submit,.feedback-success button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;border:0;background:var(--accent-gradient);color:#fff;border-radius:11px;box-shadow:0 8px 18px #ff3b3029;font-size:14px;font-weight:900}.feedback-submit:disabled{cursor:wait;opacity:.72}.feedback-success{display:grid;place-items:center;gap:10px;min-height:220px;color:var(--muted);text-align:center}.feedback-success svg{color:var(--accent)}.feedback-success strong{color:var(--ink);font-size:22px;font-weight:900}.feedback-success p{margin:0 0 8px;font-size:14px}.feedback-success button{min-width:118px}.spin{animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:980px){.search-zone,.workspace{grid-template-columns:1fr}.search-zone{padding:24px 0 22px;gap:24px}.workspace.has-selection .left-panel{order:2}.workspace.no-selection .left-panel{order:0}.workspace.no-selection .results-panel{order:2}.candidate-list{max-height:300px}.workspace.no-selection .empty-state{min-height:220px}}@media(max-width:720px){.app-shell{width:min(100% - 24px,1220px);padding-top:16px}.topbar,.result-header,.section-title{align-items:flex-start;flex-direction:column;gap:12px}.brand-mark{align-items:flex-start;flex-direction:column;gap:8px}.topbar-meta{flex-wrap:wrap}.intro h1{font-size:34px;line-height:1.1}.intro p{font-size:14px}.search-box{grid-template-columns:1fr;gap:10px;padding:10px;border-radius:18px;background:#fff}.search-box>svg{display:none}.search-box input{min-height:48px;padding:0 14px;border:1px solid var(--line);background:var(--surface-soft);border-radius:12px;font-size:16px}.search-box input:focus{border-color:var(--accent);background:#fff}.search-box button{width:100%;height:48px;margin-top:0;border-radius:12px}.data-strip{grid-template-columns:1fr}.results-panel,.left-panel{padding:16px}.result-header h2{font-size:26px}.result-header h2 span{display:inline-block;margin:8px 0 0}.metrics-grid{grid-template-columns:1fr;width:100%}.segmented{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;min-width:0;padding:4px;border-radius:14px;background:#eef3f8;box-shadow:0 1px 2px #0f172a0a inset,0 1px #ffffffe6}.result-header .segmented{align-self:stretch}.segmented button{height:42px;gap:6px;border-radius:11px;font-size:13px;font-weight:800;-webkit-tap-highlight-color:transparent}.segmented button svg{width:15px;height:15px}.segmented button.active{background:var(--accent-gradient);box-shadow:0 7px 16px #ff3b302e,0 1px #ffffff59 inset}.feedback-trigger{right:14px;bottom:14px;min-height:40px;padding:0 13px;font-size:12px}.feedback-layer{align-items:end;padding:12px}.feedback-dialog{width:100%;padding:18px;border-radius:18px 18px 14px 14px}}.skeleton{pointer-events:none}.skeleton-line{display:block;height:14px;background:#eef0f3;border-radius:4px;position:relative;overflow:hidden}.skeleton-line:after,.skeleton-icon:after,.skeleton-rank:after,.skeleton-bar:after,.skeleton-bar-short:after,.skeleton-btn:after{position:absolute;top:0;right:0;bottom:0;left:0;transform:translate(-100%);background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.6) 30%,rgba(255,255,255,.9) 60%,transparent 100%);animation:skeleton-sweep 1.5s infinite ease-in-out;content:""}@keyframes skeleton-sweep{to{transform:translate(100%)}}.skeleton-title-width{width:65%;height:15px}.skeleton-code-width{width:40%;height:11px;margin-top:6px}.skeleton-metric-width{display:inline-block;width:80px;height:14px}.skeleton-title-width-large{width:45%;height:32px;margin-top:8px}.skeleton-icon{width:36px;height:36px;background:#eef0f3;border-radius:8px;position:relative;overflow:hidden}.skeleton-metric-label{width:60px;height:11px}.skeleton-metric-value{width:90px;height:20px;margin-top:6px}.skeleton-rank{display:inline-block;width:26px;height:26px;background:#eef0f3;border-radius:50%;position:relative;overflow:hidden}.skeleton-fund-name{width:160px;height:14px}.skeleton-fund-code{width:80px;height:10px;margin-top:6px}.skeleton-badge{width:52px;height:20px;background:#eef0f3;border-radius:4px;position:relative;overflow:hidden}.skeleton-bar{width:100px;height:12px;background:#eef0f3;border-radius:9999px;position:relative;overflow:hidden}.skeleton-bar-short{width:68px;height:12px;background:#eef0f3;border-radius:9999px;position:relative;overflow:hidden}.skeleton-btn{display:inline-block;width:30px;height:30px;background:#eef0f3;border-radius:6px;position:relative;overflow:hidden}.candidate.skeleton{border-color:#f1f3f5;background:#f8fafc}.skeleton-row td{padding:16px 20px}.fund-holdings-hover-card{width:368px;max-width:calc(100vw - 24px);max-height:calc(100vh - 24px);overflow:hidden auto;background:linear-gradient(135deg,#fffffffa,#f8fafcfa),radial-gradient(circle at 18% 0%,rgba(255,59,48,.1),transparent 42%);border:1px solid rgba(203,213,225,.85);box-shadow:0 18px 50px #0f172a24,0 1px #ffffffe6 inset;border-radius:12px;padding:14px;pointer-events:none;font-family:Outfit,sans-serif;animation:hover-card-pop .22s cubic-bezier(.16,1,.3,1) forwards}.fund-holdings-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9998;border:0;padding:0;background:#0f172a42;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}@keyframes hover-card-pop{0%{opacity:0;transform:scale(.95) translateY(4px)}to{opacity:1;transform:scale(1) translateY(0)}}.hover-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;border-bottom:1px solid rgba(226,232,240,.95);padding-bottom:10px;margin-bottom:10px}.hover-card-fund-info{min-width:0}.hover-card-close{display:none;align-items:center;justify-content:center;flex:0 0 auto;width:34px;height:34px;border:1px solid rgba(203,213,225,.9);border-radius:999px;background:#fff;color:#1e293b;box-shadow:0 8px 18px #0f172a14}.hover-card-fund-name{font-size:15px;font-weight:900;color:var(--ink);line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hover-card-meta-line{display:flex;align-items:center;gap:8px;font-size:11px;color:#64748b;font-family:JetBrains Mono,monospace;margin-top:7px}.hover-card-meta-line strong{color:#1e293b;font-weight:800;letter-spacing:.02em}.hover-card-fund-codes{min-width:0;overflow-wrap:anywhere;line-height:1.4}.hover-card-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:8px}.hover-card-summary div{border:1px solid rgba(226,232,240,.95);background:#ffffffb8;border-radius:8px;padding:7px 9px}.hover-card-summary span,.hover-card-target-strip span{display:block;color:#64748b;font-size:10px;font-weight:800}.hover-card-summary strong{display:block;margin-top:3px;color:#0f172a;font-family:JetBrains Mono,monospace;font-size:13px}.hover-card-target-strip{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;margin-bottom:9px;border:1px solid rgba(255,59,48,.22);background:linear-gradient(90deg,#ff3b3014,#ffffffb8);border-radius:8px;padding:8px 10px}.hover-card-target-strip strong{overflow:hidden;color:#0f172a;font-size:13px;font-weight:900;text-overflow:ellipsis;white-space:nowrap}.hover-card-target-strip b{color:var(--accent);font-family:JetBrains Mono,monospace;font-size:13px;font-weight:900}.hover-card-title-row{display:grid;grid-template-columns:1fr auto;gap:12px;margin-bottom:6px;color:#64748b;font-size:10px;font-weight:800;letter-spacing:.04em}.hover-card-holdings-list{display:flex;flex-direction:column;gap:4px}.hover-card-holding-row{display:grid;grid-template-columns:20px minmax(0,1fr) 52px;align-items:stretch;gap:9px;min-height:32px;border:1px solid transparent;border-radius:8px;padding:5px 7px;background:#ffffff85}.holding-rank{display:inline-flex;align-items:center;justify-content:center;color:#94a3b8;font-family:JetBrains Mono,monospace;font-size:10px;font-weight:800}.holding-main{min-width:0}.holding-name-line{display:flex;align-items:center;gap:6px;min-width:0;margin-bottom:4px}.holding-stock-name{font-size:12px;font-weight:800;color:#1f2937;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.holding-stock-code{flex:0 0 auto;color:#94a3b8;font-family:JetBrains Mono,monospace;font-size:9px;font-weight:700}.holding-progress-bar{height:5px;background:#e2e8f0eb;border-radius:999px;overflow:hidden}.holding-progress-fill{height:100%;background:linear-gradient(90deg,#94a3b8,#cbd5e1);border-radius:999px}.holding-stock-ratio{font-size:12px;font-weight:700;color:var(--muted);text-align:right;font-family:JetBrains Mono,monospace;align-self:center}.hover-card-holding-row.row-highlight{border-color:#ff3b303d;background:#ff3b300f}.hover-card-holding-row.row-highlight .holding-rank,.hover-card-holding-row.row-highlight .holding-stock-name{color:var(--accent)}.hover-card-holding-row.row-highlight .holding-stock-code{color:#ff3b309e}.hover-card-holding-row.row-highlight .holding-progress-fill{background:var(--accent-gradient);box-shadow:0 0 8px #ff3b303d}.hover-card-holding-row.row-highlight .holding-stock-ratio{color:var(--accent);font-weight:800}.target-badge{display:inline-flex;background:var(--accent-soft);color:var(--accent);font-size:9px;font-weight:900;padding:2px 5px;border-radius:999px;white-space:nowrap}.no-holdings-msg{font-size:12px;color:var(--muted);text-align:center;padding:12px 0}@media(max-width:720px){.fund-holdings-hover-card.mobile-panel{width:auto;max-width:none;max-height:min(72vh,620px);border-radius:18px 18px 14px 14px;box-shadow:0 -12px 42px #0f172a33,0 1px #ffffffe6 inset;animation:mobile-card-rise .22s cubic-bezier(.16,1,.3,1) forwards}.hover-card-close{display:inline-flex}.hover-card-meta-line{align-items:flex-start;flex-direction:column;gap:4px}.hover-card-holdings-list{gap:6px}.hover-card-holding-row{grid-template-columns:22px minmax(0,1fr) 58px;min-height:38px;padding:7px}.holding-stock-name{font-size:13px}}@keyframes mobile-card-rise{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}
