.py-main{background:var(--paper)}.py-hero{background:linear-gradient(160deg,#1e2f6e,#2f4a9c 60%,#3f60c4);color:#fff;padding:clamp(40px,6vw,72px) var(--gutter) clamp(30px,4vw,46px)}.py-hero-in{max-width:var(--wrap);margin:0 auto}.py-eyebrow{font-size:.74rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:#ffd9b0;margin:0 0 12px}.py-hero h1{font-family:var(--font-rounded);font-weight:800;font-size:clamp(1.7rem,4.4vw,2.7rem);line-height:1.12;margin:0 0 14px;letter-spacing:-.01em}.py-hero .py-lead{font-size:clamp(1rem,1.4vw,1.14rem);line-height:1.55;color:rgba(255,255,255,.9);max-width:64ch;margin:0 0 20px}.py-jump{display:flex;flex-wrap:wrap;gap:10px}.py-jump a{display:inline-flex;align-items:center;padding:8px 14px;border-radius:999px;font-size:.88rem;font-weight:700;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.2);color:#fff;text-decoration:none;transition:background .15s}.py-jump a:hover{background:rgba(255,255,255,.22)}.py-note{max-width:var(--wrap);margin:18px auto 0;padding:12px 16px;display:flex;gap:10px;align-items:flex-start;background:var(--surface);border:1px solid var(--line);border-radius:12px;color:var(--ink-soft);font-size:.9rem;line-height:1.5;margin-left:var(--gutter);margin-right:var(--gutter)}.py-note svg{flex:none;margin-top:2px;color:var(--accent-ink)}.py-note a{color:var(--brand-ink);font-weight:700}@media (prefers-color-scheme:dark){.py-note a{color:var(--brand)}}.py-section{max-width:var(--wrap);margin:0 auto;padding:clamp(28px,4vw,44px) var(--gutter) 8px}.py-sec-h{margin-bottom:18px}.py-sec-h h2{font-family:var(--font-rounded);font-weight:800;font-size:clamp(1.35rem,3vw,1.8rem);margin:0 0 4px}.py-sec-h h2 small{font-weight:600;color:var(--ink-faint);font-size:.55em;margin-left:8px}.py-sec-h p{color:var(--ink-soft);margin:0;font-size:.96rem;line-height:1.5;max-width:70ch}.py-groups{display:flex;flex-direction:column;gap:22px}.py-group-h{font-size:.82rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:var(--ink-faint);margin:0 0 10px;padding-bottom:6px;border-bottom:1px solid var(--line)}.py-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));grid-gap:10px;gap:10px}.py-grid.is-final{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.py-cell{display:flex;flex-direction:column;gap:3px;background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:12px 14px;transition:border-color .15s,box-shadow .15s,transform .15s}.py-cell:hover{border-color:var(--line-strong);box-shadow:var(--shadow);transform:translateY(-2px)}.py-cell-top{display:flex;align-items:center;gap:8px}.py-cell-top .py-noaudio,.py-cell-top .spk{margin-left:auto}.py-sound{font-size:1.5rem;font-weight:800;color:var(--brand-ink);font-family:var(--font-rounded);line-height:1}@media (prefers-color-scheme:dark){.py-sound{color:var(--brand)}}.py-read{font-size:.82rem;font-weight:700;color:var(--accent-ink);background:var(--surface-2);padding:2px 8px;border-radius:999px;white-space:nowrap}.py-noaudio{font-weight:700;padding-right:4px}.py-ipa,.py-noaudio{color:var(--ink-faint)}.py-ipa{display:block;margin-top:6px;font-size:.85rem;font-family:var(--font-sans)}.py-hint{font-size:.9rem;color:var(--ink-soft);line-height:1.35}.py-ex{font-size:.85rem;color:var(--ink-faint);margin-top:1px}.py-tone-picker{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:18px}.py-tone-chip{cursor:pointer;flex:1 1 110px;min-width:96px;display:flex;flex-direction:column;align-items:center;gap:3px;padding:12px 10px;border-radius:14px;border:2px solid var(--line);background:var(--surface);font-family:inherit;transition:all .15s}.py-tone-chip:hover{border-color:var(--line-strong)}.py-tone-mark{font-size:1.55rem;font-weight:800;line-height:1}.py-tone-tag{font-size:.76rem;font-weight:700;color:var(--ink-faint)}.py-tone-chip.on{background:var(--surface-2)}.py-tone-chip.t1.on{border-color:#d64545}.py-tone-chip.t2.on{border-color:var(--accent-ink)}.py-tone-chip.t3.on{border-color:var(--good)}.py-tone-chip.t4.on{border-color:var(--brand)}.py-tone-chip.t5.on{border-color:var(--ink-faint)}.py-tone-chip.t1 .py-tone-mark,.py-tone-detail.t1 .py-tone-py{color:#d64545}.py-tone-chip.t2 .py-tone-mark,.py-tone-detail.t2 .py-tone-py{color:var(--accent-ink)}.py-tone-chip.t3 .py-tone-mark,.py-tone-detail.t3 .py-tone-py{color:var(--good)}.py-tone-chip.t4 .py-tone-mark,.py-tone-detail.t4 .py-tone-py{color:var(--brand)}.py-tone-chip.t5 .py-tone-mark,.py-tone-detail.t5 .py-tone-py{color:var(--ink-faint)}@media (prefers-color-scheme:dark){.py-tone-chip.t1 .py-tone-mark,.py-tone-detail.t1 .py-tone-py{color:#f28b82}.py-tone-chip.t1.on{border-color:#f28b82}}.py-tone-detail{flex-wrap:wrap;gap:20px;background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:clamp(18px,3vw,28px)}.py-tone-big,.py-tone-detail{display:flex;align-items:center}.py-tone-big{flex-direction:column;gap:6px;min-width:120px}.py-tone-big .spk{margin-top:4px}.py-tone-hz{font-size:clamp(3.4rem,9vw,5rem);line-height:1;font-weight:600;color:var(--ink);font-family:"DengXian","Microsoft YaHei","PingFang SC","Noto Sans SC",var(--font-sans)}.py-tone-py{font-size:1.6rem;font-weight:800}.py-tone-body{flex:1 1 260px}.py-tone-body h3{margin:0 0 4px;font-size:1.2rem;font-family:var(--font-rounded);font-weight:800}.py-tone-shape{margin:0 0 8px;font-weight:700;color:var(--ink-soft);font-size:.95rem}.py-tone-desc{margin:0 0 10px;color:var(--ink-soft);line-height:1.55}.py-tone-mean{margin:0;color:var(--ink);font-weight:600}.py-tone-mean span{font-family:"DengXian","Microsoft YaHei","PingFang SC","Noto Sans SC",var(--font-sans)}.py-tone-rule{max-width:var(--wrap);margin:16px auto 0;padding:12px 16px;background:var(--brand-soft);border:1px solid var(--line);border-radius:12px;color:var(--ink-soft);font-size:.9rem;line-height:1.5}.py-tone-rule strong{color:var(--ink)}.py-cta{max-width:var(--wrap);margin:8px auto 0;padding:clamp(28px,4vw,44px) var(--gutter) 56px}.py-cta-in{display:flex;flex-wrap:wrap;gap:18px;align-items:center;justify-content:space-between;background:linear-gradient(150deg,#22367a,#2f4a9c);color:#fff;border-radius:20px;padding:clamp(22px,3.5vw,34px)}.py-cta-in h2{margin:0 0 6px;font-family:var(--font-rounded);font-weight:800;font-size:clamp(1.3rem,3vw,1.7rem)}.py-cta-in p{margin:0;color:rgba(255,255,255,.88);max-width:52ch;line-height:1.5}.py-cta-btn{flex:none;display:inline-flex;align-items:center;gap:8px;padding:13px 22px;border-radius:12px;background:#ffd9b0;color:#22367a;font-weight:800;text-decoration:none;transition:transform .15s,box-shadow .15s}.py-cta-btn:hover{transform:translateY(-2px);box-shadow:0 10px 24px -10px rgba(0,0,0,.4)}@media (max-width:560px){.py-grid,.py-grid.is-final{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.py-tone-chip{flex-basis:84px;min-width:84px}}