/* Reusable audio introduction; palette and shared studio blocks supply the identity. */
.is-style-hub-audio-page { --hub-surface:var(--hub-accent-soft); }
.is-style-skill-kaikoudu.is-style-hub-audio-page { --hub-surface:#fff6f1; }
.is-style-hub-audio-page .is-style-hub-studio-wrap { max-width:1180px; }
.is-style-hub-audio-page .is-style-hub-studio-header { min-height:68px;padding-inline:max(24px,calc((100% - 1180px)/2 + 24px)); }
.is-style-hub-audio-page .is-style-hub-studio-brand { display:flex;align-items:center;gap:10px;margin:0; }
.is-style-hub-audio-page .is-style-hub-studio-brand::before { content:"开";display:grid;place-items:center;width:32px;height:32px;border-radius:9px;background:var(--hub-accent);color:#fff;font-size:15px; }
.is-style-hub-audio-hero { padding:64px 0 56px; }
.is-style-hub-audio-hero .is-style-hub-centered-title { font-size:54px;line-height:1.18;margin:16px auto 20px;max-width:820px; }
.is-style-hub-audio-page .is-style-hub-centered-title em { background:linear-gradient(transparent 62%,color-mix(in srgb,var(--hub-accent) 28%,transparent) 62%); }
.is-style-hub-audio-page .is-style-hub-studio-lead { font-size:18px;margin-bottom:22px; }
.is-style-hub-audio-page .is-style-hub-chip-list { margin:0 0 26px;font-size:13px; }
.is-style-hub-audio-page .is-style-hub-chip-list li { padding:5px 12px;font-size:13px; }
.is-style-hub-audio-page .is-style-hub-chip-list li::before { display:none; }
.is-style-hub-audio-page .is-style-hub-studio-section { padding:96px 0; }
.is-style-hub-audio-page .is-style-hub-audio-modes-section { padding-bottom:56px; }
.is-style-hub-audio-page .is-style-hub-audio-video-section { padding-top:0; }
.is-style-hub-audio-page .is-style-hub-studio-wrap > h3 { margin-top:36px; }
.is-style-hub-audio-section-soft { background:var(--hub-surface); }
.is-style-hub-audio-page .is-style-hub-studio-heading { max-width:780px;margin-bottom:40px; }
.is-style-hub-audio-page .is-style-hub-studio-heading h2 { font-size:40px;line-height:1.25;margin:12px 0; }
.is-style-hub-audio-page .is-style-hub-kicker { color:var(--hub-accent-hover); }
.is-style-hub-audio-page .is-style-hub-solid .wp-block-button__link { min-height:48px;padding:0 24px;box-shadow:0 10px 24px color-mix(in srgb,var(--hub-accent) 25%,transparent); }
.is-style-hub-audio-page .is-style-hub-ghost .wp-block-button__link { min-height:48px;padding:0 24px; }
.is-style-hub-audio-lead { color:var(--hub-muted);font-size:16px;margin:0; }
.is-style-hub-recording-booth { max-width:760px;margin:64px auto 0;padding:24px;border-radius:22px;background:var(--hub-ink);color:#e9dcd5;box-shadow:0 30px 60px rgb(29 23 21 / 20%); }
.is-style-hub-recording-booth p { margin:8px 0;font-size:12px; }
.is-style-hub-recording-booth .is-style-hub-audio-rec { text-align:left;color:#ff8a5c;font-weight:800;margin:0; }
.is-style-hub-recording-booth .is-style-hub-audio-script { margin:22px 0 8px;color:#fff;font-size:20px; }
.is-style-hub-recording-booth .is-style-hub-audio-script::before { content:"";display:block;height:120px;margin-bottom:18px;background:linear-gradient(var(--hub-accent-light),var(--hub-accent));mask:repeating-linear-gradient(to right,#000 0 3.3%,transparent 3.3% 4.166%);clip-path:polygon(0 35%,4% 35%,4% 22%,8% 22%,8% 10%,12% 10%,12% 28%,16% 28%,16% 2%,20% 2%,20% 20%,24% 20%,24% 32%,28% 32%,28% 15%,32% 15%,32% 0,36% 0,36% 25%,40% 25%,40% 38%,44% 38%,44% 17%,48% 17%,48% 7%,52% 7%,52% 30%,56% 30%,56% 12%,60% 12%,60% 22%,64% 22%,64% 35%,68% 35%,68% 5%,72% 5%,72% 20%,76% 20%,76% 28%,80% 28%,80% 40%,84% 40%,84% 15%,88% 15%,88% 25%,92% 25%,92% 32%,100% 32%,100% 68%,92% 68%,92% 75%,88% 75%,88% 85%,84% 85%,84% 60%,80% 60%,80% 72%,76% 72%,76% 80%,72% 80%,72% 95%,68% 95%,68% 65%,64% 65%,64% 78%,60% 78%,60% 88%,56% 88%,56% 70%,52% 70%,52% 93%,48% 93%,48% 83%,44% 83%,44% 62%,40% 62%,40% 75%,36% 75%,36% 100%,32% 100%,32% 85%,28% 85%,28% 68%,24% 68%,24% 80%,20% 80%,20% 98%,16% 98%,16% 72%,12% 72%,12% 90%,8% 90%,8% 78%,4% 78%,4% 65%,0 65%); }
.is-style-hub-audio-stat-grid { display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:56px; }
.is-style-hub-audio-stat { padding:18px 20px;border:1px solid var(--hub-line);border-radius:16px;background:var(--hub-paper);text-align:center; }
.is-style-hub-audio-stat p { margin:0;color:var(--hub-muted);font-size:13px; }
.is-style-hub-audio-stat .is-style-hub-stat-number { color:var(--hub-accent-hover);font-size:30px;font-weight:800;line-height:1.2; }
.is-style-hub-audio-compare-grid { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px; }
.is-style-hub-audio-card { padding:28px;border:1px solid var(--hub-line);border-radius:20px;background:var(--hub-paper);min-width:0; }
.is-style-hub-audio-highlight { border:2px solid var(--hub-accent);box-shadow:0 20px 40px color-mix(in srgb,var(--hub-accent) 14%,transparent); }
.is-style-hub-audio-card h3 { margin:8px 0 10px;font-size:24px; }
.is-style-hub-audio-card p { margin:0;font-size:15px;color:var(--hub-muted); }
.is-style-hub-audio-card .is-style-hub-audio-card-title { margin:12px 0 14px;font-size:24px;font-weight:800;color:var(--hub-ink); }
.is-style-hub-audio-tag { display:inline-block;margin:0;padding:3px 10px;border-radius:999px;background:var(--hub-accent-soft);color:var(--hub-accent-hover)!important;font-size:12px!important;font-weight:700; }
.is-style-hub-audio-index { color:var(--hub-accent-hover)!important;font-size:13px!important;font-weight:800; }
.is-style-hub-audio-note { color:var(--hub-muted);font-size:14px;margin:12px 0 0!important; }
.is-style-hub-audio-punch { margin:36px 0 0;text-align:center;font-size:20px; }
.is-style-hub-audio-punch em { color:var(--hub-accent-hover);font-style:normal;font-weight:800; }
.is-style-hub-audio-mode-grid { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px; }
.is-style-hub-audio-mode { display:flex;flex-direction:column;gap:12px;padding:22px;border:1px solid var(--hub-line);border-radius:20px;background:var(--hub-paper);min-width:0; }
.is-style-hub-audio-mode p { margin:0; }
.is-style-hub-mode-title { display:flex;justify-content:space-between;gap:8px;color:var(--hub-accent-hover);font-weight:700;font-size:14px; }
.is-style-hub-mode-title .is-style-hub-audio-meta { color:var(--hub-muted);font-size:12px;font-weight:400; }
.is-style-hub-audio-say { font-size:17px;font-weight:700;line-height:1.5; }
.is-style-hub-audio-video-band { display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:36px;align-items:center;padding:32px;border-radius:24px;background:var(--hub-ink);color:#f3e9e4; }
.is-style-hub-audio-video-copy .is-style-hub-kicker { color:#ffb08f;background:rgb(255 255 255 / 10%); }
.is-style-hub-audio-video-copy h2 { margin:10px 0 12px;font-size:28px; }
.is-style-hub-audio-video-copy p { margin:0;color:#cdbfb8; }
.is-style-hub-audio-video-band > .is-style-hub-audio-note { grid-column:1/-1;color:#cdbfb8; }
.is-style-hub-audio-voice-name { color:var(--hub-ink)!important;font-size:22px!important;font-weight:800; }
.is-style-hub-audio-four-steps { display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;counter-reset:audio-step; }
.is-style-hub-audio-step { padding:24px;border:1px solid var(--hub-line);border-radius:20px;background:var(--hub-paper);counter-increment:audio-step; }
.is-style-hub-audio-step::before { content:counter(audio-step);display:grid;place-items:center;width:40px;height:40px;margin-bottom:14px;border-radius:50%;background:var(--hub-accent);color:#fff;font-weight:800; }
.is-style-hub-audio-step .is-style-hub-audio-card-title { font-size:18px;font-weight:800; }
.is-style-hub-audio-step p:last-child { color:var(--hub-muted);font-size:14px;margin:6px 0 0; }
.is-style-hub-audio-formula { text-align:center;font-size:28px;font-weight:800;margin:0 0 12px; }
.is-style-hub-audio-formula em { color:var(--hub-accent-hover);font-style:normal; }
.is-style-hub-phrase-table { margin:28px 0 0;border:1px solid var(--hub-line);border-radius:16px;overflow:hidden;background:var(--hub-paper); }
.is-style-hub-phrase-table table { width:100%;border-collapse:collapse;font-size:15px; }
.is-style-hub-phrase-table :is(th,td) { padding:14px 18px;text-align:left;vertical-align:top; }
.is-style-hub-phrase-table th { background:var(--hub-accent-soft);color:var(--hub-accent-hover); }
.is-style-hub-phrase-table td { border-top:1px solid var(--hub-line); }
.is-style-hub-phrase-table td:first-child { font-weight:700; }
.is-style-hub-audio-note-panel { margin:22px 0;color:var(--hub-muted);font-size:14px; }
.is-style-hub-audio-install-section { background:linear-gradient(135deg,var(--hub-accent),var(--hub-accent-hover));color:#fff; }
.is-style-hub-audio-install-section > .is-style-hub-studio-wrap > p { color:rgb(255 255 255 / 85%); }
.is-style-hub-audio-install-section .is-style-hub-solid .wp-block-button__link { background:#fff;color:var(--hub-accent-hover); }
.is-style-hub-audio-install-grid { margin:40px 0 28px; }
.is-style-hub-audio-install-grid .is-style-hub-audio-card { background:rgb(255 255 255 / 12%);border-color:rgb(255 255 255 / 25%); }
.is-style-hub-audio-install-grid .is-style-hub-audio-card p { color:rgb(255 255 255 / 85%); }
.is-style-hub-audio-install-grid .is-style-hub-audio-index { color:#ffd6c6!important; }
.is-style-hub-audio-commands { display:grid;gap:12px;margin:14px 0; }
.is-style-hub-mobile-action { display:none; }
@media(max-width:760px) {
 .is-style-hub-audio-hero .is-style-hub-centered-title { font-size:34px; }.is-style-hub-audio-page .is-style-hub-studio-lead { font-size:16px; }
 .is-style-hub-audio-page .is-style-hub-studio-section { padding:64px 0; }.is-style-hub-audio-page .is-style-hub-studio-heading h2 { font-size:28px; }
 .is-style-hub-audio-stat-grid { grid-template-columns:repeat(2,minmax(0,1fr));margin-top:36px; }
 .is-style-hub-audio-compare-grid,.is-style-hub-audio-mode-grid,.is-style-hub-audio-video-band,.is-style-hub-audio-four-steps { grid-template-columns:minmax(0,1fr); }
 .is-style-hub-audio-video-band { padding:20px;gap:20px; }
 .is-style-hub-phrase-table tr { display:block;padding:12px 0; }.is-style-hub-phrase-table :is(th,td) { display:block;padding:4px 14px; }
 .is-style-hub-phrase-table tr:first-child { display:none; }
 .is-style-hub-mobile-action { display:flex;align-items:center;justify-content:space-between;gap:12px;position:fixed;left:12px;right:12px;bottom:max(12px,env(safe-area-inset-bottom));z-index:9;padding:10px 10px 10px 18px;border:1px solid var(--hub-line);border-radius:16px;background:rgb(255 255 255 / 96%);color:var(--hub-ink);box-shadow:0 12px 30px rgb(29 23 21 / 14%); }
 .is-style-hub-mobile-action p { margin:0;font-size:14px;font-weight:700; }.is-style-hub-mobile-action .wp-block-button__link { min-height:40px;padding:0 16px; }
}