body { background-color: #ede6d6; color: #111111; font-family: "Century Gothic", "Avant Garde", sans-serif; margin: 0; padding: 25px; line-height: 1.6; }
.ebln-wrapper { max-width: 1200px; margin: 0 auto; box-sizing: border-box; }
/* 结构突变：非平衡色块中轴页头 */
.ebln-geometric-header { border: 2px solid #111111; background: #ede6d6; padding: 20px 30px; margin-bottom: 45px; display: flex; justify-content: space-between; align-items: center; position: relative; }
.ebln-brand { display: flex; align-items: center; }
.ebln-brand img { height: 42px; object-fit: contain; filter: grayscale(100%) contrast(200%); }
.ebln-menu { display: flex; gap: 20px; list-style: none; margin: 0; padding: 0; }
.ebln-menu a { color: #111111; text-decoration: none; font-size: 13px; font-weight: 900; text-transform: uppercase; letter-spacing: 2px; padding: 8px 18px; border: 2px solid #111111; transition: all 0.2s; background: #ede6d6; }
.ebln-menu a:hover, .ebln-menu a.active { background: #cf5c42; color: #ede6d6; box-shadow: 4px 4px 0px #111111; }
/* 双重边框复古 notice */
.ebln-retro-notice { background: #d9a041; color: #111111; border: 2px solid #111111; padding: 22px 30px; margin-bottom: 40px; font-size: 14px; font-weight: bold; line-height: 1.8; box-shadow: 5px 5px 0px #111111; }
.ebln-sec-title { font-size: 18px; font-weight: 900; text-transform: uppercase; color: #111111; margin: 40px 0 25px 0; border-bottom: 2px solid #111111; padding-bottom: 10px; display: inline-block; letter-spacing: 2px; }
/* 非对称几何海报网格 */
.ebln-poster-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 30px; }
.ebln-poster-card { background: #ede6d6; border: 2px solid #111111; padding: 20px; transition: all 0.2s ease; text-decoration: none; color: inherit; display: flex; flex-direction: column; position: relative; box-shadow: 4px 4px 0px #111111; }
.ebln-poster-card:hover { transform: translateY(-4px); box-shadow: 8px 8px 0px #111111; background: #faf6ee; }
.ebln-img-box { height: 160px; border: 2px solid #111111; background: #2b4a3f; display: flex; align-items: center; justify-content: center; padding: 15px; margin-bottom: 20px; }
.ebln-poster-card:hover .ebln-img-box { background: #cf5c42; }
.ebln-img-box img { max-width: 90%; max-height: 90%; object-fit: contain; filter: grayscale(100%) brightness(150%); }
.ebln-card-title { font-size: 15px; font-weight: 900; text-transform: uppercase; color: #111111; margin-bottom: 15px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.ebln-card-bottom { display: flex; justify-content: space-between; align-items: center; margin-top: auto; border-top: 2px solid #111111; padding-top: 15px; }
.ebln-badge { font-size: 11px; padding: 4px 12px; border: 2px solid #111111; font-weight: 900; text-transform: uppercase; background: #ede6d6; }
.ebln-poster-card:hover .ebln-badge { background: #d9a041; }
.ebln-b-auto { color: #cf5c42; }
.ebln-b-hand { color: #2b4a3f; }
.ebln-price { color: #111111; font-size: 20px; font-weight: 900; }
/* 详情页重构：色块拼贴双翼面板 */
.ebln-split-poster { display: flex; gap: 40px; }
.ebln-dt-visual { width: 40%; }
.ebln-dt-form { width: 60%; border-left: 2px solid #111111; padding-left: 40px; box-sizing: border-box; }
.ebln-screen-box { background: #2b4a3f; border: 2px solid #111111; padding: 25px; display: flex; align-items: center; justify-content: center; box-shadow: 6px 6px 0px #111111; }
.ebln-screen-box img { max-width: 100%; border: 2px solid #111111; filter: grayscale(100%) brightness(120%); }
.ebln-dt-title { font-size: 26px; font-weight: 900; color: #111111; margin-bottom: 25px; line-height: 1.3; border-bottom: 4px solid #cf5c42; padding-bottom: 15px; text-transform: uppercase; }
.ebln-stat-row { display: flex; gap: 40px; border-bottom: 2px solid #111111; padding-bottom: 25px; margin-bottom: 30px; }
.ebln-stat-item label { display: block; font-size: 11px; color: #555; text-transform: uppercase; letter-spacing: 1px; margin-bottom: 5px; font-weight: bold; }
.ebln-stat-item span { font-size: 26px; font-weight: 900; color: #cf5c42; }
.ebln-group { margin-bottom: 20px; }
.ebln-label { display: block; font-size: 12px; color: #111111; font-weight: 900; margin-bottom: 8px; text-transform: uppercase; }
.ebln-input { width: 100%; box-sizing: border-box; background: transparent; border: 2px solid #111111; color: #111111; padding: 15px 20px; border-radius: 0; font-size: 15px; outline: none; transition: 0.2s; font-family: inherit; }
.ebln-input:focus { border-color: #cf5c42; background: #faf6ee; }
.ebln-btn-clay { width: 100%; background: #111111; color: #ede6d6; border: none; padding: 18px; font-size: 16px; font-weight: bold; cursor: pointer; transition: 0.3s; font-family: inherit; text-transform: uppercase; box-shadow: 5px 5px 0px #cf5c42; }
.ebln-btn-clay:hover { background: #cf5c42; box-shadow: 5px 5px 0px #111111; }
.ebln-btn-clay:disabled { background: #ccc; color: #64748b; cursor: not-allowed; box-shadow: none; }
.ebln-desc-deck { background: #ede6d6; border: 2px solid #111111; padding: 35px; margin-top: 40px; box-shadow: 6px 6px 0px #111111; }
.ebln-desc-title { font-size: 15px; color: #cf5c42; font-weight: bold; margin-bottom: 20px; text-transform: uppercase; }
.ebln-desc-content { font-size: 14px; color: #2b4a3f; line-height: 1.8; }
/* 归档检索面板 */
.ebln-q-tabs { display: flex; background: #ede6d6; border: 2px solid #111111; padding: 4px; margin-bottom: 35px; box-shadow: 4px 4px 0px #111111; }
.ebln-q-tabs a { flex: 1; text-align: center; padding: 12px; color: #555; font-weight: bold; text-decoration: none; font-size: 13px; transition: 0.3s; }
.ebln-q-tabs a.active, .ebln-q-tabs a:hover { background: #cf5c42; color: #ede6d6; }
.ebln-deck-table { width: 100%; border-collapse: collapse; border-top: 2px solid #111111; }
.ebln-deck-table th, .ebln-deck-table td { padding: 18px; border-bottom: 1px solid #111111; text-align: left; }
.ebln-deck-table th { color: #555; font-size: 12px; text-transform: uppercase; }
.ebln-deck-table td { color: #111111; font-weight: bold; }
.ebln-footer { border-top: 2px solid #111111; margin-top: 80px; padding-top: 30px; text-align: center; font-size: 12px; color: #555; }
@media (max-width: 900px) {
    .ebln-poster-grid { grid-template-columns: 1fr; }
    .ebln-geometric-header { flex-direction: column; gap: 20px; }
    .ebln-split-poster { flex-direction: column; }
    .ebln-dt-visual, .ebln-dt-form { width: 100%; padding: 0; border: none; }
}