body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";line-height:1.6;margin:0;padding:0 10px;background-color:#fdfdfd;color:#404040}.container{max-width:1200px;margin:5px auto;background-color:#ffffff}h1,h2,h3{color:#002060}h1{text-align:center;margin-bottom:25px;font-size:2em}h2{border-bottom:2px solid #90C3BA;padding-bottom:8px;margin-top:30px;font-size:1.5em}h3{margin-top:25px;font-size:1.3em}.converter-section{background-color:#f9f9f9;padding:20px;border-radius:8px;margin-bottom:30px;border:1px solid #A190C3}.input-row{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;margin-bottom:15px;flex-direction:column}.input-group{width:100%;flex:1 1 100%;margin-bottom:10px}.input-group label{display:block;margin-bottom:5px;font-weight:bold;color:#404040}.input-group input[type="number"],.input-group select{width:100%;padding:10px;border:1px solid #C39099;border-radius:4px;box-sizing:border-box;font-size:1em}.input-group input[type="number"]:focus,.input-group select:focus{outline:2px solid #002060;border-color:#002060}.arrow-column{width:100%;flex:1 1 100%;text-align:center;font-size:1.5em;color:#90C3BA;padding:0 10px;align-self:center;margin-top:0;transform:rotate(90deg);margin-bottom:10px}@media (min-width:601px){.input-row{flex-direction:row}.input-group{flex:1 1 45%;min-width:200px;width:auto}.arrow-column{width:auto;flex:0 0 auto;transform:none;margin-top:25px;margin-bottom:0}}.converter-section button{background-color:#90C3BA;color:white;padding:12px 20px;border:none;border-radius:4px;cursor:pointer;font-size:1.1em;display:block;width:100%;margin-top:15px}.converter-section button:hover{background-color:#606060}#result,#explanation{margin-top:20px;padding:15px;background-color:#f9f9f9;border:1px solid #C39099;border-radius:4px;font-size:1.1em;word-wrap:break-word;line-height:1.8}#explanation{background-color:#f3f3f3;border-color:#A190C3}table{width:100%;border-collapse:collapse;margin-bottom:20px}th,td{border:1px solid #A190C3;padding:10px;text-align:left}th{background-color:#f3f3f3;font-weight:bold}.info-section{margin-top:25px;padding:15px;background-color:#fdfdfd;border-left:5px solid #90C3BA;margin-bottom:30px}.info-section ul,.info-section ol{padding-left:20px}.key-points{background-color:#f9f9f9;border-left:5px solid #C39099;padding:15px;margin-bottom:30px;border-radius:4px}.key-points ul{list-style-type:disc;padding-left:20px;margin:0}strong{color:#606060;font-weight:600}.chart-section{margin-top:30px;padding:20px;background-color:#fdfdfd;border:1px solid #A190C3;border-radius:8px}.chart-title{font-size:1.3em;font-weight:600;margin-bottom:20px;color:#333;text-align:left}.bar-chart-container{padding:10px 0}.bar-item{margin-bottom:15px;display:flex;align-items:center;min-height:30px}.bar-label{width:160px;font-size:.95em;color:#404040;padding-right:12px;text-align:right;flex-shrink:0}.bar-wrapper{flex-grow:1;height:28px;display:flex}.bar{height:100%;border-radius:4px;display:flex;align-items:center;justify-content:flex-end;color:white;font-size:.85em;padding-left:5px;padding-right:10px;box-shadow:none;min-width:10px;transition:width .6s cubic-bezier(.25,.8,.25,1);overflow:hidden;white-space:nowrap}.bar-value-outside{padding-left:8px;font-size:.9em;color:#404040;white-space:nowrap}.bar.oz{background-color:#76b7b2;color:white}.bar.ozt{background-color:#59a14f;color:white}.bar.hk-tael{background-color:#edc948;color:#333}.bar.cn-liang{background-color:#f28e2b;color:white}.bar.lb{background-color:#e15759;color:white}.bar.cn-jin{background-color:#b07aa1;color:white}.bar.hk-jin{background-color:#ff9da7;color:#333}.bar.kg{background-color:#4e79a7;color:white}.chart-footnote{font-size:.85em;text-align:center;color:#404040;margin-top:15px}.kg-comparison-container{display:flex;align-items:flex-start;margin-top:15px;border:1px solid #ddd;padding:10px;border-radius:4px;background-color:#fff}.kg-block{width:100%;height:50px;background-color:#002060;color:white;display:flex;justify-content:center;align-items:center;font-weight:bold;border-radius:3px;margin-bottom:5px;position:relative}.jin-blocks-container{display:flex;width:100%;position:relative}.jin-block{height:45px;display:flex;justify-content:center;align-items:center;color:white;font-size:.9em;border-radius:3px;margin-right:2px}.jin-block:last-child{margin-right:0}.jin-block.cn-jin{background-color:#b07aa1}.jin-block.hk-jin{background-color:#ff9da7}.comparison-container{display:flex;flex-wrap:wrap;gap:20px;justify-content:space-around}.comparison-item{flex:1;min-width:280px;max-width:350px}.comparison-label{text-align:center;font-size:1em;font-weight:500;margin-top:5px;margin-bottom:10px;color:#333}.chart-sub-section{margin-bottom:30px}.chart-sub-section:last-child{margin-bottom:0}.faq-section{}.faq-item{margin-bottom:15px;padding-bottom:15px;border-bottom:1px dashed #d0e0d0}.faq-item:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.faq-item summary{color:#002060;font-weight:600;font-size:1.15em;margin-bottom:8px;cursor:pointer;list-style:none;position:relative;padding-left:20px}.faq-item summary:focus{outline:2px solid #4060E0;outline-offset:2px}.faq-item summary::before{content:'+';position:absolute;left:0;top:50%;transform:translateY(-50%);font-weight:bold;color:#90C3BA}.faq-item[open] summary::before{content:'−'}.faq-item summary::-webkit-details-marker{display:none}.faq-item>div{padding-top:10px;padding-left:20px}.faq-item>div p,.faq-item>div ul,.faq-item>div ol{color:#404040;margin-top:0;margin-bottom:10px}.faq-item>div ul,.faq-item>div ol{padding-left:25px}.faq-item>div ul ul,.faq-item>div ol ol,.faq-item>div ul ol,.faq-item>div ol ul{margin-top:5px;margin-bottom:5px}@media (max-width:600px){.chart-section .bar-item{flex-direction:column;align-items:stretch;margin-bottom:18px}.chart-section .bar-label{width:auto;text-align:left;padding-right:0;margin-bottom:6px;font-size:.9em}.chart-section .bar-wrapper{width:100%;height:22px}.chart-section .bar{font-size:.8em;padding-left:5px;padding-right:5px;height:22px}.chart-section .chart-title{font-size:1.15em;margin-bottom:15px}.chart-section .chart-footnote{font-size:.8em}.comparison-container{flex-direction:column;align-items:center}.comparison-item{width:95%;min-width:0}.converter-section{padding:5px}}