body { background-color: #eef1f6; color: #121620; font-family: "Helvetica Neue", Arial, sans-serif; margin: 0; padding: 25px; line-height: 1.5; -webkit-font-smoothing: antialiased; }
.sndr-wrapper { max-width: 1250px; margin: 0 auto; box-sizing: border-box; }
/* 结构突变：非对称巨石双色栏头 */
.sndr-monolith-header { border: 4px solid #121620; background: #eef1f6; padding: 25px 30px; margin-bottom: 50px; display: flex; justify-content: space-between; align-items: center; position: relative; }
.sndr-monolith-header::after { content: ""; position: absolute; bottom: -12px; left: 10px; width: 100%; height: 4px; background: #f97316; z-index: -1; }
.sndr-brand img { height: 35px; object-fit: contain; filter: grayscale(100%) contrast(200%); }
.sndr-nav { display: flex; gap: 30px; list-style: none; margin: 0; padding: 0; }
.sndr-nav a { color: #121620; text-decoration: none; font-size: 13px; font-weight: 900; text-transform: uppercase; letter-spacing: 1.5px; border-bottom: 2px solid transparent; transition: all 0.2s; }
.sndr-nav a:hover, .sndr-nav a.active { color: #f97316; border-bottom-color: #f97316; }
.sndr-monolith-alert { background: #f97316; color: #eef1f6; padding: 18px 25px; margin-bottom: 40px; font-size: 13px; font-weight: bold; letter-spacing: 1px; border: 4px solid #121620; text-transform: uppercase; }
/* 非对称分类块级结构 */
.sndr-block-section { display: flex; gap: 40px; margin-bottom: 60px; border-top: 4px solid #121620; padding-top: 30px; }
.sndr-block-num { width: 100px; font-size: 72px; font-weight: 900; line-height: 1; color: #f97316; font-family: Impact, sans-serif; letter-spacing: -2px; flex-shrink: 0; }
.sndr-block-content { flex-grow: 1; }
.sndr-cat-title { font-size: 20px; font-weight: 900; text-transform: uppercase; color: #121620; margin: 0 0 25px 0; letter-spacing: 2px; }
/* 无投影无圆角网格 */
.sndr-monolith-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)); gap: 30px; }
.sndr-poster-card { background: #eef1f6; border: 2px solid #121620; padding: 20px; transition: all 0.2s ease; text-decoration: none; color: inherit; display: flex; flex-direction: column; position: relative; }
.sndr-poster-card:hover { background: #121620; color: #eef1f6; }
.sndr-img-box { height: 160px; background: #fff; border: 2px solid #121620; display: flex; align-items: center; justify-content: center; padding: 15px; margin-bottom: 20px; transition: background 0.2s; }
.sndr-poster-card:hover .sndr-img-box { background: #f97316; }
.sndr-img-box img { max-width: 90%; max-height: 90%; object-fit: contain; }
.sndr-card-title { font-size: 15px; font-weight: 900; text-transform: uppercase; margin-bottom: 15px; line-height: 1.4; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.sndr-meta-row { display: flex; justify-content: space-between; align-items: center; margin-top: auto; border-top: 2px solid #121620; padding-top: 15px; }
.sndr-poster-card:hover .sndr-meta-row { border-top-color: #eef1f6; }
.sndr-badge { font-size: 10px; padding: 3px 8px; border: 1px solid #121620; font-weight: 900; text-transform: uppercase; }
.sndr-poster-card:hover .sndr-badge { border-color: #eef1f6; }
.sndr-b-auto { color: #f97316; border-color: #f97316; }
.sndr-poster-card:hover .sndr-b-auto { color: #eef1f6; border-color: #eef1f6; }
.sndr-b-hand { color: #121620; }
.sndr-poster-card:hover .sndr-b-hand { color: #eef1f6; }
.sndr-price { font-size: 20px; font-weight: 900; }
/* 详情页重构：硬朗色块分割布局 */
.sndr-detail-split { display: flex; gap: 40px; }
.sndr-dt-visual { width: 40%; }
.sndr-dt-form { width: 60%; border-left: 4px solid #121620; padding-left: 40px; box-sizing: border-box; }
.sndr-screen-box { background: #fff; border: 3px solid #121620; padding: 25px; display: flex; align-items: center; justify-content: center; }
.sndr-screen-box img { max-width: 100%; }
.sndr-dt-title { font-size: 28px; font-weight: 900; color: #121620; margin-bottom: 25px; line-height: 1.3; border-bottom: 4px solid #f97316; padding-bottom: 15px; text-transform: uppercase; }
.sndr-stat-row { display: flex; gap: 40px; border-bottom: 2px solid #121620; padding-bottom: 25px; margin-bottom: 30px; }
.sndr-stat-item label { display: block; font-size: 11px; color: #777; text-transform: uppercase; letter-spacing: 1px; margin-bottom: 5px; font-weight: bold; }
.sndr-stat-item span { font-size: 26px; font-weight: 900; color: #f97316; }
.sndr-group { margin-bottom: 20px; }
.sndr-label { display: block; font-size: 12px; color: #121620; font-weight: 900; margin-bottom: 8px; text-transform: uppercase; letter-spacing: 1px; }
.sndr-input { width: 100%; box-sizing: border-box; background: #fff; border: 2px solid #121620; color: #121620; padding: 15px 20px; font-size: 15px; outline: none; transition: 0.2s; font-family: inherit; }
.sndr-input:focus { background: #eef1f6; border-color: #f97316; }
.sndr-btn-action { width: 100%; background: #121620; color: #eef1f6; border: none; padding: 18px; font-size: 15px; font-weight: 900; cursor: pointer; transition: 0.2s; font-family: inherit; text-transform: uppercase; letter-spacing: 2px; }
.sndr-btn-action:hover { background: #f97316; color: #eef1f6; }
.sndr-btn-action:disabled { background: #ccc; color: #666; cursor: not-allowed; }
.sndr-desc-deck { border-top: 4px solid #121620; padding-top: 40px; margin-top: 50px; }
.sndr-desc-title { font-size: 15px; color: #f97316; font-weight: 900; margin-bottom: 20px; text-transform: uppercase; letter-spacing: 1.5px; }
.sndr-desc-content { font-size: 14px; color: #333; line-height: 1.8; text-align: justify; }
/* 极简检索面板 */
.sndr-q-tabs { display: flex; border: 2px solid #121620; background: #fff; padding: 4px; margin-bottom: 35px; }
.sndr-q-tabs a { flex: 1; text-align: center; padding: 12px; color: #777; font-weight: 900; text-decoration: none; font-size: 13px; text-transform: uppercase; letter-spacing: 1px; }
.sndr-q-tabs a.active, .sndr-q-tabs a:hover { background: #121620; color: #eef1f6; }
.sndr-deck-table { width: 100%; border-collapse: collapse; border-top: 2px solid #121620; }
.sndr-deck-table th, .sndr-deck-table td { padding: 18px; border-bottom: 1px solid #121620; text-align: left; font-weight: bold; }
.sndr-deck-table th { color: #777; font-size: 12px; text-transform: uppercase; }
.sndr-deck-table td { color: #121620; }
.sndr-footer { border-top: 4px solid #121620; margin-top: 80px; padding-top: 30px; text-align: center; font-size: 11px; color: #777; font-weight: bold; text-transform: uppercase; letter-spacing: 1px; }
@media (max-width: 900px) {
    .sndr-block-section { flex-direction: column; gap: 15px; }
    .sndr-block-num { width: auto; font-size: 48px; }
    .sndr-monolith-header { flex-direction: column; gap: 20px; }
    .sndr-detail-split { flex-direction: column; }
    .sndr-dt-visual, .sndr-dt-form { width: 100%; padding: 0; border: none; }
}