:root{--bg:#f5f6f3;--paper:#fff;--ink:#20342e;--muted:#6d7c73;--line:#e4e9e2;--green:#246b4f;--teal:#2b8562;--purple:#8a77b3;--mono:ui-monospace,SFMono-Regular,Consolas,'Liberation Mono','DejaVu Sans Mono','Noto Sans TC','Noto TC Symbols','Noto Extra 0','Noto Extra 1','Noto Extra 2','Noto Extra 3','Noto Extra 4','Noto Extra 5','Noto Extra 6','Noto Extra 7',monospace;--sans:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI','Noto Sans TC','Noto TC Symbols','Noto Extra 0','Noto Extra 1','Noto Extra 2','Noto Extra 3','Noto Extra 4','Noto Extra 5','Noto Extra 6','Noto Extra 7','PingFang TC','Microsoft JhengHei',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--sans);font-size:14px;line-height:1.6;-webkit-font-smoothing:antialiased}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #80bba3;outline-offset:4px}button{transition:background .18s,box-shadow .18s,transform .18s}button:active{transform:translateY(1px)}button:disabled{opacity:.45;cursor:not-allowed}svg{display:block}.topbar{background:#102e29;color:#fff;height:76px}.topbar-inner{max-width:1440px;padding:0 48px;margin:auto;display:flex;align-items:center;height:100%;gap:64px}.brand{display:flex;gap:11px;align-items:center;font-family:var(--mono);font-size:19px;font-weight:600;letter-spacing:.8px;white-space:nowrap}.brand b{font-weight:400;color:#a9c9b7}.chip-logo svg{width:33px;height:33px;stroke:#b6e7c0;stroke-width:1.6}.topbar nav{align-self:stretch;display:flex;gap:34px;font-size:13px;color:#b2c6bc}.topbar nav a{display:flex;align-items:center;position:relative}.topbar nav a:hover{color:#fff}.topbar nav .nav-active{color:#fff}.nav-active:after{content:'';height:3px;background:#a4d8ac;position:absolute;bottom:0;left:0;right:0}.private-badge{margin-left:auto;display:flex;gap:7px;align-items:center;font-size:12px;color:#c6d5cd;border:1px solid #416057;border-radius:6px;padding:5px 10px;white-space:nowrap}.private-badge svg{width:14px;height:14px;stroke:currentColor;stroke-width:1.2}main{max-width:1440px;margin:auto;padding:42px 48px 0}.hero{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:32px}.eyebrow{font-size:11px;font-weight:600;letter-spacing:1.8px;color:#5c7863;display:flex;align-items:center;gap:7px}.eyebrow>span{height:5px;width:5px;border-radius:50%;background:#679c76}.hero h1{font-size:34px;line-height:1.4;letter-spacing:-1.2px;margin:9px 0 10px;font-weight:650}.hero p{color:var(--muted);margin:0;font-size:14px}.primary,.secondary{display:flex;align-items:center;gap:9px;padding:11px 17px;border-radius:7px;font-size:13px;font-weight:600;white-space:nowrap}.primary{background:var(--green);color:white;border:1px solid var(--green);box-shadow:0 3px 8px #173f1e12}.primary:hover{background:#18563e}.primary svg,.secondary svg{width:17px;height:17px;stroke:currentColor;stroke-width:1.5}.secondary{background:white;border:1px solid #d5ddd3}.secondary:hover{background:#edf3ed}.workspace{display:grid;grid-template-columns:310px minmax(0,1fr);gap:26px;align-items:start}.panel{background:var(--paper);border:1px solid var(--line);border-radius:10px;box-shadow:0 2px 3px #16340f02}.parameters{padding:24px}.panel-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:25px}.panel-heading h2{font-size:15px;margin:0;display:flex;align-items:center;gap:9px}.step{font-family:var(--mono);font-size:11px;color:#839184;border:1px solid #e1e7df;border-radius:5px;padding:2px 4px;font-weight:400}.mini-tag{font-size:10px;background:#edf4ed;color:#5a8165;border-radius:4px;padding:2px 6px}.input-group{margin-bottom:25px}label{font-size:12px;font-weight:600;display:block;margin-bottom:9px}.label-note{display:block;color:#829083;font-size:10px;font-weight:400;margin-top:2px}input:not([type=range]),select{width:100%;border:1px solid #d9e1d6;border-radius:6px;background:white;color:var(--ink);padding:10px 11px;height:43px;outline:none}input:not([type=range]){font-family:var(--mono);font-size:15px}input:focus,select:focus{border-color:var(--teal);box-shadow:0 0 0 3px #2b856218}.joined{display:flex;border:1px solid #d9e1d6;border-radius:6px;background:white;overflow:hidden}.joined:focus-within{border-color:var(--teal);box-shadow:0 0 0 3px #2b856218}.joined input,.joined select{border:0;border-radius:0;box-shadow:none;min-width:0}.joined select{width:78px;flex:none;background:#f7f9f5;border-left:1px solid #e2e8dd;font-family:var(--mono);font-size:13px}.joined input:focus,.joined select:focus{box-shadow:none}.hint{font-size:10px;line-height:1.7;color:#839083;margin:7px 0 0}.presets{display:flex;gap:5px;margin-top:11px}.presets button{border:1px solid #e2e7de;color:#6d7d6c;background:#fff;border-radius:5px;padding:4px 0;font-family:var(--mono);font-size:10px;flex:1}.presets button:hover{background:#eff5ed}.presets button.selected{border-color:#bdd2bd;background:#edf5e9;color:#356640;font-weight:600}.compression-group>select{font-size:11px;margin-bottom:9px;background:#f8faf6;height:37px;padding:6px 8px}.compression-value input{font-size:22px;height:50px}.compression-value>span{font-family:var(--mono);color:#82917d;align-self:center;padding-right:14px;white-space:nowrap}input[type=range]{width:100%;margin:16px 0 0;height:5px;accent-color:var(--green);cursor:pointer}.range-labels{display:flex;justify-content:space-between;font-family:var(--mono);color:#8a9586;font-size:9px;margin-top:5px}.compression-group .hint{color:#427551}.assumption{background:#f5f7f1;border:1px solid #ebeee5;border-radius:7px;display:flex;align-items:flex-start;gap:8px;padding:12px;margin-top:22px}.info-icon{border:1px solid #879780;color:#6d8266;width:14px;height:14px;border-radius:50%;font-size:10px;display:flex;align-items:center;justify-content:center;flex:none;margin-top:2px}.assumption p{font-size:11px;line-height:1.8;color:#7b8973;margin:0}.reset{display:block;background:none;border:0;color:#7a8875;font-size:11px;width:100%;margin-top:20px}.reset:hover{color:var(--green)}.results{min-width:0}.results-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.results-heading h2{font-size:13px;font-weight:600;margin:0}.live-status{font-size:10px;color:#7a8f78;display:flex;align-items:center;gap:5px}.live-status i{width:5px;height:5px;background:#6c9d72;border-radius:50%}.metric-grid{display:grid;grid-template-columns:1fr 1fr .94fr;gap:14px}.metric{border:1px solid var(--line);border-radius:9px;background:white;padding:20px 19px 0;overflow:hidden}.metric-label{font-size:11px;color:#7d8978;display:flex;justify-content:space-between;gap:5px;align-items:center}.metric-icon{font-family:var(--mono);font-size:17px;color:#97a58e}.metric-value{font-family:var(--mono);font-size:34px;line-height:1.3;letter-spacing:-1.2px;margin:14px 0 6px;white-space:nowrap}.metric-value small{font-size:16px;letter-spacing:0;color:#778870;font-weight:400}.exact{font-family:var(--mono);font-size:10px;color:#899481;white-space:normal;overflow-wrap:anywhere}.metric-bottom{font-family:var(--mono);font-size:10px;color:#7c8974;background:#fbfcf9;border-top:1px solid #edf0e7;margin:19px -19px 0;padding:10px 19px;white-space:normal;overflow-wrap:anywhere}.metric.highlighted{background:#edf5eb;border-color:#cddfc7}.highlighted .metric-value,.highlighted .metric-value small{color:#346647}.highlighted .metric-label{color:#54794e}.highlighted .metric-bottom{background:#e9f2e5;border-color:#dce8d5;color:#6d8762}.saving .metric-value{color:#356548}.chart-panel{margin-top:19px;padding:23px 24px 14px}.chart-heading{display:flex;align-items:start;justify-content:space-between;gap:12px}.chart-heading h3{margin:0;font-size:14px;font-weight:600}.chart-heading p{color:#86927e;font-size:11px;margin:4px 0 0}.segmented{display:flex;border:1px solid #e0e6da;border-radius:5px;padding:2px;background:#f7f9f4}.segmented button{padding:3px 10px;background:transparent;border:0;font-size:10px;color:#89917e;border-radius:3px;white-space:nowrap}.segmented button[aria-pressed=true]{background:#fff;box-shadow:0 1px 4px #16340f10;color:#416338}.legend{display:flex;gap:17px;font-size:10px;color:#6e7d68;margin:17px 0 3px;align-items:center}.legend>span{display:flex;align-items:center;gap:5px}.otp-dot,.efuse-dot{width:8px;height:8px;border-radius:2px;display:inline-block}.otp-dot{background:var(--teal)}.efuse-dot{background:var(--purple)}.current-legend{margin-left:auto;color:#576f4c}.chart{width:100%;height:226px}.chart svg{width:100%;height:100%;overflow:visible}.chart text{font-family:var(--mono);font-size:10px;fill:#879380}.chart .grid-line{stroke:#ebefe5;stroke-width:1;stroke-dasharray:3 4}.chart-footer{display:flex;gap:14px;justify-content:space-between;font-size:10px;color:#8a9582;border-top:1px solid #edf0e8;padding-top:11px;margin-top:4px}.insight{display:flex;align-items:center;gap:10px;margin-top:15px;color:#607457;padding:0 5px}.insight-mark{color:#6f9863;font-size:23px}.insight p{font-size:11px;margin:0;line-height:1.9}.comparison{margin-top:44px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:22px}.muted{font-size:10px;letter-spacing:1.6px;color:#8a967e}.section-heading h2{font-size:23px;letter-spacing:-.5px;font-weight:600;margin:4px 0 5px}.section-heading p{font-size:12px;color:#85917c;margin:0}.tech-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.tech{padding:23px 25px 19px;border-top:3px solid var(--teal)}.tech.efuse{border-top-color:var(--purple)}.tech-top{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}.tech-identity{display:flex;gap:10px;align-items:center}.tech-icon{background:#eaf3ed;color:#4c8565;width:35px;height:35px;border-radius:7px;display:flex;align-items:center;justify-content:center}.tech.efuse .tech-icon{background:#f0edf6;color:#8d7ba7}.tech-icon svg{width:20px;height:20px;stroke:currentColor;stroke-width:1.5;fill:none}.tech h3{font-family:var(--mono);font-size:19px;margin:0;line-height:1.3}.tech-label{color:#8b9583;font-size:10px}.tech-summary{text-align:right}.tech-amount{font-family:var(--mono);font-size:25px;letter-spacing:-.5px;line-height:1.3}.tech-amount small{font-size:13px;color:#8a9580}.tech-bits{font-family:var(--mono);font-size:10px;color:#8c9682;margin-top:4px;overflow-wrap:anywhere}.tech-inputs{display:grid;grid-template-columns:1fr 1fr 1.25fr;gap:12px;margin-top:22px;padding-top:18px;border-top:1px solid #edf0e7}.tech-inputs label{font-size:10px;white-space:nowrap;font-weight:400;color:#7b8973}.tech-inputs .joined input{height:36px;font-size:12px;padding:8px;min-width:0}.tech-inputs .joined span{font-size:10px;color:#8d9884;padding-right:9px;align-self:center}.tech-note{font-size:10px;color:#94a089;margin:12px 0 0}.comparison-table-wrap{margin-top:18px;overflow:hidden}table{width:100%;border-collapse:collapse;text-align:left;font-size:12px;table-layout:fixed}thead{background:#f9fbf6;color:#708069;font-size:11px}th,td{padding:12px 25px;border-bottom:1px solid #edf0e8}th:first-child{width:39%;font-weight:500}th:not(:first-child),td:not(:first-child){text-align:right;font-family:var(--mono);font-weight:400}td{font-size:11px;color:#7f8c74}td:first-child{color:#677860}tr.total td{color:#324f2d;background:#f6f9f2;font-weight:600}.table-note{padding:12px 25px;font-size:11px;color:#788d6c;background:#fbfcf9}.method{margin-top:27px;border:1px solid #dce3d7;border-radius:8px;background:#f8faf5}.method summary{display:flex;align-items:center;justify-content:space-between;cursor:pointer;list-style:none;padding:15px 21px;font-size:12px;color:#65795a}.method summary::-webkit-details-marker{display:none}.method summary>span:first-child{display:flex;align-items:center;gap:10px}.formula-icon{font-family:Georgia,serif;font-size:18px}.expand{font-size:17px;color:#84927a}details[open] .expand{transform:rotate(45deg)}.method-body{padding:5px 24px 20px;display:grid;grid-template-columns:1fr 1fr;gap:18px 30px}.method-body h3{font-size:12px;color:#637759;margin:8px 0}.method-body p{font-size:11px;color:#829076;margin:5px 0;line-height:1.9}.method-wide{grid-column:1/-1;border-top:1px solid #e3e9dc;padding-top:7px}footer{display:flex;justify-content:space-between;gap:16px;color:#9ba58f;padding:25px 0 27px;font-size:10px}.footer-divider{margin:0 10px;color:#c1c9b7}.field-error{margin:5px 0 0;color:#b64d39;font-size:10px}.field-error:empty{display:none}[aria-invalid=true]{border-color:#c65c44!important;background:#fff8f5!important}.error-banner{background:#fff1e9;color:#a7482f;border:1px solid #ecc4b3;padding:11px 15px;border-radius:7px;font-size:12px;margin-bottom:14px}.results.invalid .metric-grid,.results.invalid .chart-panel,.results.invalid .insight{opacity:.35;filter:grayscale(.7)}.toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:#163e30;color:#fff;padding:11px 20px;border-radius:7px;box-shadow:0 4px 20px #0002;font-size:12px;z-index:9;max-width:90vw;text-align:center}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip{position:fixed;top:-80px;left:12px;background:#fff;z-index:99;padding:10px}.skip:focus{top:10px}[hidden]{display:none!important}
@media(min-width:1450px){main{padding-top:48px}.hero{margin-bottom:38px}.workspace{grid-template-columns:320px minmax(0,1fr);gap:28px}.chart{height:244px}.parameters{padding:26px}.input-group{margin-bottom:29px}}
@media(max-width:1150px){.topbar-inner{padding:0 28px;gap:40px}main{padding:32px 28px 0}.workspace{grid-template-columns:280px minmax(0,1fr);gap:20px}.parameters{padding:20px}.metric{padding:17px 13px 0}.metric-grid{gap:9px}.metric-value{font-size:28px}.metric-value small{font-size:13px}.metric-bottom{margin:18px -13px 0;padding:9px 13px}.chart-panel{padding:19px 18px 13px}.metric-label{font-size:10px}.hero h1{font-size:30px}.exact{font-size:9px}.tech{padding:20px}.chart-footer{font-size:9px}.tech-inputs{gap:9px}}
@media(max-width:900px){.topbar-inner{gap:26px}.topbar nav{gap:20px}.workspace{grid-template-columns:240px minmax(0,1fr);gap:18px}.parameters{padding:17px}.metric-grid{grid-template-columns:1fr 1fr}.metric.saving{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;padding:12px 15px;align-items:center}.saving .metric-value{margin:0;text-align:right;grid-row:1/3;grid-column:2}.saving .exact{margin-top:4px}.saving .metric-bottom{display:none}.saving .metric-icon{display:none}.chart{height:215px}.chart-heading p{max-width:220px}.chart-footer{flex-direction:column;gap:2px}.hero h1{font-size:29px}.hero p{font-size:12px}.hero .primary{font-size:12px;padding:10px}.tech-inputs{grid-template-columns:1fr 1fr}.tech-inputs>div:last-child{grid-column:1/-1}.section-heading h2{font-size:21px}.section-heading p{max-width:440px}.tech-amount{font-size:22px}}
@media(max-width:680px){.topbar{height:64px}.topbar-inner{padding:0 20px}.brand{font-size:16px;gap:8px}.chip-logo svg{width:27px;height:27px}.topbar nav{display:none}.private-badge{font-size:10px;padding:4px 7px}main{padding:27px 18px 0}.hero{display:block;margin-bottom:25px}.hero h1{font-size:29px;margin-top:9px}.hero p{font-size:12px;max-width:330px;line-height:1.9}.hero .primary{margin-top:19px;padding:10px 14px}.eyebrow{font-size:10px}.workspace{display:flex;flex-direction:column;gap:25px}.parameters{width:100%;padding:22px}.panel-heading{margin-bottom:22px}.input-group{margin-bottom:23px}.label-note{display:inline;font-size:9px;margin-left:7px}.presets button{font-size:11px;padding:5px 0}.hint{font-size:11px}.assumption p{font-size:11px}.reset{font-size:12px}.results{width:100%}.metric-grid{gap:11px}.metric{padding:17px 15px 0}.metric-value{font-size:30px}.metric-label{font-size:10px}.metric-bottom{margin:15px -15px 0;padding:10px 15px;font-size:9px}.exact{font-size:10px}.metric.saving{padding:14px 17px}.saving .metric-value{font-size:31px}.chart-panel{padding:19px 16px 13px}.chart-heading h3{font-size:13px}.chart-heading p{font-size:10px;max-width:215px}.segmented button{font-size:10px;padding:3px 7px}.chart{height:210px}.chart text{font-size:11px}.chart-footer{font-size:10px}.insight p{font-size:11px}.comparison{margin-top:35px}.section-heading{align-items:flex-start;display:block}.section-heading h2{font-size:23px}.section-heading p{font-size:11px;line-height:1.9;max-width:330px}.section-heading .secondary{margin-top:14px;font-size:11px;padding:8px 12px}.tech-grid{grid-template-columns:1fr;gap:15px}.tech{padding:21px}.tech-inputs{grid-template-columns:1fr 1fr 1.2fr;gap:10px}.tech-inputs>div:last-child{grid-column:auto}.tech-inputs label{font-size:9px}.tech-amount{font-size:25px}th,td{padding:11px 12px;font-size:10px}th:first-child{width:36%}td:not(:first-child){font-size:9px;overflow-wrap:anywhere}th{font-size:10px}.table-note{padding:12px;font-size:10px}.method-body{grid-template-columns:1fr;gap:9px;padding:0 18px 20px}.method-wide{grid-column:auto}.method summary{padding:13px 17px}footer{font-size:9px;display:block;padding:22px 1px}footer>span{display:block;margin:3px 0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}button{transition:none}}

:root { --bg:#f3f7f8;--ink:#092235;--muted:#627b8c;--line:#dce6eb;--green:#087f8c;--teal:#039f9f;--purple:#8a77b3; }
.topbar { background:#061b29; }
.brand { font-size:16px;letter-spacing:.2px; }
.brand b { color:#a7bdc9;font-size:11px; }
.chip-logo svg { stroke:#71ece3; }
.nav-active:after { background:#11d2d0; }
.metric.highlighted { background:#eaf7f7;border-color:#c2e4e5; }
.highlighted .metric-value,.highlighted .metric-value small,.saving .metric-value { color:#087781; }
.highlighted .metric-label { color:#397981; }
.highlighted .metric-bottom { background:#e3f3f4;border-color:#d1e8ea;color:#4c7d83; }
.primary:hover { background:#086775; }
.tech-icon { background:#e8f5f5;color:#087f8c; }
.presets button.selected { background:#e7f4f4;color:#087781;border-color:#b4d8dc; }
.topbar-inner { gap:36px; }

[data-lang="zh"] { display:none !important; }
html[data-language="zh"] [data-lang="zh"] { display:revert !important; }
html[data-language="zh"] [data-lang="en"] { display:none !important; }
.language-toggle { color:#d1e9ee; background:transparent; border:1px solid #557481; border-radius:6px; padding:7px 11px; white-space:nowrap; margin-left:auto; }
.sram-breadcrumb { font-size:12px; color:var(--muted); margin-bottom:25px; }
.sram-breadcrumb a { color:var(--green); }
.sram-repair-page { background:#f3f7f8; color:#092235; }
.metric-label { min-height:30px; }
.topbar nav { flex-wrap:wrap; }
@media(max-width:1050px){.topbar-inner{gap:18px}.topbar nav{gap:15px;font-size:11px}.brand b{display:none}}
@media(max-width:680px){.topbar-inner{padding:0 18px}.brand b{display:inline}.language-toggle{font-size:11px}.sram-breadcrumb{font-size:11px}.metric-label{min-height:27px}.label-note{display:block;margin:3px 0}.tech-inputs label{min-height:28px;display:block}.hero h1{font-size:30px}.hero p{font-size:13px}.chart-heading h3{font-size:14px}}
/* Language spans are text; only the unlabelled span is the decorative dot. */
.sram-repair-page .eyebrow > span[data-lang] { width:auto; height:auto; background:none; border-radius:0; flex:initial; }
.sram-repair-page .hero h1 { font-size:clamp(28px,3vw,42px) !important; line-height:1.25; }