*{margin:0;padding:0;box-sizing:border-box;font-family:system-ui,-apple-system,Segoe UI,PingFang SC,Roboto,Helvetica,Arial,sans-serif}body{background:linear-gradient(145deg,#f0f2f8,#e9eef4);min-height:100vh;padding:1rem;display:flex;justify-content:center;align-items:flex-start}@media(max-width:768px){body{padding:.5rem}}#root{width:100%}.calculator-container{max-width:880px;width:100%;margin:0 auto;background:#fffffff5;border-radius:2.5rem;box-shadow:0 20px 35px -12px #0003,0 1px 2px #0000000d;overflow:hidden;transition:all .2s ease}.header{background:#1c1c1e;padding:1.5rem 1.8rem;color:#fff}.header h1{font-size:1.7rem;font-weight:600;letter-spacing:-.3px;display:flex;align-items:center;gap:8px}.header h1:before{content:"📱";font-size:1.7rem}.header p{font-size:.85rem;opacity:.7;margin-top:6px}.content{padding:1.8rem 1.8rem 2.2rem}.form-group{margin-bottom:1.5rem;display:flex;flex-direction:column;gap:.5rem}label{font-weight:600;font-size:.85rem;color:#2c3e44;letter-spacing:.3px;display:flex;align-items:center;gap:5px}label i{font-style:normal;font-weight:400;color:#6c7a89}select,input{background:#f9fafc;border:1px solid #e2e8f0;border-radius:1.2rem;padding:.75rem 1rem;font-size:1rem;font-weight:500;color:#1e2a3e;transition:.2s;outline:none;cursor:pointer;width:100%}select:focus,input:focus{border-color:#007aff;box-shadow:0 0 0 3px #007aff33;background:#fff}.price-display{background:#f1f5f9;border-radius:1.2rem;padding:.75rem 1rem;font-size:1rem;font-weight:600;color:#0f172a;border:1px solid #e2edf2;display:flex;justify-content:space-between;align-items:center}.price-display span:first-child{font-weight:500;color:#2d3a48}.price-display span:last-child{font-size:1.3rem;color:#007aff;letter-spacing:0}.rent-period{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:.3rem}.period-option{flex:1;text-align:center;background:#f1f5f9;border-radius:2rem;padding:.65rem 0;font-weight:600;font-size:.95rem;color:#1e293b;cursor:pointer;transition:all .2s;border:1px solid transparent}.period-option.active{background:#007aff;color:#fff;box-shadow:0 6px 12px -8px #007aff66;border-color:#007aff}.period-option:hover:not(.active){background:#e6edf4;transform:scale(.97)}.deposit-box{margin-top:.2rem}.deposit-preset{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:.6rem;align-items:center}.preset-btn{background:#eef2ff;border:none;border-radius:2rem;padding:.45rem 1rem;font-size:.8rem;font-weight:500;color:#1e3a8a;cursor:pointer;transition:.15s}.preset-btn:hover{background:#d9e4ff;transform:translateY(-1px)}.preset-btn:active{transform:translateY(1px)}.results{background:#fff;border-radius:1.8rem;margin-top:2rem;padding:1.5rem;box-shadow:0 6px 14px #00000008,inset 0 1px #fffc;border:1px solid #eef2f6}.results h3{font-size:1.2rem;margin-bottom:1.2rem;font-weight:600;color:#0b2b38;display:flex;align-items:center;gap:.5rem;border-left:3px solid #007aff;padding-left:.7rem}.result-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.result-card{background:#fafcff;border-radius:1.2rem;padding:.9rem 1rem;transition:.1s;border:1px solid #eef3fc}.result-label{font-size:.7rem;text-transform:uppercase;letter-spacing:.5px;font-weight:600;color:#5e6f8d;margin-bottom:.4rem}.result-value{font-size:1.6rem;font-weight:700;color:#0f2b3d;line-height:1.2;word-break:break-word}.result-value small{font-size:.8rem;font-weight:500;color:#6c86a3}.subnote{font-size:.7rem;color:#7e8b9e;margin-top:1rem;text-align:center;border-top:1px dashed #e0e8f0;padding-top:1rem}.badge{background:#eef3ff;padding:.2rem .6rem;border-radius:20px;font-size:.7rem;font-weight:500;color:#007aff}.preset-btn.active{background:#007aff;color:#fff}input[type=number]{cursor:text}@media(max-width:560px){.content{padding:1.2rem}.result-value{font-size:1.3rem}.period-option{font-size:.8rem;padding:.5rem 0}.preset-btn{padding:.35rem .8rem;font-size:.7rem}}.k-container{width:100%;max-width:1280px;margin:0 auto;background:#fff;border-radius:16px;box-shadow:0 4px 24px #00000014;overflow:hidden}.k-header{background:linear-gradient(135deg,#1a1a2e,#16213e);padding:20px 24px;text-align:center}.k-header-title{font-size:20px;font-weight:700;color:#fff;margin-bottom:6px}.k-header-sub{font-size:12px;color:#ffffffa6}.k-content{padding:20px}.k-selectors{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:16px;overflow:hidden}.k-selector{display:flex;flex-direction:column;gap:6px;width:100%}.k-selector label{font-size:12px;color:#666;font-weight:500}.k-dropdown{width:100%;max-width:100%;height:38px;background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:0 16px;font-size:13px;font-weight:500;color:#333;outline:none;cursor:pointer;transition:border-color .2s;box-sizing:border-box;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.k-dropdown:focus{border-color:#4a90e2}.k-price-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:14px}.k-price-card{padding:14px 10px;border-radius:10px;text-align:center}.k-price-orange{background:linear-gradient(135deg,#fff7ed,#ffedd5);border:1px solid #fed7aa}.k-price-orange .k-price-label{color:#ea580c}.k-price-orange .k-price-amount{color:#c2410c}.k-price-blue{background:linear-gradient(135deg,#eff6ff,#dbeafe);border:1px solid #bfdbfe}.k-price-blue .k-price-label{color:#2563eb}.k-price-blue .k-price-amount{color:#1d4ed8}.k-price-purple{background:linear-gradient(135deg,#faf5ff,#f3e8ff);border:1px solid #e9d5ff}.k-price-purple .k-price-label{color:#9333ea}.k-price-purple .k-price-amount{color:#7c3aed}.k-price-red{background:linear-gradient(135deg,#fef2f2,#fee2e2);border:1px solid #fecaca}.k-price-red .k-price-label{color:#dc2626}.k-price-red .k-price-amount{color:#b91c1c}.k-price-label{font-size:11px;font-weight:600;margin-bottom:6px}.k-price-amount{font-size:15px;font-weight:700}.k-info-bar{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:10px 14px;font-size:12px;color:#64748b;margin-bottom:16px}.k-table-section{background:#fafafa;border-radius:10px;padding:14px;margin-bottom:14px}.k-table-title{font-size:14px;font-weight:600;color:#374151;margin-bottom:10px}.k-detail-table{width:100%;border-collapse:collapse;font-size:12px}.k-detail-table th{background:#f1f5f9;color:#6b7280;font-weight:600;padding:8px 10px;text-align:left;border-bottom:1px solid #e5e7eb}.k-detail-table td{padding:8px 10px;color:#374151;border-bottom:1px solid #f3f4f6;font-weight:500}.k-detail-table tbody tr:last-child td{border-bottom:none}.k-detail-table tbody tr:hover{background:#fff}.k-disclaimer{font-size:11px;color:#9ca3af;line-height:1.6;padding:0 4px}.k-loading,.k-error{text-align:center;padding:40px;font-size:14px;color:#9ca3af}@media(max-width:768px){body{padding:.5rem}.k-container{border-radius:12px;max-width:100%}.k-header{padding:14px 16px}.k-header-title{font-size:16px}.k-header-sub{font-size:10px}.k-content{padding:12px}.k-selectors{grid-template-columns:1fr;gap:10px;margin-bottom:12px;padding:0}.k-selector{max-width:100%;overflow:hidden}.k-selector label{font-size:11px}.k-dropdown{height:36px;font-size:12px;max-width:100%;padding-right:32px}.k-price-cards{grid-template-columns:repeat(2,1fr);gap:8px;margin-bottom:12px}.k-price-card{padding:10px 8px}.k-price-label{font-size:10px;margin-bottom:4px}.k-price-amount{font-size:13px}.k-info-bar{padding:8px 10px;font-size:10px;margin-bottom:12px;overflow-x:auto;white-space:nowrap}.k-table-section{padding:10px;margin-bottom:12px;overflow-x:auto}.k-table-title{font-size:12px;margin-bottom:8px}.k-detail-table{font-size:10px;min-width:400px}.k-detail-table th,.k-detail-table td{padding:6px 8px}.k-disclaimer{font-size:10px;padding:0 2px}}@media(max-width:480px){.k-price-cards{grid-template-columns:repeat(2,1fr);gap:6px}.k-price-card{padding:8px 6px}.k-price-label{font-size:9px}.k-price-amount{font-size:12px}}