/* Public introductions: all page styles are scoped to prevent changes to the application. */
.voice-page { margin:0; color:#30291f; background:#faf6ee; font-family:"Microsoft YaHei UI","Microsoft YaHei",sans-serif; line-height:1.85; }
.voice-page *, .voice-page *::before, .voice-page *::after { box-sizing:border-box; }
.voice-page a { color:#795322; text-underline-offset:.25em; }
.voice-page a:focus-visible, .voice-page summary:focus-visible { outline:3px solid #986b2d; outline-offset:5px; }
.voice-page .voice-shell { max-width:1064px; margin:auto; padding:0 32px; }
.voice-page .voice-header { display:flex; justify-content:space-between; align-items:center; gap:24px; padding:26px 0 22px; border-bottom:1px solid #dfd3bf; }
.voice-page .voice-brand { display:flex; gap:12px; align-items:center; text-decoration:none; color:#30291f; }
.voice-page .voice-brand img { border-radius:10px; object-fit:cover; }
.voice-page .voice-brand span { display:grid; gap:0; line-height:1.5; }
.voice-page .voice-brand strong { font-family:"STZhongsong","Songti SC",serif; font-size:22px; letter-spacing:3px; }
.voice-page .voice-brand small { color:#756957; font-size:11px; }
.voice-page .voice-home { font-size:13px; white-space:nowrap; }
.voice-page .voice-navigation { display:flex; flex-wrap:wrap; gap:8px 28px; padding:18px 0; font-size:14px; }
.voice-page .voice-navigation a { text-decoration:none; padding:3px 0; }
.voice-page .voice-navigation [aria-current="page"] { color:#30291f; font-weight:700; border-bottom:2px solid #9c743b; }
.voice-page .voice-heading { padding:42px 0 12px; max-width:850px; }
.voice-page .voice-kicker { margin:0 0 12px; color:#80623a; font-size:12px; font-weight:700; letter-spacing:2px; }
.voice-page h1, .voice-page h2, .voice-page h3 { font-family:"STZhongsong","Songti SC",serif; color:#32271d; text-wrap:balance; }
.voice-page h1 { font-size:clamp(34px,6vw,60px); line-height:1.25; margin:0 0 20px; letter-spacing:1px; }
.voice-page h2 { font-size:clamp(24px,3.4vw,32px); line-height:1.4; margin:0 0 22px; }
.voice-page h3 { font-size:21px; line-height:1.45; margin:0 0 12px; }
.voice-page p { margin:0 0 16px; overflow-wrap:break-word; }
.voice-page .voice-subtitle { color:#6e604f; font-size:19px; }
.voice-page .voice-lead { font-size:17px; max-width:850px; margin:10px 0 32px; }
.voice-page .voice-hero-image { background:#f1e8d8; border:1px solid #e5d6bc; border-radius:18px; overflow:hidden; }
.voice-page .voice-hero-image img { display:block; width:100%; height:auto; max-height:430px; object-fit:contain; }
.voice-page .voice-hero-image span { display:block; padding:12px 20px; color:#70614d; font-size:12px; text-align:center; }
.voice-page main > section { padding:44px 0; border-bottom:1px solid #e1d5c3; }
.voice-page .voice-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; margin:22px 0; }
.voice-page .voice-grid-two { grid-template-columns:repeat(2,minmax(0,1fr)); }
.voice-page .voice-grid article { padding:24px; border:1px solid #e4d7c4; background:#fffcf7; border-radius:14px; }
.voice-page .voice-grid article p { font-size:15px; margin-bottom:12px; }
.voice-page .voice-text-link { font-size:14px; font-weight:700; }
.voice-page .voice-steps, .voice-page .voice-list { padding-left:25px; margin:20px 0; }
.voice-page li { padding:4px 0 12px 8px; }
.voice-page li::marker { color:#96703b; font-weight:700; }
.voice-page .voice-note { border-left:3px solid #a87d3f; padding:14px 20px; background:#f1e9dc; font-size:14px; }
.voice-page details { border-top:1px solid #e1d5c3; padding:17px 0; }
.voice-page summary { cursor:pointer; color:#4b3927; font-weight:700; padding-right:12px; }
.voice-page details p { padding:16px 0 0; margin:0; color:#665848; }
.voice-page main > .voice-action { background:#ede2cf; margin:40px 0 0; padding:34px; border:0; border-radius:16px; }
.voice-page .voice-buttons { display:flex; flex-wrap:wrap; gap:12px; margin-top:24px; }
.voice-page .voice-button { display:inline-block; padding:12px 24px; border:1px solid #745329; border-radius:8px; background:#745329; color:white; text-decoration:none; font-weight:700; }
.voice-page .voice-button-secondary { color:#5e421f; background:#fffaf2; }
.voice-page .voice-footer { padding:34px 0 40px; font-size:12px; color:#716551; }
.voice-page .voice-footer nav { display:flex; flex-wrap:wrap; gap:10px 22px; margin:16px 0; }
.voice-page .voice-skip { position:absolute; left:12px; top:-100px; background:#fff; padding:10px 18px; z-index:20; }
.voice-page .voice-skip:focus { top:12px; }
.voice-discovery-nav { display:flex; flex-wrap:wrap; align-items:center; gap:10px 22px; padding:14px 0; font-size:13px; line-height:1.8; }
.voice-discovery-nav strong { color:#5e492e; }
.voice-discovery-nav a { color:#795322; text-underline-offset:.25em; }
@media (max-width:680px) {
 .voice-page .voice-shell { padding:0 20px; }
 .voice-page .voice-header { padding:20px 0 16px; gap:12px; }
 .voice-page .voice-brand strong { font-size:19px; }
 .voice-page .voice-brand img { width:38px; height:38px; }
 .voice-page .voice-navigation { gap:10px 22px; font-size:13px; }
 .voice-page .voice-heading { padding-top:28px; }
 .voice-page .voice-subtitle { font-size:17px; }
 .voice-page .voice-lead { font-size:16px; }
 .voice-page .voice-grid, .voice-page .voice-grid-two { grid-template-columns:1fr; gap:12px; }
 .voice-page .voice-grid article { padding:22px; }
 .voice-page main > section { padding:32px 0; }
 .voice-page main > .voice-action { padding:25px 20px; }
 .voice-page .voice-buttons { flex-direction:column; }
 .voice-page .voice-button { text-align:center; }
}
@media (prefers-reduced-motion:reduce) { .voice-page { scroll-behavior:auto; } }