.page-header{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-light) 100%);color:#fff;padding:var(--space-8) 0 var(--space-6)}.page-header h1{color:#fff;font-size:var(--text-3xl);margin-bottom:var(--space-2)}.page-desc{opacity:.9;font-size:var(--text-sm)}.breadcrumb{font-size:var(--text-xs);margin-bottom:var(--space-3);opacity:.8}.breadcrumb a{color:#fff}.breadcrumb .sep{margin:0 var(--space-2)}.tool-body{padding-top:var(--detail-padding-top);padding-bottom:var(--detail-padding-bottom)}.hs-wrap{max-width:680px;margin:0 auto}.hs-wrap .card{margin-bottom:var(--space-5)}.hs-h2{font-size:var(--text-lg);margin-bottom:var(--space-3)}.hs-result{border-left:4px solid var(--color-accent)}.hs-headline{font-family:var(--font-display);font-size:var(--text-lg);font-weight:700;color:var(--color-primary);margin-bottom:var(--space-3);line-height:1.4}.hs-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3)}.hs-box{text-align:center;padding:var(--space-4);background:var(--color-bg);border-radius:var(--radius-md)}.hs-box-accent{background:#fff8e1}.hs-box-label{display:block;font-size:var(--text-xs);color:var(--color-text-secondary);margin-bottom:var(--space-1)}.hs-box-val{display:block;font-family:var(--font-mono);font-size:var(--text-2xl);font-weight:900;color:var(--color-primary);line-height:1.2}.hs-box-val-sm{font-size:var(--text-base);font-weight:700}.hs-convert{margin-top:var(--space-3);padding:var(--space-3);background:var(--color-bg);border-radius:var(--radius-md);font-size:var(--text-sm);line-height:1.8}.hs-convert:empty{display:none}.hs-convert strong{font-family:var(--font-mono);color:var(--color-accent-text)}.hs-caution{font-size:var(--text-xs);color:var(--color-text-secondary);margin-top:var(--space-2);line-height:1.6}.hs-caution:empty{display:none}.hs-field{margin-bottom:var(--space-5)}.hs-label{display:block;font-weight:600;font-size:var(--text-sm);color:var(--color-primary);margin-bottom:var(--space-2)}.hs-unit{display:flex;gap:var(--space-2)}.hs-unit-btn{flex:1;padding:var(--space-3) var(--space-1);border:2px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);font-size:var(--text-sm);font-weight:700;cursor:pointer;font-family:var(--font-body);transition:all .15s;text-align:center}.hs-unit-btn.active{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.hs-input-row{display:flex;align-items:center;gap:var(--space-2)}.hs-input{flex:1;min-width:0;padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--text-lg);font-family:var(--font-mono);background:var(--color-surface);color:var(--color-text)}.hs-input:focus{border-color:var(--color-primary);outline:none}.hs-unit-tag{font-family:var(--font-mono);font-size:var(--text-sm);font-weight:700;color:var(--color-text-secondary);min-width:3.2rem}.hs-actions{display:flex;gap:var(--space-3);align-items:center}.hs-btn{flex:1;justify-content:center;padding:var(--space-3);font-size:var(--text-base)}.hs-btn-ghost{padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text-secondary);font-size:var(--text-sm);font-family:var(--font-body);cursor:pointer}.hs-hint{font-size:var(--text-xs);color:var(--color-text-secondary);margin-top:var(--space-2)}.hs-summary{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-2);margin-bottom:var(--space-4)}.hs-summary:empty{display:none}@media(min-width:640px){.hs-summary{grid-template-columns:repeat(4,1fr)}}.hs-sum-box{text-align:center;padding:var(--space-3) var(--space-2);background:var(--color-bg);border-radius:var(--radius-md)}.hs-sum-label{display:block;font-size:var(--text-xs);color:var(--color-text-secondary);margin-bottom:2px}.hs-sum-val{display:block;font-family:var(--font-mono);font-size:var(--text-base);font-weight:800;color:var(--color-primary)}.hs-scroll{overflow-x:auto}.hs-table{width:100%;min-width:420px;border-collapse:collapse;font-size:var(--text-sm)}.hs-table th{background:var(--color-primary);color:#fff;padding:var(--space-2) var(--space-3);text-align:left}.hs-table td{padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);font-family:var(--font-mono)}.hs-table tr:nth-child(2n) td{background:var(--color-bg)}.hs-table:not(:has(tbody tr)){display:none}.hs-del{border:none;background:none;color:var(--color-text-secondary);cursor:pointer;font-size:var(--text-sm);font-family:var(--font-body);padding:0 var(--space-1)}.hs-empty{font-size:var(--text-sm);color:var(--color-text-secondary)}.hs-empty[hidden]{display:none}.hs-clear{margin-top:var(--space-3)}.hs-clear[hidden]{display:none}.hs-inline-code{font-family:var(--font-mono);font-size:var(--text-xs);background:var(--color-bg);padding:1px 6px;border-radius:var(--radius-sm)}.hs-note{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:1.8;margin-top:var(--space-3)}.hs-note:first-of-type{margin-top:0}.hs-note strong{color:var(--color-text)}.hs-list{padding-left:var(--space-5);font-size:var(--text-sm);line-height:1.8}.hs-list li{margin-bottom:var(--space-2);color:var(--color-text-secondary)}.hs-list strong{color:var(--color-text)}.hs-related{margin-top:var(--space-6)}.hs-card{display:block;transition:transform .2s,box-shadow .2s}.hs-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-elevated);color:var(--color-text)}.hs-card h3{font-size:var(--text-base);margin-bottom:var(--space-2)}.hs-card p{font-size:var(--text-sm);color:var(--color-text-secondary)}