/* 期权筛选首页（.scr-home）：最新结果和策略都用卡片网格 */
.scr-home .scr-card {
    background-color: #24243a;
    border: 1px solid #34344d;
    border-radius: 12px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.25);
    transition: transform 0.12s ease, border-color 0.12s ease, box-shadow 0.12s ease;
}
.scr-home .scr-card:hover {
    transform: translateY(-2px);
    border-color: #4c6ef5;
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.35);
}
.scr-home .scr-card .card-body {
    padding: 14px 16px 12px;
}
.scr-home .scr-card-footer {
    background: transparent;
    border-top: 1px solid #34344d;
    padding: 8px 16px;
}
.scr-home .scr-card-title {
    font-size: 1.05rem;
    font-weight: 600;
    color: #e9ecef;
    text-decoration: none;
}
.scr-home .scr-card-title:hover {
    color: #74c0fc;
}
.scr-home .scr-card-summary {
    font-size: 12px;
    color: #9aa0b4;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.scr-home .scr-badge {
    font-weight: 500;
    background-color: rgba(76, 110, 245, 0.18) !important;
    color: #91a7ff;
    border-radius: 999px;
    padding: 4px 10px;
}
.scr-home .scr-sym-big {
    font-size: 1.25rem;
    font-weight: 700;
    letter-spacing: 0.02em;
    color: #f1f3f5;
}
.scr-home .scr-muted-link {
    color: #8c93a8;
    text-decoration: none;
}
.scr-home .scr-muted-link:hover {
    color: #74c0fc;
}
.scr-home .scr-legs {
    font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
    font-size: 13px;
    color: #dee2e6;
    margin-bottom: 2px;
}
.scr-home .scr-chip {
    background-color: #2d2d47;
    border-radius: 8px;
    padding: 6px 8px;
    flex: 1 1 0;
    min-width: 0;
    white-space: nowrap;
}
.scr-home .scr-chip-value {
    font-weight: 600;
    font-size: 15px;
    color: #e9ecef;
    line-height: 1.2;
}
.scr-home .scr-chip-value.text-success {
    color: #51cf66 !important;
}
.scr-home .scr-chip-label {
    font-size: 11px;
    color: #8c93a8;
}
.scr-home a,
.scr-home .btn-link {
    text-decoration: none;
}
.scr-home a:hover {
    text-decoration: underline;
}

/* 两类卡片用不同底色：筛选结果偏青绿，筛选策略保持靛蓝 */
.scr-home .scr-card-result {
    background-color: #1c2e2c;
    border-color: #2b4744;
}
.scr-home .scr-card-result:hover {
    border-color: #20c997;
}
.scr-home .scr-card-result .scr-card-footer {
    border-top-color: #2b4744;
}
.scr-home .scr-card-result .scr-chip {
    background-color: #243b38;
}

/* 按策略评级上底色（策略卡片和筛选结果卡片都按所属策略）：A 绿、B 蓝、C 琥珀、D 红；没评级的保持上面的默认底色 */
.scr-home .scr-grade-a { background-color: #1a3024; border-color: #2c5a3e; }
.scr-home .scr-grade-a:hover { border-color: #51cf66; }
.scr-home .scr-grade-b { background-color: #1d2840; border-color: #33466e; }
.scr-home .scr-grade-b:hover { border-color: #5c7cfa; }
.scr-home .scr-grade-c { background-color: #33291a; border-color: #5c4a26; }
.scr-home .scr-grade-c:hover { border-color: #fcc419; }
.scr-home .scr-grade-d { background-color: #361e23; border-color: #613039; }
.scr-home .scr-grade-d:hover { border-color: #ff6b6b; }
.scr-home .scr-grade-a .scr-card-footer { border-top-color: #2c5a3e; }
.scr-home .scr-grade-b .scr-card-footer { border-top-color: #33466e; }
.scr-home .scr-grade-c .scr-card-footer { border-top-color: #5c4a26; }
.scr-home .scr-grade-d .scr-card-footer { border-top-color: #613039; }
.scr-home .scr-grade-a .scr-chip { background-color: #234030; }
.scr-home .scr-grade-b .scr-chip { background-color: #263352; }
.scr-home .scr-grade-c .scr-chip { background-color: #42351f; }
.scr-home .scr-grade-d .scr-chip { background-color: #46262c; }
.scr-home .scr-grade-badge {
    display: inline-block;
    font-size: 11px;
    font-weight: 700;
    border-radius: 999px;
    padding: 2px 8px;
    white-space: nowrap;
}
.scr-grade-badge-a { background-color: rgba(81, 207, 102, 0.2); color: #8ce99a; }
.scr-grade-badge-b { background-color: rgba(92, 124, 250, 0.22); color: #91a7ff; }
.scr-grade-badge-c { background-color: rgba(252, 196, 25, 0.2); color: #ffd43b; }
.scr-grade-badge-d { background-color: rgba(255, 107, 107, 0.2); color: #ffa8a8; }

/* 标的卡片里每条策略一行：左边一条评级色的竖线，行之间细分隔 */
.scr-home .scr-strategy-line {
    border-left: 3px solid #4a4a66;
    padding: 4px 0 6px 8px;
    margin-bottom: 8px;
}
.scr-home .scr-line-a { border-left-color: #51cf66; }
.scr-home .scr-line-b { border-left-color: #5c7cfa; }
.scr-home .scr-line-c { border-left-color: #fcc419; }
.scr-home .scr-line-d { border-left-color: #ff6b6b; }
.scr-home .scr-line-stats {
    color: #dee2e6;
}