*,:before,:after{box-sizing:border-box}:root{--ink:#111;--muted:#6f6f6f;--rule:#d9d9d9;--red:#e1000f;--hover:#f3f3f1;--hz:48px;--k:1;--pad:clamp(20px, 4.2vw, 64px);--font:"Helvetica Neue", Helvetica, Arial, "Noto Sans CJK SC", "Noto Sans SC", "PingFang SC", "Microsoft YaHei", sans-serif}html{-webkit-text-size-adjust:100%}body{color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased;background:#fff;margin:0;overflow:hidden}button{font:inherit;color:inherit;cursor:pointer;border-radius:0}button:disabled{cursor:not-allowed}::selection{color:var(--red);background:0 0}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.app{flex-direction:column;max-width:960px;height:100dvh;margin-inline:auto;display:flex}@media (width>=961px){.app{border-inline:1px solid var(--rule)}}.bar{padding-inline:var(--pad);-webkit-user-select:none;user-select:none;background:#fff;flex:none;align-items:center;display:flex}.head{border-bottom:1px solid var(--rule);justify-content:space-between;gap:24px;height:64px;transition:border-color .14s}.app:has(.sheet:focus) .head{border-bottom-color:var(--red)}.brand{align-items:center;gap:10px;min-width:0;display:flex}.mark{background:var(--red);flex:none;width:8px;height:8px}h1{letter-spacing:.06em;white-space:nowrap;margin:0;font-size:15px;font-weight:600}.actions{align-items:center;gap:10px;display:flex}.ghost{border:1px solid var(--rule);height:40px;color:var(--ink);letter-spacing:.04em;white-space:nowrap;background:0 0;padding:0 14px;font-size:13px;font-weight:500;transition:border-color .14s,color .14s,opacity .12s}.ghost:hover:not(:disabled){border-color:var(--red);color:var(--red)}.ghost:active:not(:disabled){transform:translateY(1px)}.ghost:disabled{opacity:.28}.ghost[data-state=copied],.ghost[data-state=error]{border-color:var(--red);color:var(--red)}.primary{background:var(--ink);color:#fff;letter-spacing:.04em;white-space:nowrap;border:0;min-width:108px;height:40px;padding:0 18px;font-size:13px;font-weight:500;transition:background-color .14s,transform 90ms,opacity .12s}.primary:hover:not(:disabled){background:var(--red)}.primary:active:not(:disabled){transform:translateY(1px)}.primary:disabled{opacity:.28}.primary[data-state=copied],.primary[data-state=error]{background:var(--red);opacity:1}.primary[data-state=copied]{animation:.24s cubic-bezier(.2,.8,.2,1) stamp}:where(.primary,.segment button):focus-visible{outline:2px solid var(--ink);outline-offset:3px}.stage{overscroll-behavior:contain;flex:1;justify-content:center;display:flex;overflow-y:auto}.sheet{max-width:26em;min-height:100%;padding:clamp(40px, 9vh, 104px) var(--pad) 128px;font-size:calc(var(--hz) * var(--k));caret-color:var(--red);cursor:text;overflow-wrap:anywhere;outline:none;flex:1;line-height:1.15}.sheet:focus{outline:none}.line{flex-wrap:wrap;align-items:baseline;row-gap:.34em;margin-bottom:.34em;display:flex}.line:last-child{margin-bottom:0}.line.is-empty{min-height:1.55em;display:block}.cell{flex:none}.cell ruby{ruby-align:center}.cell .ch{font-size:1em;font-weight:400;line-height:1.18}.cell rt{color:var(--red);letter-spacing:.01em;white-space:nowrap;font-variant-numeric:tabular-nums;pointer-events:none;-webkit-user-select:none;user-select:none;font-size:max(13px,.34em);font-weight:500;line-height:1.55;transition:color .14s}.lead,.tail{font-size:1em;font-weight:400;line-height:1.18}.cell.is-latin .ch{font-size:.96em}.space{white-space:pre;flex:0 0 .5em;height:1em}.sheet[data-empty=true] .line{position:relative}.sheet[data-empty=true] .line:after{content:"点这里输入中文";color:#767676;letter-spacing:.02em;pointer-events:none;font-size:max(13px,.4em);position:absolute;inset-block-start:0;inset-inline-start:0}.foot{border-top:1px solid var(--rule);gap:clamp(18px,3vw,36px);height:62px}.field{align-items:center;gap:12px;display:flex}.field-label{color:var(--muted);letter-spacing:.08em;white-space:nowrap;font-size:13px}.segment{--n:3;--i:0;border:1px solid var(--rule);grid-auto-columns:1fr;grid-auto-flow:column;width:150px;display:grid;position:relative}.segment-indicator{width:calc(100% / var(--n));background:var(--ink);height:2px;transform:translateX(calc(var(--i) * 100%));transition:transform .18s cubic-bezier(.2,.8,.2,1);position:absolute;bottom:-1px;left:0}.segment button{z-index:1;height:28px;color:var(--muted);white-space:nowrap;background:0 0;border:0;padding:0 8px;font-size:13px;line-height:1;transition:color .12s;position:relative}.segment button:hover{color:var(--ink)}.segment button[aria-pressed=true]{color:var(--ink);font-weight:500}.count{color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap;margin:0 0 0 auto;font-size:13px}@media (prefers-reduced-motion:no-preference){.sheet.is-entering .line{animation:.42s cubic-bezier(.22,1,.36,1) both rise;animation-delay:calc(var(--i) * 45ms)}.sheet.is-entering .cell:before{animation:.3s cubic-bezier(.22,1,.36,1) both py-in;animation-delay:calc(var(--i) * 45ms + 90ms)}}@keyframes rise{0%{opacity:0;transform:translateY(6px)}}@keyframes py-in{0%{opacity:0}}@keyframes stamp{0%{transform:scale(.97)}55%{transform:scale(1.015)}to{transform:scale(1)}}@media (width<=640px){:root{--k:.8;--pad:20px}.head{height:56px}.primary{min-width:88px;padding:0 12px}.sheet{padding-top:32px;padding-bottom:88px}.foot{gap:14px;height:56px}.field{flex:1;gap:0}.field-label{display:none}.segment{width:100%}.segment button{padding:0 6px}.count{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}.sheet.is-entering .line{opacity:1;transform:none}}@page{margin:18mm}@media print{body{overflow:visible}.app{border:0;max-width:none;height:auto;display:block}.head,.foot{display:none}.stage{display:block;overflow:visible}.sheet{max-width:none;min-height:0;padding:0;font-size:24pt}}