body { font-family: 'Noto Sans TC', sans-serif; max-width: 900px; margin: 0 auto; padding: 0 20px 20px; color: #2c2c2c; background-color: #b4c4f4; }
h2 { font-size: 1.5rem; border-bottom: 3px solid #7a5c3a; padding-bottom: 8px; margin-bottom: 24px; color: #4a3520; }
h3 { font-size: 1.1rem; margin-top: 28px; margin-bottom: 10px; color: #5c3d20; border-left: 4px solid #b8926a; padding-left: 10px; }
table { width: 100%; border-collapse: collapse; margin-bottom: 20px; font-size: 0.9rem; }
th { background: #7a5c3a; color: #fff; padding: 9px 12px; text-align: left; }
td { padding: 8px 12px; border-bottom: 1px solid #e0d5c8; vertical-align: top; }
tr:nth-child(even) { background: #f5efe8; }
.tag { display: inline-block; font-size: 0.75rem; padding: 2px 8px; border-radius: 10px; font-weight: bold; margin-left: 4px; }
.cheap { background: #d4edda; color: #155724; }
.quality { background: #cce5ff; color: #004085; }
.bulk { background: #fff3cd; color: #856404; }
.note-box { background: #fdf3e7; border: 1px solid #e0c89a; border-radius: 6px; padding: 14px 18px; margin-bottom: 20px; font-size: 0.88rem; line-height: 1.8; }
.note-box p { margin: 4px 0; }
.currency-note { color: #888; font-size: 0.82rem; }