.calculator{background:#fff;border-radius:8px;padding:24px;margin-bottom:20px;box-shadow:0 1px 3px rgba(0,0,0,.1)}.input-group{margin-bottom:20px}.input-group label{display:block;font-size:14px;font-weight:500;color:#333;margin-bottom:8px}.input-wrapper{position:relative}.input-group input{width:100%;padding:12px 40px 12px 16px;border:1px solid #ddd;border-radius:6px;font-size:16px;transition:border-color .2s;background:#fff}.input-group input:focus{outline:none;border-color:#0056b3;box-shadow:0 0 0 2px rgba(0,86,179,.1)}.container{max-width:480px;margin:0 auto;padding:20px 16px}.breadcrumb{font-size:14px;color:#666}.unit{position:absolute;right:16px;top:50%;transform:translateY(-50%);color:#888;font-size:14px;pointer-events:none}.calculate-btn{width:100%;padding:14px;background:#0056b3;color:#fff;border:none;border-radius:6px;font-size:16px;font-weight:500;cursor:pointer;transition:background-color .2s;margin-top:8px}.calculate-btn:hover{background:#004494}.calculate-btn:active{transform:translateY(1px)}.result{background:#fff;border-radius:8px;padding:24px;text-align:center;box-shadow:0 1px 3px rgba(0,0,0,.1);margin-bottom:20px;display:none}.result.show{display:block;animation:fadeIn .3s ease}@keyframes fadeIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.result-title{font-size:16px;color:#666;margin-bottom:12px}.result-size{font-size:32px;font-weight:700;color:#0056b3;margin-bottom:8px}.result-note{font-size:12px;color:#888;line-height:1.4}.tips{background:#fff;border-radius:8px;padding:20px;box-shadow:0 1px 3px rgba(0,0,0,.1)}.tips h3{font-size:16px;font-weight:600;color:#333;margin-bottom:12px}.tips ul{list-style:none;font-size:14px;color:#666;line-height:1.6}.tips li{margin-bottom:6px;padding-left:16px;position:relative}.tips li:before{content:"•";color:#0056b3;position:absolute;left:0}.error{border-color:#dc3545 !important}.error-msg{color:#dc3545;font-size:12px;margin-top:4px;display:none}
        @media (min-width:768px){.container{padding:24px 16px}.calculator{padding:32px}.tips{padding:24px}}