.tme-list{display:flex;flex-direction:column;gap:var(--space-7)}.tme-zone{display:grid;grid-template-columns:30% 70%;height:560px;border:1px solid var(--color-border);background:var(--color-bg);overflow:hidden}.tme-zone-left{display:grid;grid-template-rows:1fr 1fr;border-right:1px solid var(--color-border)}.tme-zone-catalog{padding:var(--space-5);display:flex;flex-direction:column;border-bottom:1px solid var(--color-border);overflow:hidden}.tme-zone-catalog-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-3)}.tme-print-btn{flex-shrink:0;padding:var(--space-1) var(--space-3);font-size:var(--text-xs);letter-spacing:var(--tracking-wide);color:var(--color-text-soft);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg);transition:border-color var(--duration-fast) var(--ease),color var(--duration-fast) var(--ease)}.tme-print-btn:hover{border-color:var(--color-border-strong);color:var(--color-text)}.tme-zone-num{font-size:var(--text-4xl);font-weight:800;letter-spacing:var(--tracking-tight);color:var(--color-text-muted);line-height:1}.tme-zone-title{font-size:var(--text-xl);font-weight:700;letter-spacing:var(--tracking-wide);margin-bottom:var(--space-2)}.tme-zone-title .sub{display:block;font-size:var(--text-sm);font-weight:400;color:var(--color-text-soft);margin-top:var(--space-1)}.tme-zone-code{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:var(--tracking-wider);color:var(--color-text-muted);text-transform:uppercase;margin-bottom:var(--space-3)}.tme-zone-desc{font-size:var(--text-sm);line-height:var(--leading-relaxed);color:var(--color-text-soft);flex:1;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.tme-zone-palette{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr}.tme-color{display:flex;flex-direction:column;border-right:1px solid var(--color-border);border-bottom:1px solid var(--color-border);overflow:hidden}.tme-color:nth-child(2n){border-right:none}.tme-color:nth-child(n+3){border-bottom:none}.tme-color-fill{flex:1;position:relative;min-height:0}.tme-color-fill .label{position:absolute;bottom:var(--space-2);left:var(--space-2);font-size:var(--text-xs);letter-spacing:var(--tracking-wide)}.tme-color-info{padding:var(--space-2);display:flex;flex-direction:column;gap:2px;border-top:1px solid var(--color-border)}.tme-color-name{font-size:var(--text-xs);font-weight:600;color:var(--color-text)}.tme-color-hsl{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-muted)}.tme-zone-right{position:relative;background:var(--color-surface);overflow:hidden}.tme-image{position:absolute;overflow:hidden}.tme-image img{width:100%;height:100%;object-fit:cover;display:block}.tme-image .tme-image-label{position:absolute;top:var(--space-2);left:var(--space-2);font-size:var(--text-xs);letter-spacing:var(--tracking-wider);color:var(--color-bg);background:#00000080;padding:2px var(--space-2);border-radius:var(--radius-sm)}@media (max-width: 1024px){.tme-zone{grid-template-columns:35% 65%;height:480px}.tme-zone-num{font-size:var(--text-3xl)}}@media (max-width: 640px){.tme-zone{grid-template-columns:1fr;grid-template-rows:auto 260px;height:auto}.tme-zone-left{grid-template-rows:auto auto;border-right:none;border-bottom:1px solid var(--color-border)}.tme-zone-catalog{border-bottom:1px solid var(--color-border);padding:var(--space-4)}.tme-zone-num{font-size:var(--text-2xl)}.tme-zone-desc{-webkit-line-clamp:3}}@media print{.site-header,.page-hero,.site-footer,.tme-zone:not(.printing),.tme-print-btn{display:none!important}.page,.page-main{display:block;max-width:none;padding:0;margin:0}.tme-list{gap:0}.tme-zone.printing{display:grid;grid-template-columns:30% 70%;height:auto;min-height:100vh;border:1px solid var(--color-border);overflow:hidden;page-break-after:avoid}.tme-zone.printing .tme-zone-desc{-webkit-line-clamp:unset;-webkit-box-orient:unset;display:block;overflow:visible}.tme-zone.printing .tme-image img,.tme-zone.printing .tme-color-fill{print-color-adjust:exact;-webkit-print-color-adjust:exact}@page{size:A4 landscape;margin:10mm}}