.hero-review[data-v-4886c777]{margin-top:1.65rem}.page-container[data-v-4886c777]{max-width:1200px}.pinyin-hero[data-v-4886c777]{background:#f8f8f8;padding:5.5rem 0 3.5rem;text-align:center}.pinyin-hero-inner[data-v-4886c777]{max-width:800px}.hero-breadcrumb[data-v-4886c777]{align-items:center;display:inline-flex;gap:.25rem;margin-bottom:1.25rem}.breadcrumb-link[data-v-4886c777]{color:#95a5a6;font-family:Quicksand,sans-serif;font-size:.78rem;font-weight:600;text-decoration:none;transition:color .2s}.breadcrumb-link[data-v-4886c777]:hover{color:#c0392b}.breadcrumb-sep[data-v-4886c777]{color:#bdc3c7}.breadcrumb-current[data-v-4886c777]{color:#2c3e50;font-family:Quicksand,sans-serif;font-size:.78rem;font-weight:700}.hero-icon-wrap[data-v-4886c777]{align-items:center;background:#c0392b;border-radius:50%;color:#fff;display:flex;height:60px;justify-content:center;margin:0 auto 1rem;width:60px}.hero-kicker[data-v-4886c777]{color:#7f8c8d;font-family:Quicksand,sans-serif;font-size:.9rem;font-weight:500;margin:0 0 .5rem}.hero-writer[data-v-4886c777]{align-items:center;display:flex;flex-direction:row;flex-wrap:nowrap;gap:6px;justify-content:center;margin:.25rem 0 0;min-height:56px}.hero-writer[data-v-4886c777] svg{display:block;flex-shrink:0}.hero-pinyin-line[data-v-4886c777]{color:#95a5a6;font-family:Quicksand,sans-serif;font-size:.82rem;font-style:italic;font-weight:500;margin:0}.hero-title[data-v-4886c777]{color:#c0392b;font-family:Playfair Display,Georgia,serif;font-size:clamp(2rem,5vw,3rem);font-weight:400;margin:0}.hero-divider[data-v-4886c777]{background:#2c3e50;border-radius:2px;height:3px;margin:1rem auto;width:50px}.hero-subtitle[data-v-4886c777]{color:#7f8c8d;font-family:Quicksand,sans-serif;font-size:.95rem;font-weight:500;line-height:1.7;margin:0 auto;max-width:640px}@media(max-width:768px){.pinyin-hero[data-v-4886c777]{padding:2rem 0 1.5rem}}.stats-section[data-v-4886c777]{padding:3rem 0}.stats-grid[data-v-4886c777]{display:grid;gap:1.25rem;grid-template-columns:repeat(4,1fr)}.stat-card[data-v-4886c777]{background:#fff;border:1px solid #eee;border-radius:14px;box-shadow:0 2px 12px #0000000f;padding:1.5rem 1rem;text-align:center;transition:transform .25s ease,box-shadow .25s ease}.stat-card[data-v-4886c777]:hover{box-shadow:0 6px 20px #0000001a;transform:translateY(-2px)}.stat-number[data-v-4886c777]{color:#c0392b;display:block;font-family:Playfair Display,Georgia,serif;font-size:1.8rem;font-weight:700;line-height:1.2;margin-bottom:.35rem}.stat-label[data-v-4886c777]{color:#7f8c8d;font-family:Quicksand,sans-serif;font-size:.75rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase}@media(max-width:768px){.stats-grid[data-v-4886c777]{grid-template-columns:repeat(2,1fr)}}.section-title[data-v-4886c777]{color:#c0392b;font-family:Playfair Display,Georgia,serif;font-size:clamp(1.5rem,3vw,2.2rem);font-weight:400;margin-bottom:.5rem;text-align:center}.section-title[data-v-4886c777]:after{background:#c0392b;border-radius:2px;content:"";display:block;height:2px;margin:.75rem auto 2.5rem;width:40px}.tones-section[data-v-4886c777]{background:#f8f8f8;padding:3.5rem 0}.tones-intro[data-v-4886c777]{color:#7f8c8d;font-family:Quicksand,sans-serif;font-size:.88rem;font-weight:500;line-height:1.7;margin:0 auto 2.5rem;max-width:640px;text-align:center}.tones-grid[data-v-4886c777]{display:grid;gap:1rem;grid-template-columns:repeat(5,1fr)}.tone-card[data-v-4886c777]{background:#fff;border:1px solid #eee;border-radius:12px;border-top:3px solid;box-shadow:0 2px 8px #0000000d;padding:1.25rem;text-align:center;transition:transform .25s,box-shadow .25s}.tone-card[data-v-4886c777]:hover{box-shadow:0 6px 20px #0000001a;transform:translateY(-2px)}.tone-header[data-v-4886c777]{align-items:center;display:flex;gap:.5rem;justify-content:center;margin-bottom:.5rem}.tone-number[data-v-4886c777]{font-family:Playfair Display,Georgia,serif;font-size:1.6rem;font-weight:700}.tone-mark[data-v-4886c777]{font-size:1.8rem;line-height:1}.tone-name[data-v-4886c777]{color:#2c3e50;font-family:Playfair Display,Georgia,serif;font-size:.88rem;font-weight:400;margin:0 0 .15rem}.tone-chinese[data-v-4886c777]{color:#95a5a6;font-family:Noto Sans SC,sans-serif;font-size:.75rem;font-weight:500;margin:0 0 .5rem}.tone-desc[data-v-4886c777]{color:#7f8c8d;font-family:Quicksand,sans-serif;font-size:.72rem;font-weight:600;margin:0}@media(max-width:768px){.tones-grid[data-v-4886c777]{grid-template-columns:repeat(3,1fr)}}@media(max-width:480px){.tones-grid[data-v-4886c777]{grid-template-columns:repeat(2,1fr)}}.legend-section[data-v-4886c777]{padding:3.5rem 0}.legend-intro[data-v-4886c777]{color:#7f8c8d;font-family:Quicksand,sans-serif;font-size:.88rem;font-weight:500;line-height:1.7;margin:0 auto 2.5rem;max-width:640px;text-align:center}.legend-grid[data-v-4886c777]{display:grid;gap:.75rem;grid-template-columns:repeat(4,1fr)}.legend-card[data-v-4886c777]{align-items:center;background:#fff;border:1px solid #eee;border-left:3px solid;border-radius:10px;cursor:pointer;display:flex;gap:.65rem;padding:.75rem 1rem;transition:all .2s}.legend-card--active[data-v-4886c777],.legend-card[data-v-4886c777]:hover{box-shadow:0 4px 16px #00000014;transform:translateY(-1px)}.legend-dot[data-v-4886c777]{border-radius:50%;flex-shrink:0;height:10px;width:10px}.legend-text[data-v-4886c777]{min-width:0}.legend-name[data-v-4886c777]{color:#2c3e50;font-size:.72rem;font-weight:700}.legend-initials[data-v-4886c777],.legend-name[data-v-4886c777]{display:block;font-family:Quicksand,sans-serif}.legend-initials[data-v-4886c777]{color:#95a5a6;font-size:.65rem;font-weight:500}@media(max-width:960px){.legend-grid[data-v-4886c777]{grid-template-columns:repeat(2,1fr)}}.table-section[data-v-4886c777]{background:#f8f8f8;padding:3.5rem 0}.table-intro[data-v-4886c777]{color:#7f8c8d;font-family:Quicksand,sans-serif;font-size:.88rem;font-weight:500;line-height:1.7;margin:0 auto 2.5rem;max-width:640px;text-align:center}.table-scroll[data-v-4886c777]{overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:12px;box-shadow:0 2px 12px #0000000f}.pinyin-table[data-v-4886c777]{background:#fff;border-collapse:collapse;min-width:100%;width:-moz-max-content;width:max-content}.pinyin-table td[data-v-4886c777],.pinyin-table th[data-v-4886c777]{border:1px solid #f0f0f0;font-family:Quicksand,sans-serif;font-size:.7rem;padding:.35rem .45rem;text-align:center;white-space:nowrap}.corner-cell[data-v-4886c777]{background:#2c3e50;color:#fff;font-size:.6rem;font-weight:700;left:0;letter-spacing:.03em;min-width:90px;position:sticky;text-transform:uppercase;z-index:2}.final-header[data-v-4886c777]{background:#f8f8f8;color:#2c3e50;font-size:.72rem;top:0}.final-header[data-v-4886c777],.initial-cell[data-v-4886c777]{font-weight:700;position:sticky;z-index:1}.initial-cell[data-v-4886c777]{background:#fafafa;font-size:.82rem;left:0;min-width:90px}.initial-label[data-v-4886c777]{font-family:Quicksand,sans-serif}.syllable-cell[data-v-4886c777]{color:#bdc3c7;transition:background .15s}.syllable-cell--valid[data-v-4886c777]{color:#2c3e50;cursor:default;font-weight:600}.syllable-cell--hovered[data-v-4886c777],.syllable-cell--valid[data-v-4886c777]:hover{background:#fdf2f0;color:#c0392b}.syllable-text[data-v-4886c777]{font-size:.68rem}.row-highlighted td[data-v-4886c777]{background:#fffbe6}.row-highlighted .initial-cell[data-v-4886c777]{background:#fff3cd}.row-dimmed td[data-v-4886c777]{opacity:.35}.row-dimmed:hover td[data-v-4886c777]{opacity:1}.rules-section[data-v-4886c777]{padding:3.5rem 0}.rules-grid[data-v-4886c777]{display:grid;gap:1.25rem;grid-template-columns:repeat(2,1fr)}.rule-card[data-v-4886c777]{background:#fff;border:1px solid #eee;border-radius:14px;box-shadow:0 2px 12px #0000000f;padding:1.5rem}.rule-title[data-v-4886c777]{color:#c0392b;font-family:Playfair Display,Georgia,serif;font-size:1.05rem;font-weight:400;margin:0 0 .65rem}.rule-text[data-v-4886c777]{color:#7f8c8d;font-family:Quicksand,sans-serif;font-size:.82rem;font-weight:500;line-height:1.65;margin:0}.rule-text strong[data-v-4886c777]{color:#2c3e50;font-weight:700}@media(max-width:768px){.rules-grid[data-v-4886c777]{grid-template-columns:1fr}}.cta-section[data-v-4886c777]{background:#f8f8f8;padding:3.5rem 0}.article-quote[data-v-4886c777]{background:#fff;border:1px solid #eee;border-radius:12px;box-shadow:0 2px 8px #0000000a;flex-direction:column;gap:.6rem;margin:0 auto;padding:2.5rem 2rem;text-align:center}.article-quote[data-v-4886c777],.quote-strokes[data-v-4886c777]{align-items:center;display:flex}.quote-strokes[data-v-4886c777]{gap:.15rem;min-height:72px;overflow-x:auto;position:relative;scrollbar-width:none;-webkit-overflow-scrolling:touch;cursor:grab;max-width:100%;padding:.25rem 0;-webkit-user-select:none;-moz-user-select:none;user-select:none}.quote-strokes.is-grabbing[data-v-4886c777]{cursor:grabbing}.quote-strokes.is-scrollable[data-v-4886c777]{mask-image:linear-gradient(90deg,transparent,#000 24px,#000 calc(100% - 24px),transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 24px,#000 calc(100% - 24px),transparent)}.quote-strokes[data-v-4886c777]::-webkit-scrollbar{display:none}.quote-strokes[data-v-4886c777] svg{flex-shrink:0}.quote-stroke-wrap[data-v-4886c777]{align-items:center;display:flex;gap:.15rem;margin:0 auto}.quote-stroke-wrap[data-v-4886c777] svg{flex-shrink:0;min-height:72px;min-width:72px}.quote-stroke-punct[data-v-4886c777]{color:#2c3e50;flex-shrink:0;font-family:Noto Sans SC,Microsoft YaHei,sans-serif;font-size:2.2rem;font-weight:700;line-height:1}.quote-pinyin[data-v-4886c777]{color:#7f8c8d;font-family:Quicksand,sans-serif;font-size:.9rem;font-style:italic;font-weight:500;letter-spacing:.03em;margin:0}.quote-english[data-v-4886c777]{color:#2c3e50;font-family:Playfair Display,Georgia,serif;font-size:1.05rem;font-weight:400;line-height:1.65;margin:0}.quote-divider[data-v-4886c777]{background:#c0392b;border-radius:2px;height:2px;width:32px}.quote-source[data-v-4886c777]{color:#7f8c8d;font-family:Quicksand,sans-serif;font-size:.82rem;font-style:normal;font-weight:600;letter-spacing:.03em}@media(max-width:768px){.article-quote[data-v-4886c777]{padding:1.75rem 1.25rem}.quote-stroke-wrap[data-v-4886c777],.quote-strokes[data-v-4886c777]{gap:0}.quote-stroke-wrap[data-v-4886c777] svg{height:48px!important;width:48px!important}.quote-stroke-punct[data-v-4886c777]{font-size:1.6rem}}.pinyin-page[data-v-4886c777]{padding-bottom:8px}.syllable-cell--valid .syllable-text[data-v-4886c777]{cursor:pointer;outline:none}.syllable-cell--valid .syllable-text[data-v-4886c777]:focus-visible{border-radius:4px;outline:2px solid #c0392b;outline-offset:2px}.sticky-cta-bar[data-v-4886c777]{align-items:center;background:#c0392b;box-shadow:0 2px 12px #00000026;cursor:pointer;display:flex;gap:.75rem;justify-content:center;left:0;padding:.45rem 1.5rem;position:fixed;right:0;top:83px;z-index:99}.sticky-cta-text[data-v-4886c777]{color:#ffffffe6;font-family:Quicksand,sans-serif;font-size:.78rem;font-weight:600;letter-spacing:.02em}.sticky-cta-btn[data-v-4886c777]{background:#fff;border-radius:12px;color:#c0392b;font-family:Quicksand,sans-serif;font-size:.68rem;font-weight:700;letter-spacing:.08em;line-height:1.4;padding:.2rem .75rem;text-transform:uppercase;transition:background .2s,color .2s}.sticky-cta-bar:hover .sticky-cta-btn[data-v-4886c777]{background:#f5e6c8}.sticky-cta-bar--dashboard[data-v-4886c777]{cursor:default;gap:0;padding:0;position:relative;top:auto}.sticky-dash-wrapper[data-v-4886c777]{left:0;position:fixed;right:0;top:83px;z-index:99}.sticky-dash-inner[data-v-4886c777]{display:flex;justify-content:space-between;margin:0 auto;max-width:1200px;width:100%}.sticky-dash-tab[data-v-4886c777]{align-items:center;background:none;border:none;color:#ffffffbf;cursor:pointer;display:flex;flex:1;gap:.5rem;justify-content:center;padding:.55rem 1rem;transition:background .15s,color .15s}.sticky-dash-tab[data-v-4886c777]:hover{background:#ffffff1a;color:#fff}.sticky-dash-tab--active[data-v-4886c777]{background:#ffffff2e;color:#fff}.sticky-dash-icon[data-v-4886c777]{height:18px;width:18px}.sticky-dash-label[data-v-4886c777]{font-family:Quicksand,sans-serif;font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}@media(max-width:600px){.sticky-cta-bar[data-v-4886c777]{gap:.5rem;padding:.35rem .75rem}.sticky-cta-text[data-v-4886c777]{font-size:.72rem}.sticky-cta-btn[data-v-4886c777]{font-size:.62rem;padding:.18rem .6rem}.sticky-cta-bar--dashboard[data-v-4886c777]{padding:0}.sticky-dash-inner[data-v-4886c777]{padding:0 .35rem}.sticky-dash-tab[data-v-4886c777]{gap:0;padding:.5rem .25rem}.sticky-dash-icon[data-v-4886c777]{height:22px;width:22px}.sticky-dash-label[data-v-4886c777]{display:none}}.dash-panel[data-v-4886c777]{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffffd9;inset:0;overflow-y:auto;padding-top:118px;position:fixed;z-index:98}.dash-panel-inner[data-v-4886c777]{background:#fff;border-radius:0 0 16px 16px;box-shadow:0 16px 64px #0000001f,0 4px 16px #0000000f,0 0 0 1px #0000000a;margin:0 auto;max-height:calc(100vh - 140px);max-width:1200px;overflow-y:auto;padding:1.5rem 1rem 2rem;scrollbar-color:#c0392b transparent;scrollbar-width:thin}.sticky-cta-enter-active[data-v-4886c777],.sticky-cta-leave-active[data-v-4886c777]{transition:transform 60ms linear}.sticky-cta-enter-from[data-v-4886c777],.sticky-cta-leave-to[data-v-4886c777]{transform:translateY(-100%)}.dash-panel-enter-active[data-v-4886c777],.dash-panel-leave-active[data-v-4886c777]{transition:opacity .25s ease}.dash-panel-enter-from[data-v-4886c777],.dash-panel-leave-to[data-v-4886c777]{opacity:0}.syllable-tooltip{background:transparent!important;max-width:none!important;opacity:1!important;padding:0!important;pointer-events:auto!important}.syllable-tooltip .tone-tooltip{background:#fff;border:1px solid #ece8e3;border-radius:12px;box-shadow:0 12px 40px #0000002e;color:#2c3e50;font-family:Quicksand,sans-serif;max-width:360px;min-width:280px;padding:.65rem .75rem}.syllable-tooltip .tt-head{align-items:baseline;border-bottom:1px solid #f0ece8;display:flex;justify-content:space-between;margin-bottom:.4rem;padding:0 .15rem .45rem}.syllable-tooltip .tt-base{color:#c0392b;font-family:Playfair Display,Georgia,serif;font-size:1.1rem;font-weight:700;letter-spacing:.02em}.syllable-tooltip .tt-hint{color:#b0a89e;font-size:.62rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.syllable-tooltip .tt-loading{color:#95a5a6;font-size:.78rem;padding:.5rem .25rem;text-align:center}.syllable-tooltip .tt-error{color:#c0392b}.syllable-tooltip .tt-list{display:flex;flex-direction:column;gap:2px;list-style:none;margin:0;padding:0}.syllable-tooltip .tt-row{align-items:center;background:#fff;border-left:3px solid var(--tone-color,#95a5a6);border-radius:8px;cursor:pointer;display:grid;gap:.5rem;grid-template-columns:18px 56px 28px 1fr auto 16px;padding:.4rem .5rem;transition:background .15s}.syllable-tooltip .tt-row:hover{background:#c0392b0d}.syllable-tooltip .tt-tone-num{color:var(--tone-color,#95a5a6);font-family:Playfair Display,Georgia,serif;font-size:.82rem;font-weight:700;text-align:center}.syllable-tooltip .tt-pinyin{color:var(--tone-color,#2c3e50);font-size:.85rem;font-weight:600;letter-spacing:.01em}.syllable-tooltip .tt-hanzi{color:#2c3e50;font-family:Noto Sans SC,Microsoft YaHei,sans-serif;font-size:1.05rem;font-weight:500;text-align:center}.syllable-tooltip .tt-gloss{color:#7f8c8d;font-size:.72rem;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.syllable-tooltip .tt-tone-name{color:#b0a89e;font-size:.6rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap}.syllable-tooltip .tt-play{color:var(--tone-color,#c0392b);flex-shrink:0}@media(max-width:600px){.syllable-tooltip .tone-tooltip{min-width:240px}.syllable-tooltip .tt-row{grid-template-columns:16px 48px 26px 1fr 14px}.syllable-tooltip .tt-tone-name{display:none}}