.band{margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);background:#fff;padding:6px 0 30px;margin-bottom:22px}.band.title-bg{background:#fff url(/img/pinyin-title-bg.webp) right center/cover no-repeat;border-bottom:1px solid #ebebeb}.band .in{max-width:960px;margin:0 auto;padding:0 20px}.band .bc{padding-top:16px;font-size:.8rem;color:#94a3b8}.pc-h1{margin:14px 0 0;font-size:clamp(24px,4.6vw,32px);font-weight:800;color:#2b2f3a;line-height:1.25;max-width:min(58%,540px)}.pc-h1 .gradtext{font-size:1.15em}.pc-lead{margin:10px 0 0;max-width:min(58%,540px);text-align:left}.pc-chips{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0 0;max-width:min(58%,540px)}@media(max-width:760px){.band.title-bg{background-position:center bottom;background-size:100% auto;padding-bottom:calc(15.6vw + 18px)}.pc-h1,.pc-lead,.pc-chips{max-width:100%}}.pc-chip{background:#e0f2fe;color:#0369a1;border-radius:999px;padding:4px 14px;font-size:.8rem;font-weight:700}.pc-bar{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin:18px 0 10px}.pc-seg{display:inline-flex;border:1px solid var(--line);border-radius:999px;overflow:hidden;background:#fff}.pc-seg label{position:relative;margin:0}.pc-seg input{position:absolute;opacity:0;width:0;height:0}.pc-seg span{display:block;padding:8px 16px;font-size:.92rem;color:var(--mut);cursor:pointer;white-space:nowrap}.pc-seg input:checked+span{background:var(--accent);color:#fff;font-weight:700}.pc-seg input:focus-visible+span{outline:2px solid var(--pink-d);outline-offset:-2px}.pc-inline{display:inline-flex;align-items:center;gap:8px;font-size:.92rem;color:var(--mut)}.pc-inline input{width:74px;border:1px solid var(--line);border-radius:8px;padding:7px 9px;font-size:.95rem;color:var(--ink)}.pc-reset{margin-left:auto;background:#fff;border:1px solid var(--line);border-radius:999px;padding:7px 15px;font-size:.85rem;color:var(--mut);cursor:pointer}.pc-reset:hover{background:#faf7fd}.pc-panel{border:1px solid var(--line);border-radius:14px;padding:16px 18px;margin:0 0 14px;background:#fff}.pc-h{font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;color:var(--mut);font-weight:800;margin:0 0 10px}.pc-panel textarea{width:100%;border:1px solid var(--line);border-radius:10px;padding:12px;font-size:1.05rem;line-height:1.9;color:var(--ink);resize:vertical;font-family:inherit}.pc-panel textarea:focus{outline:2px solid var(--accent);outline-offset:-1px}.pc-foot{display:flex;align-items:center;gap:10px;margin-top:12px;flex-wrap:wrap}.pc-foot-out{justify-content:flex-end}.pc-count{font-size:.85rem;color:var(--mut);margin-right:auto}.pc-go{background:var(--pink-d);color:#fff;border:0;border-radius:999px;padding:12px 26px;font-size:1rem;font-weight:800;cursor:pointer}.pc-go:hover{background:var(--pink-hov)}.pc-go:disabled{background:#cbd5e1;cursor:default}.pc-sub{background:#fff;border:1px solid var(--line);border-radius:999px;padding:11px 20px;font-size:.95rem;font-weight:700;color:var(--mut);cursor:pointer}.pc-sub:hover{background:#faf7fd}.pc-copy{background:var(--accent);color:#fff;border:0;border-radius:999px;padding:11px 22px;font-size:.95rem;font-weight:800;cursor:pointer}.pc-copy:hover{background:var(--accent-d)}.pc-out{min-height:88px;line-height:2.4}.pc-empty{color:#94a3b8;font-size:.95rem;margin:0}.pc-out ruby{margin:0 .1em}.pc-out rt{font-size:.5em;color:var(--accent-d);font-weight:600}.pc-plain{line-height:2;word-break:break-word}.pc-notes{border:1px solid var(--line);border-radius:14px;overflow:hidden;margin-top:26px;background:#fff}.pc-notes-h{margin:0;padding:13px 18px;background:var(--tint);color:var(--ink);font-weight:800;font-size:.98rem;border-bottom:1px solid var(--line)}.pc-notes details{border-bottom:1px solid #f1f2f7}.pc-notes details:last-child{border-bottom:0}.pc-notes summary{padding:12px 18px;cursor:pointer;font-size:.95rem;color:var(--ink);list-style:none;display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}.pc-notes summary::-webkit-details-marker{display:none}.pc-notes summary::marker{content:""}.pc-notes summary:before{content:"+";color:var(--accent);font-weight:800;flex:0 0 auto}.pc-notes details[open] summary:before{content:"–"}.pc-notes summary:hover{background:#f8fbfd}.pc-notes summary b{color:var(--accent-d)}.pc-notes summary span{color:var(--mut);font-size:.9rem}.pc-notes p{margin:0;padding:0 18px 14px 42px;font-size:.92rem;line-height:1.85;color:var(--mut)}.pc-cta{display:inline-block;background:var(--pink-d);color:#fff;border-radius:999px;padding:13px 28px;font-weight:800;font-size:1rem}.pc-cta:hover{background:var(--pink-hov)}.pc-full{position:fixed;inset:0;z-index:99999;background:#f7f8fb;display:none;flex-direction:column}.pc-full.on{display:flex}.pc-full-h{position:sticky;top:0;z-index:2;display:flex;align-items:center;gap:12px;padding:12px 18px;background:var(--accent);color:#fff;flex-wrap:wrap;box-shadow:0 2px 8px #00000029}.pc-full-h b{font-size:1.05rem;margin-right:auto}.pc-full-h button{background:#ffffff26;border:1px solid #ffffff59;color:#fff;border-radius:999px;padding:8px 16px;font-size:.9rem;cursor:pointer}.pc-full-h button:hover{background:#ffffff40}.pc-full-h button.back{background:#fff;color:var(--accent-d);border-color:#fff;font-weight:800}.pc-full-b{flex:1;overflow:auto;padding:24px 18px 120px;-webkit-overflow-scrolling:touch}.pc-sheet{max-width:1100px;margin:0 auto;background:#fff;border:1px solid var(--line);border-radius:14px;padding:30px 32px;line-height:2.6}.pc-sheet ruby{margin:0 .12em}.pc-sheet rt{font-size:.5em;color:var(--accent-d);font-weight:600}.pc-fab{position:fixed;right:22px;bottom:22px;z-index:3;background:var(--accent);color:#fff;border:2px solid #fff;border-radius:999px;padding:13px 24px;font-size:1rem;font-weight:800;cursor:pointer;box-shadow:0 4px 14px #00000042}.pc-fab:hover{background:var(--accent-d)}@media(max-width:640px){.pc-bar{gap:8px}.pc-reset{margin-left:0}.pc-seg span{padding:7px 12px;font-size:.86rem}.pc-panel{padding:14px}.pc-go{flex:1}.pc-full-h b{width:100%;margin-right:0}.pc-sheet{padding:18px 14px}.pc-fab{right:14px;bottom:14px;padding:12px 18px}}