body{font-family:Arial,'Microsoft JhengHei',sans-serif;background-color:#f4f4f4;}.converter-container{max-width:700px;margin:0 auto;background:#fff;padding:16px 8px 20px 8px;border-radius:8px;box-shadow:0 0 8px #e0e0e0;}.converter-container h1{text-align:center;font-size:1.7em;color:#5a5a5a;margin-bottom:8px;}.converter-section{border:1px solid #ddd;border-radius:5px;padding:12px 8px 10px 8px;margin-bottom:18px;}.converter-section h2{font-size:1.2em;text-align:center;color:#5a5a5a;margin:0 0 8px 0;}.form-label{font-weight:bold;display:block;margin-bottom:3px;}.form-input,.form-select{width:100%;padding:8px;margin-bottom:6px;border:1px solid #ccc;border-radius:4px;box-sizing:border-box;}.form-row{display:flex;gap:6px;}.form-group{flex:1;}.form-group .form-label{margin-bottom:2px;}.btn-convert{background:#007bff;color:#fff;padding:10px 0;margin-top:10px;width:100%;border:none;border-radius:4px;font-size:1em;cursor:pointer;}.result-text{margin-top:8px;font-weight:bold;color:#28a745;font-size:1.07em;text-align:center;}.tip-text{font-size:.93em;color:#666;text-align:center;margin-top:8px;padding:0 4px;}.comparison-section h2{text-align:center;font-size:1.15em;margin:18px 0 8px 0;color:#5a5a5a;}.comparison-flex{display:flex;justify-content:space-around;align-items:flex-end;margin-bottom:8px;gap:10px;padding:0 8px;min-height:110px;}.comparison-item{text-align:center;}.comparison-item-title{font-size:.98em;font-weight:bold;margin-bottom:3px;}.sqm-box{width:100px;height:100px;border:2px solid #007bff;background:rgba(0,123,255,.1);display:flex;align-items:center;justify-content:center;margin:0 auto;}.sqm-text{font-size:1.1em;color:#0056b3;font-weight:bold;}.comparison-separator{text-align:center;font-size:1.8em;color:#555;padding-bottom:35px;}.sqft-box{width:30.5px;height:30.5px;border:2px solid #ffc107;background:rgba(255,193,7,.2);display:flex;align-items:center;justify-content:center;margin:0 auto;}.sqft-text{font-size:.7em;color:#c77c00;font-weight:bold;}.key-conversion{text-align:center;font-size:.95em;color:#333;margin-bottom:20px;}.key-conversion p{margin:0;}.key-conversion .caption{font-size:.9em;}.space-comparison-section h2{text-align:center;font-size:1.15em;margin:25px 0 8px 0;color:#5a5a5a;}.space-comparison-intro{padding:0 8px;font-size:.97em;line-height:1.6;margin-bottom:12px;text-align:left;}.space-comparison-intro p{margin-top:0;margin-bottom:8px;}.basketball-court-comparison{display:flex;flex-direction:column;align-items:center;margin-bottom:12px;gap:10px;}.basketball-court{width:220px;height:118px;background-color:#f0ad4e;border:2px solid #d9534f;position:relative;margin:0 auto;}.court-label{position:absolute;bottom:5px;left:50%;transform:translateX(-50%);font-size:.7em;color:white;background-color:rgba(0,0,0,.6);padding:2px 4px;border-radius:3px;white-space:nowrap;}.apartment-unit{width:40px;height:40px;background-color:#5bc0de;border:1px solid #0056b3;box-shadow:0 0 0 1px white;position:absolute;top:8px;left:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;}.apartment-text{font-size:.6em;color:#003366;text-align:center;line-height:1.05;font-weight:bold;}.comparison-explanation{padding:0 12px;font-size:.95em;line-height:1.5;text-align:left;}.comparison-explanation p{margin-top:0;margin-bottom:5px;}.comparison-explanation p:last-child{margin-bottom:0;}.reference-table-section h2{text-align:center;font-size:1.08em;margin:20px 0 8px 0;color:#5a5a5a;}.reference-table{width:100%;border-collapse:collapse;font-size:.98em;margin-bottom:8px;}.reference-table th,.reference-table td{border:1px solid #ddd;padding:6px 4px;text-align:left;}.reference-table thead tr{background:#f8f8f8;}.reference-footer{font-size:.97em;color:#666;margin-top:4px;text-align:center;}.qa-section{margin-top:18px;border-top:1px solid #eee;padding-top:12px;}.qa-section h2{text-align:center;font-size:1.1em;color:#5a5a5a;margin-bottom:12px;}.qa-item{margin-bottom:12px;padding:0 8px;}.qa-question{color:#0056b3;display:block;margin-bottom:3px;font-weight:bold;}.qa-answer{font-size:.97em;margin-left:10px;line-height:1.6;padding-top:5px;}.qa-item summary{cursor:pointer;list-style:none;font-weight:bold;color:#0056b3;}.qa-item summary::-webkit-details-marker{display:none;}.qa-item summary::before{content:"+ ";font-weight:bold;}.qa-item[open] summary::before{content:"- ";}.qa-answer ul{margin-top:5px;margin-bottom:5px;padding-left:20px;}code{background-color:#f0f0f0;padding:1px 3px;border-radius:3px;font-family:monospace;}