:root{--c-primary:59, 130, 246;--c-white:#fcfcff;--c-black:#121216;--color-background:var(--c-white);--color-text:#1a1a1e;--color-accent:#3b82f6;--color-border:#00000014;--color-card-bg:#fff9;--color-nav-bg:rgba(var(--c-primary), .08);--color-nav-hover:rgba(var(--c-primary), .15);--color-shadow:#00000014;--color-shadow-hover:#00000024}@media (prefers-color-scheme:dark){:root{--color-background:var(--c-black);--color-text:#ccccd6;--color-border:#ffffff14;--color-card-bg:#ffffff0a;--color-nav-bg:rgba(var(--c-primary), .12);--color-nav-hover:rgba(var(--c-primary), .22);--color-shadow:#00000040;--color-shadow-hover:#00000059}}:root{--base-font:clamp(14px, 1.7vw, 16px);--heading-font:clamp(20px, 2.3vw, 26px);--nav-font:clamp(15px, 1.8vw, 19px);--content-width:90%;--card-padding:.4cm;--side-margin:5%;--title-margin-top:.4cm;--title-margin-bottom:.2cm;--transition:all .28s ease}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--color-background);color:var(--color-text);min-height:100vh;line-height:1.45}a{color:inherit;text-decoration:none}#sans-serif{font-family:sans-serif,MiSans L3,HYZhongHei L3,HYQiHei L3,vivo Sans SC L3,Plangothic P1,MingLiU-ExtB,HanaMinA,HanaMinB,Jigmo,Jigmo2,Jigmo3,HCR Dotum LVT,HCR Batang LVT,SimSun-ExtG,SimSun-ExtB,TH-Tshyn-P0,TH-Tshyn-P1,TH-Tshyn-P2,TH-Tshyn-P16,Unicode内码天珩输入法配套字体,"WenJin Mincho Plane 3","WenJin Mincho Plane 2","WenJin Mincho Plane 0",ZhongHuaSongPlane15,ZhongHuaSongPlane02,ZhongHuaSongPlane00,方正宋体S-超大字符集,"方正宋体S-超大字符集(SIP)",文泉驿等宽正黑,BabelStone Han Plain,BabelStone Han,FZSong-Extended,Arial Unicode MS,Code2002,DFSongStd,STHeiti SC,unifont,LastResort,Plangothic P2,sim-ch_n5100}#serif{font-family:serif}#monospace{font-family:monospace}.app-header{z-index:20;padding:max(12px, env(safe-area-inset-top)) 0 12px;background:var(--color-background);border-bottom:1px solid var(--color-border);transition:var(--transition);position:sticky;top:0}.header-inner{width:var(--content-width);margin:0 var(--side-margin);flex-direction:column;gap:8px;display:flex}.brand{color:var(--color-text);text-align:center;white-space:nowrap;letter-spacing:.2px;transition:var(--transition);flex-shrink:0;font-family:MiSans VF;font-size:clamp(20px,2.5vw,26px);font-weight:600}.nav-list{background:var(--color-nav-bg);border-radius:12px;gap:4px;padding:4px;list-style:none;display:flex;position:relative}.nav-list li{flex:1}.nav-indicator{background-color:var(--color-accent);transform-origin:0;will-change:transform;pointer-events:none;opacity:0;border-radius:8px;transition:transform .3s cubic-bezier(.4,0,.2,1),opacity .15s;position:absolute;box-shadow:0 2px 8px #3b82f64d}.nav-link{z-index:1;text-align:center;font-size:var(--nav-font);color:var(--color-text);letter-spacing:.1px;white-space:nowrap;transition:var(--transition);-webkit-tap-highlight-color:transparent;border-radius:8px;padding:.4em .6em;font-weight:500;display:block;position:relative}@media (hover:hover){.nav-link:hover{background-color:var(--color-nav-hover)}}.nav-link:active{background-color:var(--color-nav-hover)}.nav-link.active{color:#fff;background-color:#0000;font-weight:600}h2{font-size:var(--heading-font);margin:var(--title-margin-top) var(--side-margin) var(--title-margin-bottom);width:var(--content-width);letter-spacing:.2px;font-weight:600}.round{width:var(--content-width);margin:0 var(--side-margin);padding:var(--card-padding);border:1px solid var(--color-border);font-size:var(--base-font);background:var(--color-card-bg);box-shadow:0 8px 24px var(--color-shadow);border-radius:18px;transition:all .6s;animation:.5s both fadeUp}.round:not(:last-child){margin-bottom:.5cm}.round>:nth-child(2){margin-bottom:.15cm}@media (hover:hover){.round:hover{box-shadow:0 12px 32px var(--color-shadow-hover);transform:translateY(-2px)}}.character-table{border-collapse:collapse;width:100%}.character-table th,.character-table td{border:1px solid var(--color-border);text-align:center;padding:8px 12px;font-size:16px;line-height:1.5}.character-table th{font-weight:600}.character-table tr:first-child th{border-top:none}.character-table tr:last-child td{border-bottom:none}.character-table th:first-child,.character-table td:first-child{border-left:none}.character-table th:last-child,.character-table td:last-child{border-right:none}.cjk-columns{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px;display:grid}.cjk-item{break-inside:avoid;background:var(--color-card-bg);border:1px solid var(--color-border);border-radius:12px;padding:12px}.cjk-item .accent{margin-bottom:6px;display:block}.cjk-text{letter-spacing:.1px}.gb-block{white-space:normal;word-break:keep-all;-webkit-hyphens:none;hyphens:none;padding:2px 0;font-size:clamp(15px,1.9vw,18px);line-height:1.8}#footer{padding:24px 0 calc(12px + env(safe-area-inset-bottom,0px));text-align:center;color:var(--color-text);opacity:.4;font-family:MiSans VF;font-size:13px;transition:opacity .3s}#footer:hover{opacity:.6}a.footer-msg{color:inherit;transition:color .3s}a.footer-msg:hover{color:var(--color-accent);opacity:1}.accent{color:var(--color-accent)}.label{font-weight:500}.mb-0{margin-bottom:0!important}.mb-sm{margin-bottom:.5em}.mb-md{margin-bottom:.6rem}.mb-xl{margin-bottom:1.5em}@keyframes fadeUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.page-enter-active,.page-leave-active{transition:opacity .25s,transform .25s}.page-enter-from,.page-leave-to{opacity:0;transform:translateY(8px)}@media screen and (width>=768px){:root{--content-width:min(85%, 800px);--side-margin:auto}.header-inner{flex-direction:row;justify-content:space-between;align-items:center;gap:16px;max-width:800px;margin:0 auto}.brand{text-align:left;font-size:clamp(18px,2vw,22px)}.nav-list{flex:1;max-width:520px}.round{line-height:1.6}h2{margin:var(--title-margin-top) auto var(--title-margin-bottom);text-align:left;max-width:800px}}@media screen and (width>=1024px){:root{--content-width:min(75%, 900px)}.header-inner,h2{max-width:900px}.nav-list{max-width:560px}.cjk-columns{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}}@media screen and (width>=1200px){:root{--content-width:min(70%, 1000px)}.header-inner,h2{max-width:1000px}.nav-list{max-width:600px}}.custom-range[data-v-ac7f28f8]{appearance:none;cursor:pointer;width:100%;height:30px;box-shadow:none;background:var(--color-nav-bg);-webkit-overflow-scrolling:touch;touch-action:pan-y;-webkit-tap-highlight-color:#0000;-webkit-user-select:none;user-select:none;border:none;border-radius:999px;outline:none;margin:0;padding:0;display:block;overflow:hidden}.custom-range[data-v-ac7f28f8]::-webkit-slider-runnable-track{background:0 0;border:none;border-radius:999px;height:30px}.custom-range[data-v-ac7f28f8]::-webkit-slider-thumb{appearance:none;cursor:pointer;width:20px;height:30px;box-shadow:none;background:0 0;border:none}.custom-range[data-v-ac7f28f8]::-moz-range-thumb{appearance:none;cursor:pointer;width:20px;height:30px;box-shadow:none;background:0 0;border:none}.custom-range[data-v-ac7f28f8]::-moz-range-track{appearance:none;background:var(--color-nav-bg);cursor:pointer;height:30px;box-shadow:none;border:none;border-radius:999px}.custom-text-input[data-v-ac7f28f8]{appearance:none;background:var(--color-nav-bg);width:100%;height:36px;color:var(--color-text);text-align:left;border:none;border-radius:999px;margin-bottom:0;padding:0 16px;font-size:.9rem;transition:all .2s;display:block}.custom-text-input option[data-v-ac7f28f8]{background:var(--color-background);color:var(--color-text)}.preview-text p[data-v-ac7f28f8]{margin:0;padding:0;line-height:1.5}.slider-group>label[data-v-ac7f28f8],.select-group>label[data-v-ac7f28f8],.text-input-group>label[data-v-ac7f28f8],.preview-section>label[data-v-ac7f28f8]{display:block}