.number-converter-v2515{width:min(820px,100%);margin:0 auto;display:grid;gap:12px;min-width:0;color:#12213a}.number-converter-v2515 *{box-sizing:border-box;min-width:0}.number-converter-v2515 .hidden{display:none!important}
.number-converter-tabs{display:grid;grid-template-columns:1fr 1fr;gap:7px;padding:5px;background:#eef3f9;border-radius:15px;position:sticky;top:0;z-index:3}.number-converter-tabs button{min-height:48px;border:0;border-radius:11px;background:transparent;color:#5d6d84;font-weight:800;display:flex;align-items:center;justify-content:center;gap:9px;padding:9px 12px;cursor:pointer}.number-converter-tabs button span{font-size:18px}.number-converter-tabs button b{font-size:15px;color:#91a0b5}.number-converter-tabs button.active{background:#fff;color:#1672f6;box-shadow:0 5px 16px rgba(29,68,117,.09)}
.number-converter-card{border:1px solid #e1e8f2;border-radius:18px;background:#fff;padding:16px;min-width:0}.number-converter-label-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:9px;font-weight:800;color:#1d2b42}.number-text-button,.number-copy-button{border:1px solid #dce5f1;background:#f8fbff;color:#3971b9;border-radius:10px;padding:8px 11px;font-weight:750;cursor:pointer}.number-copy-button:disabled{opacity:.45;cursor:not-allowed}
.number-converter textarea{display:block;width:100%;min-height:112px;max-height:240px;resize:vertical;border:1px solid #d7e0ed;border-radius:14px;background:#fbfdff;color:#0d1730;padding:14px 15px;font-size:23px;line-height:1.45;outline:none;overflow-wrap:anywhere}.number-converter textarea:focus{border-color:#75adf7;box-shadow:0 0 0 4px rgba(22,114,246,.09);background:#fff}
.number-style-panel{margin-top:13px}.number-option-title{display:block;margin-bottom:8px;color:#687990;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.055em}.number-style-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.number-style-grid button{min-height:86px;border:1px solid #dfe7f2;border-radius:14px;background:#f8fbff;padding:10px 9px;color:#41536c;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;cursor:pointer;text-align:center;transition:border-color .15s ease,background .15s ease,transform .15s ease}.number-style-grid button b{font-family:"Noto Serif SC","Songti SC","Microsoft YaHei",serif;font-size:20px;line-height:1.25;white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis}.number-style-copy{display:grid;gap:2px}.number-style-grid button small{font-size:12px;font-weight:850;color:#52657e;line-height:1.25}.number-style-grid button em{font-size:10px;font-style:normal;font-weight:650;color:#8a98aa;line-height:1.25}.number-style-grid button.active{border-color:#73aef9;background:#edf5ff;color:#1269db;box-shadow:0 0 0 2px rgba(22,114,246,.08)}.number-style-grid button.active small{color:#1269db}.number-style-grid button:active{transform:scale(.985)}.number-style-description{margin:9px 2px 0;color:#66768c;font-size:12px;line-height:1.5}
.number-converter-options{margin-top:11px;color:#596a81;font-size:13px;display:grid;gap:7px}.number-converter-options label{display:flex;align-items:flex-start;gap:8px;line-height:1.45}.number-converter-options input{margin-top:3px;accent-color:#1672f6}.number-example-row{display:flex;gap:7px;overflow-x:auto;padding:11px 1px 1px;scrollbar-width:none;overscroll-behavior-inline:contain}.number-example-row::-webkit-scrollbar{display:none}.number-example-row button{flex:0 0 auto;border:1px solid #dbe5f2;background:#f7faff;color:#32577f;border-radius:999px;padding:7px 11px;white-space:nowrap;cursor:pointer}.number-example-row button:active{transform:scale(.98)}
.number-swap-button{justify-self:center;border:1px solid #cfe0f7;background:#edf5ff;color:#1268d8;border-radius:999px;padding:9px 16px;font-weight:800;display:flex;align-items:center;gap:7px;margin:-2px 0;box-shadow:0 5px 14px rgba(22,114,246,.08);cursor:pointer}
.number-output-card{background:linear-gradient(145deg,#f8fbff,#fff)}.number-converter-output{min-height:86px;border:1px dashed #b9cff0;border-radius:14px;background:#f2f7ff;padding:15px 17px;display:flex;align-items:center;overflow-wrap:anywhere;word-break:break-word;font:700 clamp(28px,4vw,43px)/1.45 "Noto Serif SC","Songti SC","Microsoft YaHei",serif;color:#0e55b8}.number-converter[data-number-mode="chinese"] .number-converter-output{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;font-size:clamp(27px,4vw,40px);font-variant-numeric:tabular-nums}.number-converter-output.is-empty{font:500 14px/1.5 Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;color:#8795a8}
.number-formatted-row{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:9px;padding:9px 11px;border-radius:10px;background:#f7f9fc;color:#718096;font-size:12px}.number-formatted-row b{color:#253b58;font-size:14px;font-variant-numeric:tabular-nums;overflow-wrap:anywhere;text-align:right}.number-converter-error{margin:10px 0 0;border-radius:10px;background:#fff1f3;color:#c43850;padding:10px 12px;font-size:13px}
.number-pronunciation{margin-top:12px;border:1px solid #dbe8f8;border-radius:14px;background:#fff;padding:13px 14px}.number-pronunciation.is-empty{opacity:.72}.number-pronunciation-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.number-pronunciation-head>div:first-child{display:grid;gap:2px}.number-pronunciation-head span{font-weight:850;color:#203653}.number-pronunciation-head small{color:#8796aa;font-size:11px}.number-pronunciation-actions{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.number-pronunciation-actions button{min-height:36px;border:1px solid #d8e4f4;background:#f6faff;color:#2468b7;border-radius:9px;padding:7px 10px;font-weight:750;cursor:pointer}.number-pronunciation-actions button:disabled{opacity:.45;cursor:not-allowed}.number-pronunciation p{margin:10px 0 0;color:#0d5ebc;font-size:clamp(17px,2.5vw,22px);line-height:1.65;font-weight:700;overflow-wrap:anywhere}
.number-converter-note{border-radius:14px;background:#f7f9fc;color:#65758b;padding:11px 14px;font-size:12px;line-height:1.6}.hero-number-tool{margin-top:14px;border:1px solid rgba(255,255,255,.68);background:rgba(9,45,88,.76);color:#fff;border-radius:12px;padding:10px 14px;font-weight:800;backdrop-filter:blur(6px);box-shadow:0 6px 16px rgba(13,46,85,.12)}.hero-number-tool:hover{background:rgba(9,45,88,.9)}
@media(max-width:900px){.number-converter-v2515{gap:10px}.number-converter-card{padding:13px;border-radius:16px}.number-converter textarea{min-height:104px;max-height:210px;font-size:21px;padding:13px}.number-converter-output{min-height:82px;padding:14px}.number-converter-tabs{position:static}.number-converter-tabs button{min-height:46px;padding:8px}.number-converter-tabs button span{font-size:16px}.number-swap-button{min-height:44px}.number-text-button,.number-copy-button{min-height:40px}.number-style-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.number-style-grid button{min-height:76px}.number-pronunciation-head{align-items:flex-start;flex-direction:column}.number-pronunciation-actions{width:100%}.number-pronunciation-actions button{flex:1}.hero-number-tool{width:100%;max-width:320px}}
@media(max-width:420px){.number-converter-card{padding:11px}.number-converter-tabs button{gap:6px;font-size:12px}.number-converter-tabs button span{font-size:15px}.number-converter textarea{font-size:20px;min-height:98px}.number-converter-label-row{align-items:center}.number-copy-button{padding:7px 9px;font-size:12px}.number-example-row button{padding:7px 10px;font-size:12px}.number-style-grid button b{font-size:16px}.number-style-grid button small{font-size:10px}.number-pronunciation{padding:12px}.number-pronunciation p{font-size:17px}.number-converter-note{font-size:11px}}
@media(prefers-reduced-motion:reduce){.number-style-grid button,.number-example-row button{transition:none}}

@media(max-width:640px){.number-style-grid{grid-template-columns:1fr;gap:7px}.number-style-grid button{min-height:64px;display:grid;grid-template-columns:minmax(92px,.72fr) 1.28fr;align-items:center;text-align:left;padding:9px 12px}.number-style-grid button b{font-size:19px;text-align:center}.number-style-copy{gap:3px}.number-style-grid button small{font-size:13px}.number-style-grid button em{font-size:11px}.number-style-description{font-size:12px;margin-top:8px}}