.tool-section{background:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 8px rgba(0,0,0,.08);margin-bottom:20px}.container{max-width:480px;margin:0 auto;padding:20px 16px;flex:1}.breadcrumb{font-size:14px;color:#666}.section-title{font-size:18px;font-weight:600;color:#333;margin-bottom:16px;text-align:center}.form-group{margin-bottom:20px}.form-group label{display:block;font-weight:500;margin-bottom:8px;color:#333}.form-group input{width:100%;padding:12px 16px;border:1px solid #ddd;border-radius:8px;font-size:16px;transition:border-color .2s ease}.form-group input:focus{outline:none;border-color:#0056b3;box-shadow:0 0 0 3px rgba(0,86,179,.1)}.btn{width:100%;padding:14px;background:#0056b3;color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:500;cursor:pointer;transition:background .2s ease}.btn:hover{background:#004494}.btn:active{transform:translateY(1px)}.result{background:#f8f9fa;border-radius:8px;padding:20px;margin-top:16px;text-align:center;display:none}.result h3{color:#0056b3;margin-bottom:16px;font-size:16px}.result-value{font-size:24px;font-weight:600;color:#0056b3;margin:12px 0}.info-section{background:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 8px rgba(0,0,0,.08);margin-top:20px}.info-title{font-size:16px;font-weight:600;color:#333;margin-bottom:12px}.info-list{list-style:none;padding:0}.info-list li{padding:8px 0;border-bottom:1px solid #f0f0f0;font-size:14px}.info-list li:last-child{border-bottom:none}.info-list strong{color:#0056b3;font-weight:500}.notice{background:#fff3cd;border:1px solid #ffeaa7;color:#856404;padding:16px;border-radius:8px;margin-top:16px;font-size:14px}.notice strong{color:#d63031}.divider{height:1px;background:#eee;margin:24px 0}@media (max-width:480px){.container{padding:16px 12px}.tool-section{padding:20px 16px}.info-section{padding:20px 16px}}