 :root{color-scheme:dark;--bg:#071729;--panel:#10273d;--line:#28465a;--mint:#4bdac2;--yellow:#ffd37b;--ink:#eff9ff;--muted:#b6cbd9}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:linear-gradient(140deg,#071729,#0b2237 60%,#071729);color:var(--ink);font:16px/1.8 system-ui,-apple-system,"Noto Sans TC",sans-serif}a{color:var(--mint)}header{position:sticky;top:0;z-index:4;background:#081828ec;border-bottom:1px solid var(--line);backdrop-filter:blur(10px)}nav{display:flex;gap:1rem;align-items:center;max-width:1100px;margin:auto;padding:.65rem 1rem;flex-wrap:wrap}nav a{text-decoration:none;font-size:.88rem}nav b{color:var(--yellow);margin-right:auto}.wrap{max-width:1050px;margin:auto;padding:1rem}h1{font-size:clamp(2rem,5vw,3.6rem);line-height:1.2}h2{font-size:clamp(1.45rem,3vw,2rem);line-height:1.35;color:var(--yellow)}h3{font-size:1.1rem;color:var(--mint)}p{margin:.6rem 0 1rem}section{scroll-margin-top:90px;margin:1.8rem 0;padding:clamp(1rem,3vw,2rem);border:1px solid var(--line);background:#10273de8;border-radius:20px}small,.muted{color:var(--muted)}.hero{padding:3rem 0}.kicker{letter-spacing:.12em;color:var(--mint);font-weight:800}.demo{padding:1rem;border-left:4px solid var(--mint);background:#071e30;border-radius:8px}.why{padding:1rem;border-left:4px solid var(--yellow);background:#162a37;border-radius:8px}.quiz{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:.8rem;margin-top:1.2rem}.q{border:1px solid #365266;border-radius:14px;padding:1rem;background:#0a2033}.pill{display:inline-block;color:#08202c;background:var(--mint);border-radius:99px;padding:.1rem .6rem;font-size:.75rem;font-weight:800}button,input,select{font:inherit}button{background:var(--mint);border:0;border-radius:9px;padding:.4rem .85rem;color:#072235;font-weight:750;cursor:pointer}button:hover{filter:brightness(1.12)}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--yellow);outline-offset:3px}input,select{background:#071b2c;border:1px solid #7294a6;border-radius:8px;color:var(--ink);max-width:100%;padding:.45rem}.q input{width:100%;margin:.5rem 0}.feedback{min-height:1.8rem;color:var(--yellow);white-space:pre-line}.tools{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:1rem}.tool{padding:1rem;background:#071e30;border:1px solid #28465a;border-radius:14px}.tool label{display:block;margin:.5rem 0}#sieveGrid{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:3px}#sieveGrid button{padding:.2rem 0;font-size:.8rem;border-radius:3px;background:#315166;color:white}#sieveGrid button.pr{background:var(--mint);color:#041b21}#sieveGrid button.out{background:#142332;color:#809bad;text-decoration:line-through}.result{overflow-wrap:anywhere;padding:.5rem;border-radius:8px;background:#092739;min-height:2rem}.chips{display:flex;flex-wrap:wrap;gap:.3rem}.chip{padding:.2rem .5rem;background:#174357;border-radius:8px}footer{border-top:1px solid var(--line);padding:2rem 1rem;text-align:center}@media(max-width:390px){nav{gap:.45rem}nav a{font-size:.78rem}section{margin:1rem 0;padding:1rem}.wrap{padding:.65rem}.q{padding:.75rem}#sieveGrid button{font-size:.68rem}}
.approved{margin:1.25rem 0;padding:12px;border:1px solid #35776f;border-radius:16px;background:#0b303d}.approved img{display:block;max-width:100%;height:auto;margin:auto;border-radius:9px}.approved figcaption{font-size:.9rem;color:#b9e3d9;padding:10px 4px 2px}.visual{background:#102e43;border:1px solid #387b89;border-radius:14px;padding:16px;margin:16px 0;line-height:1.8}.toneA{color:#68e9c7;font-weight:750}.toneB{color:#ffd36f;font-weight:750}.toneC{color:#f5a4bb;font-weight:750}.digit-demo{display:flex;gap:12px;font-size:2rem}.digit-demo span{padding:6px 15px;background:#0a2234;border-radius:12px}.rect-gallery{display:flex;flex-wrap:wrap;gap:12px;margin:14px 0}.rect-item{min-width:115px;border:1px solid #3a7284;padding:9px;border-radius:10px;background:#102c3d}.rect-item strong{display:block;margin-bottom:6px}.squares{display:grid;gap:1px;max-width:100%;overflow:hidden}.squares i{display:block;box-sizing:border-box;background:#48bdb4;aspect-ratio:1;border:1px solid #0e666f;min-width:3px}.rect-item small{display:block;color:#d1e7ec;margin-top:5px}#sieveGrid .pr{background:#42bb9b!important;color:#06261e!important;font-weight:850;box-shadow:0 0 0 2px #ffe08e inset}.tool .rect-gallery{max-height:340px;overflow:auto}@media(max-width:390px){.approved,.visual{padding:10px}.digit-demo{gap:5px;font-size:1.4rem}.digit-demo span{padding:5px 8px}.rect-item{min-width:98px}}.deeper{margin:1rem 0;padding:1rem 1.15rem;border:1px solid #456271;border-radius:12px;background:#0a2031}.deeper summary{cursor:pointer;color:var(--yellow);font-weight:700}.deeper p{max-width:76ch}.equation{padding:1rem;background:#071729;border-radius:8px;overflow-wrap:anywhere}.tool{scroll-margin-top:110px;margin:1.5rem 0}.result{white-space:pre-line}.digit-demo{flex-wrap:wrap;gap:6px}.digit-demo span{padding:4px 8px}.rect-gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));min-width:0}.rect-item{min-width:0;max-width:100%;overflow:hidden}.grid-scroll{max-width:100%;overflow:auto;padding:3px 0;max-height:220px}.grid-scroll svg{display:block;max-width:none;flex-shrink:0}.table-scroll{max-width:100%;overflow-x:auto}table{border-collapse:collapse;width:100%;text-align:center}th,td{border:1px solid #406375;padding:.4rem .6rem}.factor-steps{padding-left:1.5rem;overflow-wrap:anywhere}.visual{overflow-wrap:anywhere}figure.approved a{display:block}section .kicker{font-size:.78rem}.quiz .q{display:flex;flex-direction:column}.q>p{flex:1}.q button{align-self:start}.q .feedback{flex:none}.tool .rect-gallery{max-height:none}main>section{min-width:0}input{width:min(100%,280px)}input[type=checkbox]{width:auto}.q input{width:100%}@media print{header,.chips,button,input,select,.approved,.tool{display:none}body{background:white;color:black}section{background:white;border:1px solid #aaa;break-inside:avoid}.quiz{display:block}.q{background:white}.feedback{color:black}h2,h3{color:black}}

.grid-scroll svg{max-width:100%;height:auto}.grid-scroll.wide-grid svg{max-width:none}

.extension713 article{margin:1.5rem 0;scroll-margin-top:5rem}.extension713 h4{font-size:1.1rem}.extension713 input{max-width:100%;box-sizing:border-box}.extension713 .equation{overflow-wrap:anywhere}.extension713 [role=status]{margin:1rem 0;line-height:1.9}

.site-links-bar{display:flex;flex-wrap:wrap;align-items:center;gap:.7rem 1.2rem;margin:1rem 0 1.5rem;padding:1rem;border:1px solid #245469;border-radius:14px;background:#092a38;font-size:.95rem}.site-links-bar a{font-weight:700}.site-usage{color:#d6edf4}.site-usage [data-ka-count]{color:#ffd166;font-weight:700}#recommendedResources{scroll-margin-top:5rem}#recommendedResources .ka-junior-affiliate-panel{margin:1rem 0}header nav{flex-wrap:wrap}footer a{display:inline-block;margin:.4rem .6rem}@media print{.site-links-bar,#recommendedResources{display:none}}
