html,body,div,header,footer,nav,main,section,article,h1,h2,h3,h4,h5,h6,p,span,a,img,ul,ol,li,form,input,button,dl,dt,dd,pre,fieldset,textarea,blockquote,th,td{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;background:#f8f9fa;color:#333;line-height:1.5;min-height:100vh;display:flex;flex-direction:column}.header{background:#fff;padding:24px 16px;text-align:center;box-shadow:0 1px 3px rgba(0,0,0,.1)}.header h1{font-size:24px;font-weight:600;color:#333;margin-bottom:6px}.header p{font-size:14px;color:#666}.container{margin:0 auto;padding:20px 16px;max-width:800px;flex:1}.breadcrumb{font-size:14px;color:#666;}.breadcrumb a{color:#596b78;text-decoration:none;transition:all .2s ease}.breadcrumb a:hover{color:#0056b3;text-decoration:underline}.breadcrumb .separator{margin:0 3px;color:#999}.breadcrumb .current{color:#999}.footer{background:#fff;margin-top:auto;padding:20px 16px;text-align:center;border-top:1px solid #eee}.footer p{font-size:13px;color:#999;margin-bottom:8px}.footer a{color:#666;text-decoration:none;margin:0 12px;font-size:12px}.footer a:hover{color:#333}.calculator-form{background:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 8px rgba(0,0,0,.1);margin-bottom:24px}.form-group{margin-bottom:20px}.form-label{display:block;font-weight:500;color:#333;margin-bottom:8px;font-size:14px}.form-input{width:100%;padding:12px 16px;border:1px solid #ddd;border-radius:8px;font-size:14px;transition:all .2s ease;background:#fff}.form-input:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 3px rgba(0,123,255,.1)}.btn-primary{background:#007bff;color:#fff;border:none;padding:14px 24px;border-radius:8px;font-size:16px;font-weight:500;cursor:pointer;transition:all .2s ease;width:100%;margin-top:8px}.btn-primary:hover{background:#0056b3;transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)}.result-card{background:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 8px rgba(0,0,0,.1);margin-bottom:24px;display:none}.result-title{font-size:18px;font-weight:600;color:#333;margin-bottom:16px;text-align:center}.result-item{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid #f0f0f0}.result-item:last-child{border-bottom:none}.result-label{color:#666;font-size:14px}.result-value{color:#007bff;font-weight:500;font-size:14px}.tips-section{background:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 8px rgba(0,0,0,.1)}.tips-title{font-size:18px;font-weight:600;color:#333;margin-bottom:16px}.tips-list{list-style:none}.tips-list li{padding:8px 0;color:#666;font-size:14px;position:relative;padding-left:20px}.tips-list li:before{content:"•";color:#007bff;position:absolute;left:0;font-weight:bold}.error-message{background:#fee;color:#c33;padding:12px;border-radius:8px;font-size:14px;margin-top:8px;display:none}@media (max-width:768px){.header{padding:20px 16px}.header h1{font-size:20px}.container{padding:16px}.calculator-form{padding:20px}.result-card{padding:20px}.tips-section{padding:20px}}