*{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;background:#fafafa;color:#111;-webkit-font-smoothing:antialiased;overflow-x:hidden}
a{text-decoration:none;color:inherit}
.app{min-height:100vh}
.header{position:fixed;top:0;left:0;right:0;height:56px;background:#fff;border-bottom:1px solid #eee;display:flex;align-items:center;padding:0 16px;z-index:100}
.menu-btn{display:none;width:40px;height:40px;border:none;background:none;cursor:pointer}
.menu-btn span{display:block;width:20px;height:2px;background:#111;margin:5px auto}
.logo{font-size:18px;font-weight:600}
.sidebar{position:fixed;left:0;top:56px;width:220px;height:calc(100vh - 56px);background:#fff;border-right:1px solid #eee;padding:16px;overflow-y:auto;z-index:200}
.nav{display:flex;flex-direction:column;gap:2px}
.nav-item{padding:10px 12px;border-radius:6px;font-size:14px;color:#666}
.nav-item:hover{background:#f5f5f5}
.nav-item.active{background:#111;color:#fff}
.main{margin-left:220px;padding:24px 32px 32px;padding-top:80px;max-width:1280px}
.page-toolbar,.flow-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:16px}
.page-title{font-size:28px;font-weight:600;margin-bottom:6px;line-height:1.2}
.page-desc{color:#555;font-size:14px;margin-bottom:0}
.toolbar-refresh-form{flex-shrink:0}
.toolbar-refresh-btn{width:40px;height:40px;border-radius:10px;box-shadow:0 1px 2px rgba(0,0,0,.04)}
.flow-steps{display:flex;gap:12px;flex-wrap:wrap;margin:8px 0 20px}
.flow-step{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border-radius:999px;border:1px solid #e5e7eb;background:#fff;color:#6b7280;font-size:13px}
.flow-step span{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:999px;background:#f3f4f6;color:#6b7280;font-size:12px;font-weight:700}
.flow-step.active{border-color:#111;color:#111}
.flow-step.active span{background:#111;color:#fff}
.flow-step.done{border-color:#d1fae5;color:#065f46;background:#ecfdf5}
.flow-step.done span{background:#10b981;color:#fff}
.flow-card{border-color:#e5e7eb;box-shadow:0 1px 2px rgba(0,0,0,.03)}
.flow-tip{margin-top:12px;padding:10px 12px;border-radius:10px;background:#f8fafc;border:1px solid #e5e7eb;color:#6b7280;font-size:13px}
.sort-bar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:12px 0 20px}
.sort-label{font-size:12px}
.sort-links{display:flex;gap:8px;flex-wrap:wrap}
.sort-chip{display:inline-flex;align-items:center;padding:8px 12px;border:1px solid #e5e7eb;border-radius:999px;background:#fff;font-size:13px;color:#444;transition:all .2s ease}
.sort-chip:hover{background:#f5f5f5;border-color:#d1d5db}
.sort-chip.active{background:#111;color:#fff;border-color:#111}
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:24px}
.stat-card{background:#fff;border:1px solid #eee;border-radius:8px;padding:16px;min-width:0}
.stat-label{font-size:12px;color:#555;margin-bottom:6px}
.stat-value{font-size:22px;font-weight:600;word-break:break-word}
.overview-summary-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:24px;max-width:720px}
.quad-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;max-width:720px}
.overview-summary-card{background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:14px 14px 12px;min-width:0;box-shadow:0 1px 2px rgba(0,0,0,.03);transition:border-color .2s ease,box-shadow .2s ease}
.overview-summary-card:hover{border-color:#d1d5db;box-shadow:0 2px 10px rgba(0,0,0,.04)}
.quad-card{min-height:0;padding:14px 14px 12px;border-radius:14px;display:flex;flex-direction:column;justify-content:space-between;box-shadow:0 1px 2px rgba(0,0,0,.03);border:1px solid #e5e7eb}
.overview-summary-label{font-size:12px;color:#6b7280;margin-bottom:8px}
.quad-card .overview-summary-label{font-size:12px;color:#6b7280;margin-bottom:8px}
.overview-summary-value{font-size:24px;font-weight:800;line-height:1.1;word-break:break-word}
.quad-card .overview-summary-value{font-size:24px;font-weight:800;line-height:1.1;letter-spacing:-0.01em;display:block;min-height:0}
.grid{display:grid;gap:20px;margin-bottom:24px}
.grid-2{grid-template-columns:1fr 1fr}
.card{background:#fff;border:1px solid #eee;border-radius:8px;padding:16px;min-width:0}
.card h3{font-size:15px;font-weight:600;margin-bottom:12px}
.table-wrap{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
.table-scroll-hint{display:none;font-size:12px;color:#555;margin-bottom:8px}
.table{width:100%;border-collapse:collapse}
.table th,.table td{padding:10px 6px;border-bottom:1px solid #f5f5f5;text-align:left;font-size:13px;vertical-align:top}
.table th{font-weight:500;color:#555;font-size:12px}
.muted{color:#555}
.red{color:#dc2626}
.green{color:#16a34a}
.badge{display:inline-block;padding:3px 8px;border-radius:4px;font-size:11px;background:#f5f5f5}
.badge.green{background:#f0fdf4;color:#16a34a}
.badge.red{background:#fef2f2;color:#dc2626}
.badge.yellow{background:#fefce8;color:#ca8a04}
.list{display:flex;flex-direction:column}
.list-item{padding:10px 0;border-bottom:1px solid #f5f5f5}
.list-item:last-child{border-bottom:none}
.empty{padding:24px;text-align:center;color:#555;border:1px dashed #ddd;border-radius:8px}
.search-bar{display:flex;gap:10px;margin-bottom:20px}
.search-bar input{flex:1;padding:10px;border:1px solid #ddd;border-radius:6px;font-size:14px;min-width:0}
.search-bar button,.form-actions button{padding:10px 16px;background:#111;color:#fff;border:none;border-radius:6px;cursor:pointer}
.secondary-btn{display:inline-flex;align-items:center;padding:10px 16px;background:#f5f5f5;color:#111;border-radius:6px}
.split{display:flex;gap:20px}
.split .left{width:260px;flex-shrink:0}
.split .right{flex:1;min-width:0}
.holding-form label{display:block;font-size:12px;color:#666;margin-bottom:6px}
.holding-form input,.holding-form textarea,.holding-form select{width:100%;min-width:0;padding:12px 14px;border:1px solid #d1d5db;border-radius:10px;font-size:16px;line-height:1.25;background:#fff;appearance:none;-webkit-appearance:none}
.holding-form input{height:46px}
.holding-form input[type="date"]{height:46px}
.holding-form textarea{min-height:96px;resize:vertical}
.holding-form input:focus,.holding-form textarea:focus,.holding-form select:focus{outline:none;border-color:#111;box-shadow:0 0 0 3px rgba(17,17,17,.08)}
.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-items:start}
.form-grid > div{min-width:0}
.field-span-2{grid-column:span 2}
.form-actions{display:flex;gap:10px;margin-top:14px;align-items:center;flex-wrap:wrap}
.refresh-btn{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;background:#fff;border:1px solid #e5e7eb;border-radius:10px;cursor:pointer;transition:background .2s ease,border-color .2s ease,box-shadow .2s ease,transform .12s ease;vertical-align:middle;color:#374151}
.refresh-btn:hover{background:#f8fafc;border-color:#d1d5db}
.refresh-btn:active{background:#f3f4f6;transform:scale(.98)}
.refresh-btn:focus-visible{outline:none;box-shadow:0 0 0 3px rgba(59,130,246,.18)}
.toolbar-refresh-btn{box-shadow:0 1px 2px rgba(0,0,0,.04)}
.refresh-icon{width:18px;height:18px;display:block;stroke:currentColor;stroke-width:1.9;fill:none;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}
.directory-layout{display:grid;grid-template-columns:minmax(240px,280px) minmax(0,1fr);gap:16px;align-items:start}
.directory-main{display:flex;flex-direction:column;gap:16px;min-width:0}
.directory-panel{border-radius:14px;border:1px solid #e5e7eb;box-shadow:0 1px 2px rgba(0,0,0,.03)}
.directory-panel-title{font-size:16px;font-weight:700;margin-bottom:14px}
.directory-stock-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:14px}
.directory-stock-sort{display:flex;gap:8px;flex-wrap:wrap}
.directory-group-list{display:flex;flex-direction:column;gap:10px}
.directory-group-item{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:14px;border:1px solid #e5e7eb;border-radius:12px;background:#fff;transition:border-color .2s ease,box-shadow .2s ease}
.directory-group-item:hover{border-color:#d1d5db;box-shadow:0 2px 10px rgba(0,0,0,.04)}
.directory-group-item.active{border-color:#111;background:#111;color:#fff}
.directory-group-item.active .directory-group-desc{color:#d1d5db}
.directory-group-name{font-size:15px;font-weight:700;line-height:1.2;margin-bottom:4px}
.directory-group-desc{font-size:12px;color:#6b7280;line-height:1.4}
.directory-group-count{min-width:28px;height:28px;border-radius:999px;background:#f3f4f6;color:#111;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700}
.directory-group-item.active .directory-group-count{background:#fff;color:#111}
.directory-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px}
.directory-meta-chip{padding:8px 10px;border-radius:999px;background:#f3f4f6;font-size:12px;color:#374151;white-space:nowrap}
.directory-view-switch-card{margin-bottom:16px}
.directory-view-switch{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.theme-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.industry-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}
.hot-grid,.mainline-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}
.theme-card{display:block;padding:14px;border:1px solid #e5e7eb;border-radius:12px;background:#fff;transition:border-color .2s ease,box-shadow .2s ease,transform .12s ease;min-width:0}
.theme-card.compact{padding:12px}
.theme-card:hover{border-color:#d1d5db;box-shadow:0 2px 10px rgba(0,0,0,.04)}
.theme-card.active{border-color:#111;box-shadow:0 0 0 1px #111 inset}
.theme-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:12px}
.theme-card-name{font-size:16px;font-weight:700;line-height:1.25;word-break:break-word}
.theme-card-code{font-size:12px;color:#6b7280;margin-top:3px;word-break:break-all}
.theme-metrics-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 12px}
.theme-metrics-grid div{display:flex;flex-direction:column;gap:4px;min-width:0}
.theme-metrics-grid span{font-size:12px;color:#6b7280}
.theme-metrics-grid strong{font-size:15px;color:#111;word-break:break-word}
.theme-metrics-grid.detail{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:12px}
.theme-card-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:12px;font-size:12px;color:#6b7280;flex-wrap:wrap}
.theme-detail-stack{display:flex;flex-direction:column;gap:12px}
.theme-detail-title{font-size:20px;font-weight:800;line-height:1.2;margin-top:4px}
.theme-detail-tags{display:flex;flex-wrap:wrap;gap:8px}
.theme-detail-desc{font-size:13px;line-height:1.6;color:#4b5563}
.directory-stock-item{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.directory-stock-main{min-width:0;flex:1}
.directory-stock-industry{font-size:12px;color:#4b5563;margin-top:4px}
.directory-stock-concepts{font-size:12px;color:#6b7280;margin-top:4px;line-height:1.5}
.directory-stock-tag-row{display:flex;flex-wrap:wrap;gap:4px;margin-top:5px}
.stock-tag{display:inline-block;padding:2px 7px;border-radius:4px;font-size:11px;text-decoration:none;cursor:pointer;line-height:1.4}
.stock-tag.industry-tag{background:#eff6ff;color:#2563eb;border:1px solid #bfdbfe}
.stock-tag.industry-tag:hover{background:#dbeafe}
.stock-tag.concept-tag{background:#f5f3ff;color:#7c3aed;border:1px solid #ddd6fe}
.stock-tag.concept-tag:hover{background:#ede9fe}
.stock-tag.muted-tag{background:#f3f4f6;color:#9ca3af;border:1px solid #e5e7eb;cursor:default}
.directory-stock-tags{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px}
.directory-more-hint{margin-top:12px;font-size:12px;color:#6b7280}
.industry-sections{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:8px}
.industry-section-card{padding:12px;border:1px solid #e5e7eb;border-radius:12px;background:#fafafa}
.industry-section-title{font-size:13px;font-weight:700;margin-bottom:8px;color:#374151}

/* 行业卡片龙头条 */
.theme-card-leader-stack{display:flex;flex-direction:column;gap:6px;margin-top:10px}
.theme-card-leader-row{display:flex;align-items:center;gap:8px;min-width:0;padding:8px 10px;border-radius:8px;border:1px solid #e5e7eb;background:#fafafa;font-size:13px}
.theme-card-leader-row.today-leader{background:#fff7ed;border-color:#fed7aa}
.theme-card-leader-row.trend-leader{background:#f8fafc;border-color:#dbeafe}
.theme-card-leader-row.industry-leader{background:#fffbeb;border-color:#fef3c7}
.leader-badge{font-size:12px;font-weight:700;color:#9a3412;white-space:nowrap}
.leader-badge.muted{color:#475569}
.leader-name{font-weight:800;color:#111;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.leader-cap,.leader-pct,.leader-rel{font-size:12px;font-weight:700;white-space:nowrap}
.leader-cap{color:#b45309}
.leader-rel{color:#64748b;font-weight:600}

/* 详情页龙头区域 */
.detail-leader-section{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}
.detail-leader-card{padding:12px 14px;border-radius:10px;border:1px solid #e5e7eb;background:#fafafa}
.detail-leader-card.real-leader{border-color:#fbbf24;background:#fffbeb}
.detail-leader-card.daily-leader{border-color:#f87171;background:#fef2f2}
.detail-leader-label{font-size:13px;font-weight:700;color:#374151;margin-bottom:6px;display:flex;align-items:center;gap:6px}
.leader-type-tag{font-size:10px;font-weight:500;padding:1px 6px;border-radius:4px;background:#f3f4f6;color:#6b7280}
.detail-leader-name{font-size:18px;font-weight:800;color:#111;margin-bottom:4px}
.detail-leader-meta{display:flex;gap:10px;font-size:12px;color:#6b7280;flex-wrap:wrap}
.detail-leader-meta .red{color:#dc2626;font-weight:600}
.detail-leader-meta .green{color:#16a34a;font-weight:600}

/* Enriched stock cards */
.enriched-stock-item{display:flex;flex-direction:column;gap:4px;padding:10px 14px !important;min-height:auto !important;border-bottom:1px solid #f3f4f6}
.enriched-stock-item:hover{background:#fffbeb !important}
.stock-item-top{display:flex;justify-content:space-between;align-items:center}
.stock-item-identity{display:flex;align-items:baseline;gap:8px}
.stock-item-name{font-size:14px;color:#111}
.stock-item-code{font-size:11px}
.stock-item-valuation{display:flex;gap:6px;align-items:center;flex-shrink:0}
.val-badge{font-size:11px;font-weight:600;padding:2px 7px;border-radius:4px;white-space:nowrap}
.val-badge.cap{background:#ecfdf5;color:#059669}
.val-badge.pe{background:#eff6ff;color:#2563eb}
.val-badge.turnover{background:#fef3c7;color:#92400e}
.stock-item-meta{font-size:12px;color:#6b7280}
.stock-item-desc{font-size:12px;color:#9ca3af;line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}
.stock-item-tags{display:flex;flex-wrap:wrap;gap:4px;margin-top:2px}
.concept-chip{font-size:10px;padding:1px 6px;border-radius:3px;background:#f0f9ff;color:#0369a1;border:1px solid #bae6fd;white-space:nowrap}
.concept-chip.more-chip{background:#f9fafb;color:#9ca3af;border-color:#e5e7eb}

/* KPL Mainline Theme Cards */
.kpl-theme-list{display:flex;flex-direction:column;gap:6px;padding:8px}
.kpl-theme-card{display:block;padding:10px 12px;border-radius:8px;background:#fff;border:1px solid #e5e7eb;text-decoration:none;color:#111;transition:all .15s}
.kpl-theme-card:hover{border-color:#f59e0b;background:#fffbeb}
.kpl-theme-card.active{border-color:#f59e0b;background:#fff7ed;box-shadow:0 0 0 1px #f59e0b}
.kpl-theme-header{display:flex;justify-content:space-between;align-items:center}
.kpl-theme-name{font-weight:700;font-size:14px}
.kpl-theme-cnt{font-size:12px;font-weight:600;color:#dc2626;background:#fef2f2;padding:1px 8px;border-radius:10px}
.kpl-theme-lb{font-size:11px;color:#fff;background:linear-gradient(135deg,#f59e0b,#ef4444);padding:1px 6px;border-radius:3px;display:inline-block;margin-top:4px;font-weight:600}
.kpl-theme-stocks{font-size:12px;color:#6b7280;margin-top:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.related-theme-list{display:flex;flex-direction:column;gap:8px}
.related-theme-item{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border:1px solid #e5e7eb;border-radius:10px;background:#fff}
.related-theme-name{font-size:14px;font-weight:700;color:#111}
.related-theme-meta{font-size:12px;color:#6b7280;margin-top:2px}
.related-theme-change{font-size:13px;font-weight:700;white-space:nowrap}
.holding-mobile-card{display:flex;flex-direction:column;gap:12px;padding:14px;border:1px solid #e5e7eb;border-radius:14px;background:#fff;margin-bottom:12px}
.holding-mobile-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.holding-mobile-name{font-size:15px;font-weight:700;line-height:1.25}
.holding-mobile-code{font-size:12px;margin-top:4px}
.holding-mobile-pnl{font-size:16px;font-weight:800;flex-shrink:0}
.holding-mobile-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.holding-mobile-item{padding:10px 12px;border-radius:12px;background:#f8fafc;border:1px solid #e5e7eb;min-width:0}
.holding-mobile-item span{display:block;font-size:11px;color:#6b7280;margin-bottom:4px}
.holding-mobile-item strong{display:block;font-size:14px;line-height:1.25;word-break:break-word}
.holding-mobile-source-card{padding:12px;border:1px solid #e5e7eb;border-radius:12px;background:#fff}
.holding-mobile-source-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px}
.holding-mobile-source-title{font-size:13px;font-weight:700;color:#111}
.holding-mobile-source-body{display:flex;flex-direction:column;gap:4px;font-size:12px;color:#6b7280;line-height:1.45;word-break:break-word}
.holding-mobile-retry-form{margin-top:10px}
.holding-mobile-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.holding-mobile-actions form{display:block}
.mobile-action-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;width:100%;min-height:40px;padding:10px 12px;border:1px solid #e5e7eb;border-radius:10px;background:#fff;color:#111;font-size:13px;font-weight:600}
.mobile-action-btn.primary{background:#111;color:#fff;border-color:#111}
.mobile-action-btn.danger{background:#fff5f5;color:#dc2626;border-color:#fecaca}
.mobile-action-btn.retry{background:#f8fafc;color:#374151}
.recommendation-strip{display:flex;align-items:flex-start;gap:8px;margin-top:10px;padding:10px 12px;border-radius:10px;border:1px solid #e5e7eb;background:#f8fafc}
.recommendation-action{font-size:11px;font-weight:700;line-height:1.2;white-space:nowrap}
.recommendation-text{font-size:12px;line-height:1.45;color:#4b5563}
.recommendation-strip.good{background:#f0fdf4;border-color:#bbf7d0}.recommendation-strip.good .recommendation-action{color:#15803d}
.recommendation-strip.warn{background:#fffbeb;border-color:#fde68a}.recommendation-strip.warn .recommendation-action{color:#b45309}
.recommendation-strip.risk{background:#fef2f2;border-color:#fecaca}.recommendation-strip.risk .recommendation-action{color:#dc2626}
.recommendation-strip.pending{background:#f8fafc;border-color:#e5e7eb}.recommendation-strip.pending .recommendation-action{color:#475569}
.recommendation-card{border-radius:14px;border:1px solid #e5e7eb}
.recommendation-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 12px}
.recommendation-detail-grid div{padding:12px;border:1px solid #e5e7eb;border-radius:12px;background:#fafafa}
.recommendation-detail-grid span{display:block;font-size:12px;color:#6b7280;margin-bottom:4px}
.recommendation-detail-grid strong{display:block;font-size:15px;color:#111}
.recommendation-detail-summary{margin-top:12px;padding:12px;border-radius:12px;background:#f8fafc;border:1px solid #e5e7eb;font-size:13px;color:#4b5563;line-height:1.6}
.overview-holdings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.overview-holding-tile{display:block;padding:14px;border:1px solid #e5e7eb;border-radius:12px;background:#fff;transition:border-color .2s ease,box-shadow .2s ease,transform .12s ease;min-width:0}
.overview-holding-tile:hover{border-color:#d1d5db;box-shadow:0 2px 10px rgba(0,0,0,.04)}
.overview-holding-tile:active{transform:scale(.99)}
.overview-holding-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:10px}
.overview-holding-head > div:first-child{min-width:0;flex:1}
.overview-holding-name{font-size:15px;font-weight:700;line-height:1.25;word-break:break-word}
.overview-holding-price{font-size:14px;font-weight:600;color:#111;white-space:nowrap;flex-shrink:0}
.overview-holding-pnl{font-size:18px;font-weight:700;line-height:1.2;word-break:break-word}
.overview-holding-pct{font-size:13px;margin-top:4px;word-break:break-word}
@media (max-width: 1200px){.main{max-width:none;padding:20px 24px 28px;padding-top:80px}.industry-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hot-grid,.mainline-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.industry-sections{grid-template-columns:1fr 1fr}.overview-holdings-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width: 1024px){.stats{grid-template-columns:repeat(2,1fr)}.grid-2{grid-template-columns:1fr}.split{flex-direction:column}.split .left{width:100%}.directory-layout{grid-template-columns:1fr}.directory-view-switch{grid-template-columns:repeat(2,minmax(0,1fr))}.theme-card-grid{grid-template-columns:1fr 1fr}.theme-metrics-grid.detail{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width: 768px){.menu-btn{display:block}.sidebar{transform:translateX(-100%);transition:transform .2s;top:56px;width:260px}.sidebar.open{transform:translateX(0)}.main{margin-left:0;padding:12px;padding-top:72px;max-width:none}.page-toolbar,.flow-header{align-items:center}.page-title{font-size:22px}.page-desc{font-size:13px}.card{padding:12px}.directory-head{flex-direction:column;align-items:flex-start}.directory-view-switch{display:flex;gap:10px;overflow-x:auto;overflow-y:hidden;padding-bottom:4px;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch}.directory-view-switch .theme-card{min-width:220px;flex:0 0 220px;scroll-snap-align:start}.industry-grid,.hot-grid,.mainline-grid,.theme-card-grid{grid-template-columns:1fr}.theme-metrics-grid.detail{grid-template-columns:1fr 1fr}.industry-sections{grid-template-columns:1fr}.directory-stock-item{flex-direction:column}.directory-stock-tags{justify-content:flex-start}.directory-meta-chip{white-space:normal}.table-scroll-hint{display:block}.overview-summary-grid,.quad-grid{grid-template-columns:1fr 1fr;max-width:none;gap:10px}.overview-summary-card,.quad-card{padding:12px}.overview-summary-value,.quad-card .overview-summary-value{font-size:20px}.overview-holdings-grid{grid-template-columns:1fr 1fr;gap:10px}.overview-holding-tile{padding:12px}.overview-holding-head{gap:8px}.overview-holding-price{font-size:13px}.overview-holding-pnl{font-size:16px}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.holding-form input,.holding-form textarea,.holding-form select{font-size:16px}.form-actions{flex-direction:column;align-items:stretch}.form-actions > *{width:100%;justify-content:center}}
@media (max-width: 480px){.header{padding:0 12px}.logo{font-size:16px}.page-title{font-size:20px}.stats{grid-template-columns:1fr}.nav-item{font-size:13px}.directory-view-switch .theme-card{min-width:200px;flex-basis:200px}.theme-metrics-grid,.theme-metrics-grid.detail{grid-template-columns:1fr 1fr}.theme-card{padding:12px}.theme-card-name{font-size:15px}.overview-summary-grid,.quad-grid{grid-template-columns:1fr 1fr}.overview-summary-value{font-size:17px}.quad-card .overview-summary-value{font-size:18px}.overview-holdings-grid{grid-template-columns:1fr 1fr}.overview-holding-head{flex-direction:column;align-items:flex-start}.overview-holding-price{white-space:normal}.holding-form input{height:44px}.holding-form input[type="date"]{height:44px}.holding-mobile-grid{grid-template-columns:1fr 1fr}.holding-mobile-actions{grid-template-columns:1fr 1fr}}

/* ========== 新增组件样式 ========== */
.page-header{display:flex;align-items:center;gap:12px;margin-bottom:20px;flex-wrap:wrap}
.page-header h2{font-size:22px;font-weight:700;margin:0}
.header-actions{margin-left:auto}
.stat-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px;margin-bottom:20px}
.stat-cards .stat-card{text-align:center;padding:14px 10px}
.stat-card-highlight{border:2px solid #111}
.text-green{color:#16a34a}
.text-yellow{color:#ca8a04}
.text-red{color:#dc2626}
.text-muted{color:#555;font-size:13px}
.filter-bar{display:flex;gap:8px;margin-bottom:16px;flex-wrap:wrap}
.btn{display:inline-flex;align-items:center;padding:8px 14px;border:1px solid #e5e7eb;border-radius:8px;background:#fff;font-size:13px;color:#444;cursor:pointer;text-decoration:none;transition:all .15s}
.btn:hover{background:#f5f5f5;border-color:#d1d5db}
.btn-sm{padding:6px 10px;font-size:12px}
.btn-primary{background:#111;color:#fff;border-color:#111}
.btn-primary:hover{background:#333}
.btn-active{background:#111;color:#fff;border-color:#111}
.create-form-toggle{margin-bottom:20px}
.create-form-toggle summary{cursor:pointer;list-style:none}
.create-form-toggle summary::-webkit-details-marker{display:none}
.form-card{margin-top:12px}
.form-row{margin-bottom:12px}
.form-row label{display:block;font-size:12px;color:#666;margin-bottom:6px}
.form-row input,.form-row textarea,.form-row select{width:100%;padding:10px 12px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;background:#fff}
.form-row textarea{min-height:60px;resize:vertical}
.form-row input:focus,.form-row textarea:focus,.form-row select:focus{outline:none;border-color:#111;box-shadow:0 0 0 2px rgba(17,17,17,.08)}
.card-link{display:block;text-decoration:none;color:inherit;transition:border-color .2s,box-shadow .2s;margin-bottom:10px}
.card-link:hover{border-color:#d1d5db;box-shadow:0 2px 8px rgba(0,0,0,.04)}
.card-header{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:8px}
.card-title{font-size:15px;font-weight:600;line-height:1.3}
.card-meta{font-size:12px;color:#555;margin-top:4px}
.card-desc{font-size:13px;color:#666;margin-top:6px;line-height:1.5}
.card-date{font-size:12px;color:#555;margin-left:auto}
.badge-direction,.badge-theme,.badge-stock,.badge-event{background:#eff6ff;color:#2563eb}
.badge-green{background:#f0fdf4;color:#16a34a}
.badge-red{background:#fef2f2;color:#dc2626}
.badge-gray{background:#f3f4f6;color:#6b7280}
.badge-status-pending{background:#fefce8;color:#ca8a04}
.badge-status-validated{background:#f0fdf4;color:#16a34a}
.badge-status-expired{background:#f3f4f6;color:#6b7280}
.badge-status-draft{background:#f3f4f6;color:#6b7280}
.badge-status-active{background:#f0fdf4;color:#16a34a}
.badge-status-testing{background:#eff6ff;color:#2563eb}
.badge-status-open{background:#fefce8;color:#ca8a04}
.badge-status-closed{background:#f3f4f6;color:#6b7280}
.badge-result-correct{background:#f0fdf4;color:#16a34a}
.badge-result-partial{background:#fefce8;color:#ca8a04}
.badge-result-wrong{background:#fef2f2;color:#dc2626}
.badge-result-expired{background:#f3f4f6;color:#6b7280}
.badge-result-win{background:#f0fdf4;color:#16a34a}
.badge-result-loss{background:#fef2f2;color:#dc2626}
.badge-result-breakeven{background:#f3f4f6;color:#6b7280}
.badge-trend,.badge-breakout{background:#eff6ff;color:#2563eb}
.badge-reversal{background:#fef2f2;color:#dc2626}
.badge-value{background:#f0fdf4;color:#16a34a}
.badge-long{background:#f0fdf4;color:#16a34a}
.badge-short{background:#fef2f2;color:#dc2626}
.empty-state{padding:32px;text-align:center;color:#555;border:1px dashed #ddd;border-radius:10px;margin:12px 0}
.detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px;margin:12px 0}
.detail-item{display:flex;flex-direction:column;gap:4px}
.detail-label{font-size:12px;color:#555}
.detail-content{margin:12px 0;font-size:14px;line-height:1.6;color:#333}
.score-tag{font-size:12px;font-weight:600;color:#111}
.list-section{margin-top:12px}
.validation-card{margin-bottom:10px}
/* 操作建议 */
.advice-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.advice-section h4{font-size:13px;font-weight:600;margin-bottom:8px}
.advice-section ul{list-style:none;padding:0}
.advice-section li{padding:6px 0;font-size:13px;color:#333;border-bottom:1px solid #f5f5f5}
.advice-section li:last-child{border-bottom:none}
/* 五维度研究卡 */
.research-card-five{margin-top:20px}
.research-card-five h3{font-size:18px;font-weight:700}
.overall-score{font-size:14px;margin-bottom:12px}
.dimension-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin:12px 0}
.dimension-card{padding:14px;border:1px solid #e5e7eb;border-radius:10px;background:#fafafa}
.dimension-card.dimension-awaiting_data{opacity:.7}
.dimension-card.dimension-partial{border-color:#fde68a}
.dimension-card.dimension-complete{border-color:#bbf7d0}
.dimension-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}
.dimension-label{font-size:14px;font-weight:600}
.dimension-score{font-size:16px;font-weight:700}
.dimension-items{list-style:none;padding:0;margin:0}
.dimension-items li{font-size:12px;color:#444;padding:3px 0;border-bottom:1px solid #f0f0f0}
.dimension-items li:last-child{border-bottom:none}
.dim-empty{font-size:12px;margin:4px 0}
.dimension-status{margin-top:8px;font-size:11px;color:#555}
.research-recommendation{margin-top:12px;padding:12px;border-radius:10px;background:#f8fafc;border:1px solid #e5e7eb;font-size:13px;color:#4b5563}
@media(max-width:768px){.advice-grid{grid-template-columns:1fr}.dimension-grid{grid-template-columns:1fr 1fr}.stat-cards{grid-template-columns:repeat(2,1fr)}.detail-grid{grid-template-columns:1fr 1fr}}
@media(max-width:480px){.dimension-grid{grid-template-columns:1fr}.stat-cards{grid-template-columns:1fr 1fr}}

/* ===== Predictions v2 ===== */
.predict-hero{padding:20px;border-radius:14px;margin-bottom:20px;border:2px solid}
.hero-bull{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border-color:#86efac}
.hero-bear{background:linear-gradient(135deg,#fef2f2,#fecaca);border-color:#fca5a5}
.hero-neutral{background:linear-gradient(135deg,#fefce8,#fef9c3);border-color:#fde047}
.hero-header{display:flex;align-items:center;gap:10px;margin-bottom:12px;flex-wrap:wrap}
.hero-icon{font-size:24px}
.hero-title{font-size:16px;font-weight:700;flex:1;color:#1f2937}
.hero-date{font-size:12px;color:#6b7280}
.hero-body{font-size:13px;line-height:1.8;color:#374151;white-space:pre-line}
.hero-footer{display:flex;align-items:center;gap:12px;margin-top:14px;padding-top:12px;border-top:1px solid rgba(0,0,0,.08)}
.hero-conf{font-size:12px;color:#6b7280}
.hero-link{font-size:12px;color:#3b82f6;margin-left:auto;text-decoration:none}

.predict-section{margin-bottom:20px}
.section-title{font-size:15px;font-weight:700;margin-bottom:10px;padding-bottom:6px;border-bottom:2px solid #e5e7eb}
.section-risk{color:#dc2626;border-color:#fca5a5}
.section-event{color:#7c3aed;border-color:#c4b5fd}
.section-theme{color:#ea580c;border-color:#fdba74}
.section-stock{color:#0284c7;border-color:#7dd3fc}

.predict-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
@media(max-width:640px){.predict-grid{grid-template-columns:1fr}}

.predict-card{padding:14px;border-radius:12px;border:1px solid #e5e7eb;background:#fff}
.card-risk{background:#fef2f2;border-color:#fecaca}
.card-event{background:#faf5ff;border-color:#e9d5ff}
.card-theme{transition:box-shadow .15s}
.card-theme:hover{box-shadow:0 2px 8px rgba(0,0,0,.08)}
.card-stock{transition:box-shadow .15s}
.card-stock:hover{box-shadow:0 2px 8px rgba(0,0,0,.08)}

.pc-header{display:flex;align-items:center;gap:8px;margin-bottom:6px}
.pc-title{font-size:14px;font-weight:600;color:#1f2937;margin-bottom:6px}
.pc-body{font-size:12px;line-height:1.7;color:#4b5563;white-space:pre-line}
.pc-body-short{font-size:12px;line-height:1.5;color:#6b7280;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.pc-meta{display:flex;align-items:center;gap:8px;margin-top:8px}
.pc-conf{font-size:11px;color:#6b7280;background:#f3f4f6;padding:2px 6px;border-radius:4px}

/* ===== Formatted predict content ===== */
.fp-heading{font-size:13px;font-weight:700;color:#1e40af;margin:10px 0 4px;padding-left:0}
.fp-item{font-size:13px;line-height:1.6;color:#374151;padding-left:8px;margin:2px 0}
.fp-line{font-size:13px;line-height:1.6;color:#374151;margin:2px 0}
.fp-gap{height:8px}
.hero-body .fp-heading{font-size:14px;color:#1e3a5f;margin:12px 0 6px}
.hero-body .fp-item,.hero-body .fp-line{font-size:13px;line-height:1.7}
.card-risk .fp-item{color:#991b1b}
.predict-grid .pc-body{font-size:12px}
.predict-grid .fp-heading{font-size:12px;margin:6px 0 3px}
.predict-grid .fp-item,.predict-grid .fp-line{font-size:12px;line-height:1.5}
.predict-grid .fp-gap{height:4px}

/* ===== Date nav ===== */
.date-nav{display:flex;gap:6px;overflow-x:auto;padding:8px 0 12px;margin-bottom:4px;-webkit-overflow-scrolling:touch}
.date-pill{padding:6px 14px;border-radius:20px;font-size:13px;color:#6b7280;background:#f3f4f6;text-decoration:none;white-space:nowrap;transition:all .15s}
.date-pill:hover{background:#e5e7eb}
.date-active{background:#1e40af;color:#fff}
.date-active:hover{background:#1e3a8a}

/* ========== 宏观主线 ========== */
.macro-status-bar{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}
.macro-status-chip{background:#1a1a2e;padding:8px 14px;border-radius:8px;display:flex;align-items:center;gap:6px}
.chip-count{font-size:1.3em;font-weight:700;color:#fff}
.chip-label{font-size:.85em;color:#555}
.macro-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:12px;margin-bottom:20px}
.macro-card{display:block;background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:14px;text-decoration:none;color:#111;transition:transform .15s}
.macro-card:hover{transform:translateY(-2px)}
.macro-card-header{display:flex;align-items:center;gap:8px;margin-bottom:6px;font-size:.8em}
.macro-badge{display:inline-block;padding:2px 8px;border-radius:4px;color:#fff;font-size:.78em;font-weight:600}
.macro-category{color:#555}
.macro-horizon{color:#666;margin-left:auto}
.macro-card-title{font-size:1.1em;font-weight:600;margin-bottom:4px}
.macro-card-logic{font-size:.85em;color:#555;margin-bottom:8px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.macro-tags{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:8px}
.macro-tag{background:#f3f4f6;padding:2px 8px;border-radius:4px;font-size:.78em;color:#555}
.stock-tag{color:#64b5f6;text-decoration:none}
.stock-tag:hover{background:#3a3a5a}
.macro-card-footer{display:flex;align-items:center;gap:8px;font-size:.8em}
.confidence-bar{flex:0 0 60px;height:4px;background:#333;border-radius:2px;overflow:hidden}
.confidence-fill{height:100%;border-radius:2px;transition:width .3s}
.confidence-text{color:#555;min-width:30px}
.macro-last-update{color:#666;margin-left:auto;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:200px}
.confidence-bar-large{height:8px;background:#333;border-radius:4px;overflow:hidden;max-width:300px;margin-bottom:4px}
.confidence-text-large{font-size:1.1em;font-weight:600;color:#333}
.macro-detail-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:10px;margin-bottom:16px}
.macro-detail-card{background:#1a1a2e;border-radius:8px;padding:12px}
.detail-label{font-size:.8em;color:#555;margin-bottom:4px}
.detail-content{font-size:.9em;color:#333;line-height:1.5;white-space:pre-wrap}
.macro-section{margin-bottom:16px}
.section-title{font-size:.9em;font-weight:600;color:#333;margin-bottom:8px;border-bottom:1px solid #333;padding-bottom:4px}
.macro-meta{display:flex;gap:12px;flex-wrap:wrap;font-size:.82em;color:#555;margin-top:4px}
.back-link{font-size:.85em;color:#64b5f6;text-decoration:none}
.back-link:hover{text-decoration:underline}
/* 时间线 */
.timeline{position:relative;padding-left:28px}
.timeline::before{content:'';position:absolute;left:10px;top:0;bottom:0;width:2px;background:#333}
.timeline-item{position:relative;margin-bottom:16px;padding:10px 12px;background:#1a1a2e;border-radius:8px}
.timeline-item.status-change{border-left:3px solid #ff9800}
.timeline-badge{position:absolute;left:-28px;top:12px;font-size:1em}
.timeline-date{font-size:.78em;color:#555;margin-bottom:2px}
.timeline-title{font-weight:600;font-size:.92em;margin-bottom:4px}
.timeline-status-change,.timeline-conf-change{font-size:.82em;color:#ff9800;margin-bottom:2px}
.timeline-content{font-size:.85em;color:#333;line-height:1.4;white-space:pre-wrap}
.timeline-source{font-size:.75em;color:#555;margin-top:4px}
/* 表单 */
.macro-add-form{background:#1a1a2e;border-radius:8px;padding:12px;margin-top:16px}
.macro-add-form summary{cursor:pointer;font-weight:600;color:#64b5f6;font-size:.9em}
.form-grid{display:flex;flex-direction:column;gap:10px;margin-top:10px}
.form-row label{display:block;font-size:.8em;color:#555;margin-bottom:2px}
.form-row input,.form-row textarea,.form-row select{width:100%;background:#fff;border:1px solid #d1d5db;border-radius:6px;padding:8px;color:#111;font-size:.9em}
.form-row-half{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.form-row-half label{display:block;font-size:.8em;color:#555;margin-bottom:2px}
.form-row-half input,.form-row-half select{width:100%;background:#fff;border:1px solid #d1d5db;border-radius:6px;padding:8px;color:#111;font-size:.9em}
.btn-primary{background:#2196f3;color:#fff;border:none;border-radius:6px;padding:10px 20px;font-size:.9em;cursor:pointer;margin-top:4px}
.btn-primary:hover{background:#1976d2}
.empty-state{text-align:center;color:#666;padding:30px;font-size:.9em}

/* ===== Market Map spec implementation ===== */
.market-map-page{
  --page-bg:#F7F8FA;
  --card-bg:#FFFFFF;
  --row-hover:#FAFBFC;
  --text-primary:#1A1D24;
  --text-secondary:#5C6470;
  --text-muted:#9AA1AC;
  --border:#E7E9ED;
  --border-strong:#D5D9DF;
  --up:#E03131;
  --up-strong:#A61E1E;
  --up-weak:#F08C8C;
  --up-tint:#FDEDED;
  --down:#0CA678;
  --down-strong:#087F5B;
  --down-tint:#E6F7F1;
  margin:-24px -32px -32px;
  min-height:calc(100vh - 56px);
  background:var(--page-bg);
  color:var(--text-primary);
  padding:32px 24px 64px;
  font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei","Noto Sans SC",sans-serif;
  line-height:1.6;
}
.market-map-page *{font-variant-numeric:tabular-nums}
.map-shell{max-width:1080px;margin:0 auto}
.map-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin:0 0 14px}
.map-head h1{font-size:22px;line-height:1.25;margin:0 0 4px;font-weight:600;color:var(--text-primary)}
.map-head p{margin:0;color:var(--text-secondary);font-size:13px}
.market-overview{display:flex;align-items:center;gap:22px;background:var(--card-bg);border:1px solid var(--border);border-radius:12px;padding:12px 16px;margin:0 0 16px}
.market-overview div{display:flex;align-items:baseline;gap:6px}
.market-overview span{font-size:12px;color:var(--text-muted)}
.market-overview strong{font-size:16px;font-weight:600}
.market-overview time{margin-left:auto;color:var(--text-muted);font-size:12px}
.map-tabs{display:flex;align-items:center;gap:6px;background:transparent;border:0;border-radius:0;padding:0;margin:0 0 32px;overflow-x:auto}
.map-tab{height:32px;display:inline-flex;align-items:center;border:1px solid var(--border);background:var(--card-bg);border-radius:6px;padding:0 11px;color:var(--text-secondary);font-size:13px;font-weight:500;white-space:nowrap;transition:border-color .12s ease,background-color .12s ease,color .12s ease}
.map-tab:hover{background:var(--row-hover);border-color:var(--border-strong);color:var(--text-primary)}
.map-tab.active{background:var(--up-tint);border-color:var(--up);color:var(--up-strong)}
.map-sort{margin-left:auto;display:inline-flex;align-items:center;gap:7px;color:var(--text-muted);font-size:12px}
.map-sort select{height:32px;border-radius:6px;border:1px solid var(--border);background:var(--card-bg);color:var(--text-primary);padding:0 9px;font-size:12px}
.map-search{position:relative;margin:-18px 0 32px}
.map-search-box{display:flex;align-items:center;gap:10px;background:var(--card-bg);border:1px solid var(--border);border-radius:12px;padding:10px 14px}
.map-search-box:focus-within{border-color:var(--border-strong)}
.map-search-box span{font-size:12px;color:var(--text-muted);white-space:nowrap}
.map-search-box input{width:100%;border:0;outline:0;background:transparent;color:var(--text-primary);font-size:13.5px;font-family:inherit}
.map-search-box input::placeholder{color:var(--text-muted)}
.map-search-panel{position:absolute;z-index:20;top:46px;left:0;right:0;max-height:360px;overflow:auto;background:var(--card-bg);border:1px solid var(--border);border-radius:12px}
.search-result{display:grid;grid-template-columns:minmax(180px,1fr) auto 76px;align-items:center;gap:10px;padding:10px 14px;border-bottom:1px solid var(--border);color:var(--text-primary)}
.search-result:last-child{border-bottom:0}
.search-result:hover{background:var(--row-hover)}
.search-result-name{display:flex;align-items:baseline;gap:8px;min-width:0;font-size:13.5px;font-weight:500}
.search-result-name small{color:var(--text-muted);font-size:12px;font-weight:400}
.search-result strong{text-align:right;font-size:13px;font-weight:600}
.search-empty{padding:14px;color:var(--text-muted);font-size:13px}
.map-section{margin-top:32px}
.section-heading{display:flex;align-items:baseline;gap:10px;margin:0 0 10px}
.section-heading h2{font-size:15px;font-weight:600;line-height:1.3;margin:0;color:var(--text-primary)}
.section-heading p{margin:0;color:var(--text-muted);font-size:12px}
.mainline-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px}
.mainline-card{appearance:none;text-align:left;background:var(--card-bg);border:1px solid var(--border);border-radius:12px;padding:16px 18px;color:var(--text-primary);cursor:pointer;transition:border-color .12s ease,background-color .12s ease}
.mainline-card:hover{border-color:var(--border-strong);background:var(--card-bg)}
.mainline-card.primary{border:2px solid var(--up);padding:15px 17px}
.card-title-row{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px}
.card-title-row strong{font-size:15px;font-weight:600;color:var(--text-primary)}
.heat-badge{display:inline-flex;align-items:center;gap:7px;height:30px;border:1px solid color-mix(in srgb,var(--up-weak) 46%,transparent);border-radius:999px;background:var(--up-tint);background:color-mix(in srgb,var(--up-tint) 72%,transparent);color:var(--up-strong);padding:0 12px;font-size:13px;font-weight:650;line-height:1;white-space:nowrap}
.heat-badge::before{content:"";display:inline-block;width:18px;height:18px;flex:0 0 18px;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 17l6-6 4 4 7-7' fill='none' stroke='black' stroke-width='2.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M14 8h6v6' fill='none' stroke='black' stroke-width='2.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 17l6-6 4 4 7-7' fill='none' stroke='black' stroke-width='2.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M14 8h6v6' fill='none' stroke='black' stroke-width='2.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat}
.heat-badge-small{gap:5px;height:24px;padding:0 8px;font-size:11.5px;font-weight:650}
.heat-badge-small::before{width:14px;height:14px;flex-basis:14px}
.card-market-row{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:8px}
.big-pct{font-size:28px;font-weight:650;line-height:1.15}
.spark{display:block}
.card-market-row .spark{width:108px;height:34px}
.board-spark .spark{width:88px;height:24px}
.spark polyline{fill:none;stroke:currentColor;stroke-width:2px}
.board-spark .spark polyline{stroke-width:1.7px}
.card-meta-row{display:flex;flex-wrap:wrap;gap:6px;color:var(--text-secondary);font-size:12px}
.card-meta-row span{white-space:nowrap}
.card-divider{height:1px;background:var(--border);margin:11px 0 9px}
.card-badges{display:flex;flex-direction:column;gap:6px}
.leader-badge,.trend-badge{display:flex;align-items:center;gap:5px;min-width:0;border-radius:6px;padding:5px 7px;font-size:12px}
.leader-badge{background:var(--up-tint);color:var(--up-strong)}
.trend-badge{background:var(--page-bg);color:var(--text-secondary)}
.leader-badge b,.trend-badge b{font-weight:600}
.leader-badge i{font-style:normal;background:var(--up);color:var(--card-bg);border-radius:4px;padding:1px 4px;font-size:11px}
.board-table{background:var(--card-bg);border:1px solid var(--border);border-radius:12px;overflow:hidden}
.board-head,.board-main{display:grid;grid-template-columns:minmax(180px,1.35fr) 86px 110px 96px 76px minmax(145px,1fr) 26px;align-items:center}
.board-head{padding:0 18px;height:38px;color:var(--text-muted);font-size:12px;font-weight:400;border-bottom:1px solid var(--border)}
.board-head span:nth-child(2),.board-head span:nth-child(4),.board-head span:nth-child(5){text-align:right}
.board-row{border-bottom:1px solid var(--border)}
.board-row:last-child{border-bottom:0}
.board-main{appearance:none;width:100%;border:0;background:var(--card-bg);color:var(--text-primary);text-align:left;padding:11px 18px;cursor:pointer;transition:background-color .12s ease}
.board-main:hover,.board-row.open .board-main{background:var(--row-hover)}
.board-name{display:flex;align-items:center;gap:7px;min-width:0}
.board-name b{font-size:13.5px;font-weight:500;color:var(--text-primary)}
.board-pct,.board-flow,.board-vol{font-size:13.5px;text-align:right;font-weight:600}
.board-vol{color:var(--text-secondary);font-weight:500}
.board-spark{display:flex;align-items:center;justify-content:center;color:var(--text-muted)}
.board-leader{display:flex;align-items:center;gap:6px;min-width:0;font-size:13px;color:var(--text-secondary)}
.board-leader b{font-weight:500;color:var(--text-primary)}
.board-leader em{font-style:normal;font-weight:600}
.row-arrow{font-size:22px;line-height:1;color:var(--text-muted);text-align:right;transition:transform .12s ease}
.board-row.open .row-arrow{transform:rotate(90deg)}
.board-detail{background:var(--page-bg);border-top:1px solid var(--border)}
.board-detail-inner{padding:12px 18px}
.detail-section{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.detail-group{background:var(--card-bg);border:1px solid var(--border);border-radius:12px;padding:12px}
.detail-section-title{font-size:12px;color:var(--text-secondary);font-weight:600;margin-bottom:8px}
.detail-stock-line{display:flex;align-items:center;justify-content:space-between;gap:10px;border-top:1px solid var(--border);padding:7px 0;font-size:13px}
.detail-stock-line:first-of-type{border-top:0}
.detail-stock-line span{display:flex;flex-direction:column;min-width:0}
.detail-stock-line b{font-weight:500;color:var(--text-primary)}
.detail-stock-line em{font-style:normal;font-size:12px;color:var(--text-muted)}
.detail-stock-line small{font-size:12px;color:var(--text-secondary)}
.detail-stock-line strong{display:flex;align-items:center;gap:5px;font-weight:600}
.limit-badge{display:inline-flex;align-items:center;height:18px;background:var(--up);color:var(--card-bg);border-radius:4px;padding:0 5px;font-size:11px}
.map-empty{color:var(--text-muted);font-size:12px;padding:8px 0}
.kpl-group-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px}
.kpl-group-card{background:var(--card-bg);border:1px solid var(--border);border-radius:12px;padding:12px;color:var(--text-primary);transition:border-color .12s ease,background-color .12s ease}
.kpl-group-card:hover{border-color:var(--border-strong);background:var(--row-hover)}
.kpl-group-card strong{display:block;font-size:14px;font-weight:600}
.kpl-group-card span{font-size:12px;color:var(--text-secondary)}
.kpl-group-card p{margin:5px 0 0;font-size:12px;color:var(--text-muted)}
.load-more-row{display:flex;justify-content:center;margin:16px 0 0}
.load-more-btn{display:inline-flex;align-items:center;justify-content:center;height:38px;border:1px solid var(--border);border-radius:999px;background:var(--card-bg);color:var(--text-secondary);padding:0 18px;font-size:13px;font-weight:500}
.load-more-btn:hover{background:var(--row-hover);border-color:var(--border-strong);color:var(--text-primary)}
.value-up{color:var(--up)}
.value-up-weak{color:var(--up-weak)}
.value-down{color:var(--down)}
.value-flat{color:var(--text-muted)}
.flow-up{color:var(--up-strong)}
.flow-down{color:var(--down-strong)}

@media (max-width:760px){
  .market-map-page{margin:-12px -12px -12px;padding:24px 14px 48px}
  .market-overview{gap:12px;flex-wrap:wrap}
  .market-overview time{width:100%;margin-left:0}
  .map-tabs{align-items:flex-start}
  .map-sort{width:100%;margin-left:0}
  .board-head,.board-main{grid-template-columns:minmax(135px,1fr) 74px 88px 24px}
  .board-head span:nth-child(3),.board-head span:nth-child(5),.board-head span:nth-child(6),
  .board-spark,.board-vol,.board-leader{display:none}
  .detail-section{grid-template-columns:1fr}
}


/* Market map performance guard: many rows + SVG sparklines should not repaint the whole page on hover. */
.market-map-page .board-row{
  contain:layout paint style;
  content-visibility:auto;
  contain-intrinsic-size:54px;
}
.market-map-page .board-detail:not([hidden]){
  content-visibility:visible;
}
.market-map-page .board-main,
.market-map-page .mainline-card,
.market-map-page .map-tab,
.market-map-page .kpl-group-card{
  will-change:auto;
}

/* Info tooltip for stale data indicators */
.info-tip {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background: var(--text-muted, #6b7280);
  color: var(--bg, #fff);
  font-size: 10px;
  font-weight: 700;
  font-style: italic;
  cursor: help;
  margin-left: 4px;
  vertical-align: middle;
  line-height: 1;
}