/* 单品种早报卡片：品种色条 + 图标底（与 commodity-mark.js 同步） */
.deep-card{display:flex;align-items:flex-start;gap:12px;padding:13px 14px 13px 15px;border-radius:14px;border:1px solid #e2e8f0;background:#fff;position:relative;overflow:hidden;text-decoration:none;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}
.deep-card::before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--deep-accent,#64748b)}
.deep-card:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--deep-accent,#64748b) 42%,#e2e8f0);box-shadow:0 10px 28px -12px color-mix(in srgb,var(--deep-accent,#64748b) 55%,transparent)}
.dark .deep-card{background:#141c2b;border-color:#233047}
.dark .deep-card:hover{border-color:color-mix(in srgb,var(--deep-accent,#94a3b8) 50%,#233047)}
.deep-ico{width:42px;height:42px;border-radius:12px;flex:0 0 42px;display:flex;align-items:center;justify-content:center;background:var(--deep-ico-fill,var(--deep-accent,#475569));color:#fff;box-shadow:inset 0 -1px 0 rgba(0,0,0,.12)}
.deep-ico svg{width:22px;height:22px;display:block}
.deep-card-main{min-width:0;flex:1}
.deep-card-name{font-weight:800;color:#1e293b;line-height:1.25;display:flex;align-items:center;flex-wrap:nowrap;gap:6px}
.dark .deep-card-name{color:#f1f5f9}
.deep-card-label{display:flex;align-items:center;gap:6px;min-width:0}
.deep-card-ticker{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px;font-weight:700;letter-spacing:.02em;color:var(--deep-accent,#64748b);background:var(--deep-ico-bg,#f1f5f9);border-radius:999px;padding:1px 7px}
.deep-card-date{margin-left:auto;flex-shrink:0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px;font-weight:700;color:#94a3b8;white-space:nowrap;letter-spacing:.01em}
.dark .deep-card-date{color:#64748b}
.deep-card-title{margin-top:4px;color:#64748b;line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.dark .deep-card-title{color:#94a3b8}
.deep-card-go{flex:0 0 auto;align-self:center;font-size:10px;font-weight:800;color:var(--deep-accent,#64748b);opacity:.85;white-space:nowrap}
.deep-card--pending{opacity:.72;pointer-events:none;cursor:default}
.deep-card--pending:hover{transform:none;box-shadow:none;border-color:#e2e8f0}
.dark .deep-card--pending:hover{border-color:#233047}
.deep-card--pending .deep-card-go{display:none}
.deep-card--gold{--deep-accent:#ca8a04;--deep-ico-bg:#fef9c3;--deep-ico-fill:#eab308}
.deep-card--silver{--deep-accent:#0284c7;--deep-ico-bg:#e0f2fe;--deep-ico-fill:#0ea5e9}
.deep-card--copper{--deep-accent:#c2410c;--deep-ico-bg:#ffedd5;--deep-ico-fill:#ea580c}
.deep-card--steel{--deep-accent:#4f46e5;--deep-ico-bg:#e0e7ff;--deep-ico-fill:#6366f1}
.deep-card--oil{--deep-accent:#0f766e;--deep-ico-bg:#ccfbf1;--deep-ico-fill:#0d9488}
.deep-card--gas{--deep-accent:#1d4ed8;--deep-ico-bg:#dbeafe;--deep-ico-fill:#2563eb}
.deep-card--rubber{--deep-accent:#15803d;--deep-ico-bg:#dcfce7;--deep-ico-fill:#22c55e}
.deep-card--zinc{--deep-accent:#0891b2;--deep-ico-bg:#cffafe;--deep-ico-fill:#06b6d4}
.deep-card--nickel{--deep-accent:#7c3aed;--deep-ico-bg:#ede9fe;--deep-ico-fill:#8b5cf6}
.deep-card--metal{--deep-accent:#475569;--deep-ico-bg:#e2e8f0;--deep-ico-fill:#64748b}
.dark .deep-card--gold{--deep-accent:#facc15;--deep-ico-bg:rgba(234,179,8,.18);--deep-ico-fill:#ca8a04}
.dark .deep-card--silver{--deep-accent:#38bdf8;--deep-ico-bg:rgba(14,165,233,.18);--deep-ico-fill:#0284c7}
.dark .deep-card--copper{--deep-accent:#fb923c;--deep-ico-bg:rgba(234,88,12,.2);--deep-ico-fill:#c2410c}
.dark .deep-card--steel{--deep-accent:#a5b4fc;--deep-ico-bg:rgba(99,102,241,.22);--deep-ico-fill:#4f46e5}
.dark .deep-card--oil{--deep-accent:#2dd4bf;--deep-ico-bg:rgba(13,148,136,.2);--deep-ico-fill:#0f766e}
.dark .deep-card--gas{--deep-accent:#60a5fa;--deep-ico-bg:rgba(37,99,235,.22);--deep-ico-fill:#1d4ed8}
.dark .deep-card--rubber{--deep-accent:#4ade80;--deep-ico-bg:rgba(34,197,94,.18);--deep-ico-fill:#15803d}
.dark .deep-card--zinc{--deep-accent:#22d3ee;--deep-ico-bg:rgba(6,182,212,.2);--deep-ico-fill:#0891b2}
.dark .deep-card--nickel{--deep-accent:#c4b5fd;--deep-ico-bg:rgba(139,92,246,.22);--deep-ico-fill:#7c3aed}
.dark .deep-card--metal{--deep-accent:#94a3b8;--deep-ico-bg:rgba(148,163,184,.16);--deep-ico-fill:#475569}