.size-tool-wrapper { --p-bg: #ffffff; --p-border: #e2e8f0; --p-primary: #0ea5e9; --p-text: #0f172a; width: 100%; max-width: 1000px; margin: 0 auto; background: var(--p-bg); border-radius: 20px; padding: 32px; border: 1px solid var(--p-border); box-shadow: 0 10px 25px -5px rgba(0,0,0,0.05); transition: 0.3s; }
.size-header-main { font-size: 1.6rem; font-weight: 800; color: var(--p-text); margin-bottom: 12px; text-align: center; }
.size-subtitle { color: #64748b; font-size: 0.95rem; padding-bottom: 20px; border-bottom: 1px solid var(--p-border); margin-bottom: 24px; text-align: center; max-width: 800px; margin-left: auto; margin-right: auto; line-height: 1.6; }

/* 选项卡 (Tabs) */
.size-tabs { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 24px; background: #f1f5f9; padding: 6px; border-radius: 12px; }
.size-tab-btn { flex: 1 1 calc(25% - 8px); min-width: 120px; border: none; background: transparent; padding: 12px 4px; font-size: 1rem; font-weight: 600; color: #475569; border-radius: 8px; cursor: pointer; transition: 0.2s; white-space: nowrap; text-align: center; }
.size-tab-btn:hover { color: var(--p-primary); }
.size-tab-btn.active { background: #ffffff; color: var(--p-primary); box-shadow: 0 2px 8px rgba(0,0,0,0.05); }

/* 子标题 */
.size-sub-heading { margin: 0 0 12px 0; color: var(--p-text); font-size: 1.1rem; padding-left: 8px; border-left: 4px solid var(--p-primary); }

/* 响应式表格容器 */
.size-table-container { width: 100%; overflow-x: auto; border: 1px solid var(--p-border); border-radius: 12px; background: #ffffff; box-shadow: 0 2px 10px rgba(0,0,0,0.02); }
.size-table { width: 100%; border-collapse: collapse; text-align: center; font-size: 0.95rem; }
.size-table th { background: #f8fafc; color: #334155; font-weight: 700; padding: 14px 16px; border-bottom: 2px solid var(--p-border); white-space: nowrap; }
.size-table td { padding: 14px 16px; border-bottom: 1px solid var(--p-border); color: #475569; transition: background-color 0.2s; }
.size-table tbody tr:last-child td { border-bottom: none; }
.size-table tbody tr:hover td, .size-table tbody tr.row-active td { background-color: #f0f9ff; color: var(--p-primary); font-weight: 600; cursor: crosshair; }

/* 海淘提示框 */
.size-tips-box { margin-top: 24px; background: #fffbeb; border: 1px solid #fde68a; border-radius: 12px; padding: 20px; color: #92400e; }
.size-tips-title { margin: 0 0 12px 0; font-size: 1.05rem; font-weight: 700; color: #b45309; }
.size-tips-list { margin: 0; padding-left: 20px; font-size: 0.9rem; line-height: 1.8; }
.size-tips-list li { margin-bottom: 6px; }

/* 底部测量指南 */
.size-guide-box { margin-top: 32px; background: #f8fafc; border: 1px solid var(--p-border); border-radius: 16px; padding: 24px; }
.size-guide-title { font-size: 1.2rem; font-weight: 800; color: var(--p-text); margin-top: 0; margin-bottom: 20px; text-align: center; }
.size-guide-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: 16px; }
.size-guide-card { background: #ffffff; padding: 20px 16px; border-radius: 12px; border: 1px solid #e2e8f0; text-align: center; box-shadow: 0 2px 8px rgba(0,0,0,0.02); }
.size-guide-icon { font-size: 2.5rem; margin-bottom: 12px; }
.size-guide-card h4 { margin: 0 0 8px 0; color: var(--p-text); font-size: 1rem; }
.size-guide-card p { margin: 0; font-size: 0.85rem; color: #64748b; line-height: 1.5; }

/* ================= 黑夜模式强力覆盖 ================= */
[data-theme="dark"] .size-tool-wrapper { background: #1e293b; border-color: #334155; }
[data-theme="dark"] .size-header-main, [data-theme="dark"] .size-sub-heading { color: #f8fafc; }
[data-theme="dark"] .size-tabs { background: #0f172a; }
[data-theme="dark"] .size-tab-btn { color: #94a3b8; }
[data-theme="dark"] .size-tab-btn.active { background: #334155; color: var(--p-primary); }

[data-theme="dark"] .size-table-container { background: #0f172a; border-color: #475569; }
[data-theme="dark"] .size-table th { background: #1e293b; color: #cbd5e1; border-bottom-color: #475569; }
[data-theme="dark"] .size-table td { border-bottom-color: #334155; color: #94a3b8; }
[data-theme="dark"] .size-table tbody tr:hover td, [data-theme="dark"] .size-table tbody tr.row-active td { background-color: rgba(14, 165, 233, 0.15); color: var(--p-primary); }

[data-theme="dark"] .size-tips-box { background: rgba(245, 158, 11, 0.1); border-color: #b45309; color: #fcd34d; }
[data-theme="dark"] .size-tips-title { color: #fbbf24; }

[data-theme="dark"] .size-guide-box { background: #0f172a; border-color: #475569; }
[data-theme="dark"] .size-guide-title { color: #f8fafc; }
[data-theme="dark"] .size-guide-card { background: #1e293b; border-color: #334155; }
[data-theme="dark"] .size-guide-card h4 { color: #f8fafc; }
[data-theme="dark"] .size-guide-card p { color: #94a3b8; }