:root{--bg:#FFF8F8;--paper:#fff;--soft:#FBE9EC;--text:#351C23;--body:#4B3037;--muted:#76545F;--accent:#C9365B;--deep:#321C24;--line:#EDD8DE}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--body);font-family:"Noto Serif SC","Songti SC","Microsoft YaHei",serif;font-size:16px;line-height:1.82;overflow-wrap:anywhere}a{color:var(--accent);text-decoration-thickness:1px;text-underline-offset:3px}a:hover{text-decoration-thickness:2px}button,a{touch-action:manipulation}button:focus-visible,a:focus-visible{outline:3px solid rgba(201,54,91,.35);outline-offset:3px}.skip-link{position:absolute;left:-9999px;top:8px;background:#fff;padding:10px 14px;z-index:100}.skip-link:focus{left:10px}.container{width:min(1160px,calc(100% - 40px));margin-inline:auto}.site-header{background:var(--paper);border-bottom:1px solid var(--line)}.masthead{min-height:82px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:12px;color:var(--text);text-decoration:none;min-width:0}.brand-logo{max-width:160px;max-height:42px;width:auto;height:auto;object-fit:contain;object-position:center}.brand-text{display:flex;align-items:baseline;gap:9px;white-space:nowrap}.brand-text strong{font-size:24px;letter-spacing:.08em}.brand-text small{font:700 12px/1.2 Arial,sans-serif;letter-spacing:.18em;color:var(--accent)}.masthead-side{display:flex;align-items:center;gap:22px;color:var(--muted);font-size:14px}.masthead-side a{min-height:44px;display:inline-flex;align-items:center}.browse-toggle{display:none}.primary-nav{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#fff}.nav-row{display:flex;align-items:center;justify-content:space-between;gap:14px}.desktop-links{display:flex;align-items:center;gap:4px;min-width:0}.desktop-links a,.mobile-quick a,.all-toggle,.browse-toggle{min-height:46px;display:inline-flex;align-items:center;padding:0 13px;border:0;background:transparent;color:var(--text);font:inherit;text-decoration:none;cursor:pointer}.desktop-links a[aria-current="page"],.group-links a[aria-current="page"]{color:var(--accent);box-shadow:inset 0 -2px var(--accent)}.all-toggle{border-left:1px solid var(--line);color:var(--accent);white-space:nowrap}.mobile-quick{display:none}.all-columns{background:var(--soft);border-bottom:1px solid var(--line)}.group-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:26px;padding-block:26px}.group-grid h2{font-size:14px;margin:0 0 8px;color:var(--muted);letter-spacing:.08em}.group-links{display:grid;gap:2px}.group-links a{display:flex;align-items:center;min-height:42px;color:var(--text);text-decoration:none;border-bottom:1px solid rgba(237,216,222,.9)}
.inner-intro{padding-top:30px}.breadcrumb{font-size:13px;color:var(--muted);display:flex;gap:6px;align-items:center}.breadcrumb a{color:var(--muted)}.category-kicker{font-size:13px;color:var(--accent);margin:8px 0 0;letter-spacing:.12em}.page-wrap{width:min(1160px,calc(100% - 40px));margin:0 auto;padding:18px 0 64px}.reading{max-width:760px}.page-head{max-width:820px;margin:0 0 36px}.page-head h1,.hero h1{font-size:clamp(28px,3vw,38px);line-height:1.25;color:var(--text);margin:0 0 14px}.lead{font-size:17px;color:var(--muted);max-width:760px}.section{margin-top:54px}.section h2{font-size:clamp(21px,2.2vw,27px);line-height:1.35;color:var(--text);margin:0 0 18px}.section h3{font-size:19px;line-height:1.45;color:var(--text);margin:24px 0 8px}.section p{margin:0 0 16px}.eyebrow{font-size:13px;letter-spacing:.15em;color:var(--accent);margin:0 0 8px}.divider{border:0;border-top:1px solid var(--line);margin:52px 0}.media-frame{background:#fff;border:1px solid var(--line);border-radius:10px;padding:14px;display:flex;justify-content:center;align-items:center;margin:20px 0}.content-image{max-width:100%;height:auto;display:block;object-fit:contain;object-position:center}.banner-image{max-width:100%;max-height:320px;width:auto;height:auto;display:block;object-fit:contain;object-position:center}.main-image{max-width:680px;max-height:400px;width:auto;height:auto;display:block;object-fit:contain;object-position:center}.split-image{max-width:100%;max-height:220px;width:auto;height:auto;display:block;object-fit:contain;object-position:center}.side-image{max-width:100%;max-height:170px;width:auto;height:auto;display:block;object-fit:contain;object-position:center}.app-image{max-width:240px;max-height:360px;width:auto;height:auto;display:block;object-fit:contain;object-position:center}.icon-image{max-width:44px;max-height:44px;width:auto;height:auto;display:block;object-fit:contain;object-position:center}.caption{font-size:13px;color:var(--muted);margin-top:8px;text-align:center}.two-col{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,2fr);gap:32px;align-items:start}.two-even{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}.three-col{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.index-card{padding:18px 0;border-top:1px solid var(--line)}.index-card h3{margin:0 0 6px;font-size:19px}.index-card p{margin:0 0 9px}.text-list{display:grid;gap:0}.text-row{padding:18px 0;border-top:1px solid var(--line)}.text-row:last-child{border-bottom:1px solid var(--line)}.text-row h3{margin:0 0 6px}.feature-offset{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:32px;align-items:center}.feature-offset.reverse{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr)}.feature-offset.reverse .feature-copy{order:-1}.quote-note{border-left:2px solid var(--accent);padding:6px 0 6px 18px;color:var(--muted)}.related{margin-top:58px;padding-top:26px;border-top:1px solid var(--line)}.related h2{font-size:20px;margin:0 0 12px}.related-links{display:flex;flex-wrap:wrap;gap:10px 18px}.related-links a{min-height:44px;display:inline-flex;align-items:center}.hero{padding-top:44px}.hero-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:18px}.hero-actions a{min-height:44px;display:inline-flex;align-items:center;padding:0 16px;border:1px solid var(--line);border-radius:8px;background:#fff;text-decoration:none}.soft-box{background:var(--soft);padding:22px;border-radius:10px}.numbered{counter-reset:item}.numbered .step{counter-increment:item;padding:18px 0;border-top:1px solid var(--line)}.numbered .step h3:before{content:counter(item,decimal-leading-zero) "  ";color:var(--accent);font:700 13px Arial,sans-serif}.faq-list details{border-top:1px solid var(--line);padding:14px 0}.faq-list details:last-child{border-bottom:1px solid var(--line)}.faq-list summary{cursor:pointer;color:var(--text);font-weight:700;min-height:44px;display:flex;align-items:center}.faq-list p{margin:8px 0 6px}.site-footer{background:var(--deep);color:#f7e8ec;padding:42px 0 28px}.footer-brand{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:30px;align-items:center;padding-bottom:28px;border-bottom:1px solid rgba(255,255,255,.14)}.footer-brandline{display:flex;align-items:center;gap:12px}.footer-logo{max-width:140px;max-height:38px;width:auto;height:auto;object-fit:contain}.footer-brandline div{display:flex;flex-direction:column}.footer-brandline strong{font-size:20px}.footer-brandline span{font-size:11px;letter-spacing:.2em}.footer-brand p{margin:0;color:#dcc6cd}.footer-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:34px;padding:30px 0}.footer-grid h2{font-size:15px;color:#fff;margin:0 0 10px}.footer-grid a{display:block;color:#ead7dd;text-decoration:none;padding:5px 0}.footer-note{border-top:1px solid rgba(255,255,255,.14);padding-top:20px;color:#cbb4bc;font-size:13px}.footer-note p{margin:0 0 8px}
@media(max-width:900px){.desktop-links{display:none}.mobile-quick{display:flex}.group-grid{grid-template-columns:repeat(2,1fr)}.two-col,.two-even,.three-col,.feature-offset,.feature-offset.reverse{grid-template-columns:1fr}.feature-offset.reverse .feature-copy{order:initial}.masthead-side{display:none}.browse-toggle{display:inline-flex;min-height:44px;align-items:center;border:1px solid var(--line);border-radius:8px;padding:0 14px;background:#fff}.all-toggle{display:none}.footer-brand{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}.section{margin-top:42px}}
@media(max-width:640px){body{font-size:15.5px}.container,.page-wrap{width:calc(100% - 32px)}.masthead{min-height:76px;gap:12px}.brand-logo{max-width:104px;max-height:34px}.brand-text strong{font-size:21px}.brand-text small{font-size:10px}.brand{gap:8px}.brand-text{gap:6px}.mobile-quick{flex:1;justify-content:space-between}.mobile-quick a{padding:0 12px}.group-grid{grid-template-columns:1fr 1fr;gap:20px 16px;padding-block:20px}.page-wrap{padding-bottom:42px}.hero{padding-top:30px}.section{margin-top:34px}.media-frame{padding:10px}.banner-image{max-height:220px}.main-image{max-width:100%;max-height:300px}.split-image{max-height:200px}.app-image{max-width:200px}.footer-grid{grid-template-columns:1fr;gap:20px}.footer-brand{gap:18px}.site-footer{padding-top:32px}}
@media(max-width:390px){.group-grid{grid-template-columns:1fr}.brand-logo{max-width:84px}.brand-text small{display:none}.browse-toggle{padding:0 11px}.mobile-quick a{padding:0 8px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}


/* Responsive image and navigation corrections — 2026-10 */
[hidden], .all-nav[hidden], .all-sections[hidden], .all-columns[hidden], #allNav[hidden], #all-sections[hidden], #all-columns[hidden], #all-nav[hidden] { display:none !important; }
html { max-width:100%; overflow-x:clip; }
body { max-width:100%; overflow-x:clip; }
*, *::before, *::after { box-sizing:border-box; }
main, section, article, figure, .two-col > *, .grid-2 > *, .split > *, .two-even > *, .three-col > *, .feature-offset > *, .app-pair > * { min-width:0; max-width:100%; }
img { display:block; width:auto; height:auto; max-width:100%; object-fit:contain; object-position:center; }
figure { max-width:100%; }
/* Limit by actual image resource, not only the layout wrapper. */
img[src$="秀人网-icon.webp"], img[src$="%E7%A7%80%E4%BA%BA%E7%BD%91-icon.webp"] { width:auto !important; height:auto !important; max-width:44px !important; max-height:44px !important; object-fit:contain !important; margin-inline:auto; }
img[src$="秀人网-app.webp"], .app-img, img.app-image, .app-media img, .app-image img { width:auto !important; height:auto !important; max-width:min(240px,100%) !important; max-height:360px !important; object-fit:contain !important; margin-inline:auto; }
img[src$="秀人网-logo.webp"], .brand-logo, .brand-image { width:auto !important; height:auto !important; max-width:160px !important; max-height:42px !important; object-fit:contain !important; }
img[src$="秀人网-banner.webp"], .banner img, .banner-img, .hero-img { width:auto !important; height:auto !important; max-width:100% !important; max-height:320px !important; object-fit:contain !important; margin-inline:auto; }
img[src$="秀人网-cover.webp"], img[src$="秀人网-portrait.webp"], img[src$="秀人网-street.webp"], img[src$="秀人网-film.webp"], img[src$="秀人网-studio.webp"], img[src$="秀人网-series.webp"], img[src$="秀人网-portfolio.webp"], img[src$="秀人网-editor.webp"], img[src$="秀人网-calendar.webp"] { width:auto !important; height:auto !important; max-width:100% !important; max-height:400px !important; object-fit:contain !important; }
.media-frame, .media-box, .image-wrap, .media { min-width:0; max-width:100%; height:auto; overflow:visible; }
.media-frame img, .media-box img, .image-wrap img { flex:0 1 auto; min-width:0; }
/* Inline article figures should not turn into side-by-side fragments on phones. */
@media (max-width:900px) {
 .two-col, .two-col.reverse, .grid-2, .split, .split.reverse, .two-equal, .two-even, .feature-offset, .feature-offset.reverse { grid-template-columns:minmax(0,1fr) !important; }
 .two-col, .grid-2, .split, .two-equal, .two-even, .feature-offset { gap:22px !important; }
 .split.reverse .media-frame, .split.reverse .copy { order:initial !important; }
}
@media (max-width:640px) {
 .three-col, .grid-3, .three, .text-grid, .app-pair { grid-template-columns:minmax(0,1fr) !important; }
 .two-col, .grid-2, .split, .two-equal, .two-even, .feature-offset { gap:18px !important; }
 .media-frame, .media-box, .image-wrap { padding:8px !important; }
 img[src$="秀人网-app.webp"], .app-img, img.app-image, .app-media img, .app-image img { max-width:min(200px,100%) !important; max-height:320px !important; }
 img[src$="秀人网-banner.webp"], .banner img, .banner-img, .hero-img { max-height:220px !important; }
 img[src$="秀人网-cover.webp"], img[src$="秀人网-portrait.webp"], img[src$="秀人网-street.webp"], img[src$="秀人网-film.webp"], img[src$="秀人网-studio.webp"], img[src$="秀人网-series.webp"], img[src$="秀人网-portfolio.webp"], img[src$="秀人网-editor.webp"], img[src$="秀人网-calendar.webp"] { max-height:300px !important; }
 .all-nav:not([hidden]), .all-sections:not([hidden]), .all-columns:not([hidden]), #allNav:not([hidden]) { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:390px) {
 .all-nav:not([hidden]), .all-sections:not([hidden]), .all-columns:not([hidden]), #allNav:not([hidden]) { grid-template-columns:minmax(0,1fr) !important; }
}