/* WHITE AI STUDIO — a shared catalog and a clear route back from every series. */
:root { --studio-bg:#0a0a0b; --studio-paper:#f0ece4; --studio-muted:#a5a39d; --studio-gold:#d5b783; --studio-line:rgba(232,225,208,.16); }
.studio-home { margin:0; background:var(--studio-bg); color:var(--studio-paper); font-family:"Microsoft YaHei UI","PingFang SC",sans-serif; -webkit-font-smoothing:antialiased; }
.studio-home *, .studio-header *, .studio-explore * { box-sizing:border-box; }
.studio-home a,.studio-header a,.studio-explore a { color:inherit; text-decoration:none; }
.studio-home button { font:inherit; cursor:pointer; }
.studio-home img { display:block; max-width:100%; }
.studio-home :is(a,button):focus-visible,.studio-header :is(a,summary):focus-visible,.studio-explore a:focus-visible { outline:2px solid var(--studio-gold); outline-offset:5px; }
.studio-home [id] { scroll-margin-top:100px; }
.studio-home { scroll-behavior:smooth; }
.studio-skip { position:fixed; top:0; left:1rem; z-index:15000; transform:translateY(-150%); background:var(--studio-paper); color:var(--studio-bg)!important; padding:1rem; }
.studio-skip:focus { transform:translateY(0); }
.studio-header { position:fixed; top:0; left:0; right:0; z-index:1000; min-height:72px; padding:14px clamp(20px,4vw,68px); display:flex; align-items:center; gap:30px; border-bottom:1px solid var(--studio-line); background:rgba(10,10,11,.94); color:var(--studio-paper); backdrop-filter:blur(18px); font-family:"Microsoft YaHei UI",sans-serif; }
.studio-wordmark { font:bold 20px/1.1 Georgia,serif; white-space:nowrap; letter-spacing:-.05em; }
.studio-wordmark span { font:500 10px/1.1 Consolas,monospace; letter-spacing:.08em; margin-left:6px; }
.studio-current { color:var(--studio-muted); font-size:12px; padding-left:25px; border-left:1px solid var(--studio-line); }
.studio-header nav { display:flex; align-items:center; gap:24px; margin-left:auto; padding-right:54px; font-size:12px; }
.studio-header nav>a:hover { color:var(--studio-gold); }
.studio-contact-link { border-bottom:1px solid var(--studio-gold); padding-bottom:4px; }
.studio-switch { position:relative; }
.studio-switch summary { cursor:pointer; list-style:none; white-space:nowrap; }
.studio-switch summary::after { content:' +'; color:var(--studio-gold); }
.studio-switch[open] summary::after { content:' −'; }
.studio-switch summary::-webkit-details-marker { display:none; }
.studio-switch>div { position:absolute; top:36px; right:0; width:280px; padding:10px; border:1px solid var(--studio-line); background:#111113; box-shadow:0 15px 40px #0009; }
.studio-switch a { display:flex; align-items:center; gap:16px; padding:15px; border-bottom:1px solid var(--studio-line); }
.studio-switch a:last-child { border:0; }
.studio-switch a:hover,.studio-switch a[aria-current] { color:var(--studio-gold); background:#ffffff06; }
.studio-switch small { font:11px Consolas,monospace; color:var(--studio-muted); }
:is(.studio-home,.studio-detail) .site-language { top:14px; right:clamp(20px,4vw,68px); z-index:1100; }
:is(.studio-home,.studio-detail) .site-language__trigger { width:38px; height:38px; border-color:var(--studio-line); box-shadow:none; }
.studio-kicker { font:10px/1.6 Consolas,"Microsoft YaHei UI",monospace; letter-spacing:.16em; color:var(--studio-gold); text-transform:uppercase; }
.studio-hero { padding:130px clamp(20px,5vw,80px) 34px; max-width:1760px; margin:auto; }
.studio-training-promo { display:flex; align-items:center; gap:24px; margin:0 0 30px; padding:20px 24px; border:1px solid #dfc59e66; border-left:3px solid #dfc59e; background:linear-gradient(110deg,#dfc59e18,#dfc59e04); transition:border-color .2s,background .2s; }
.studio-training-promo:hover { border-color:#dfc59e; background:linear-gradient(110deg,#dfc59e24,#dfc59e09); }
.training-promo-tag { color:var(--studio-gold); font-size:11px; letter-spacing:.1em; }
.training-promo-copy { display:grid; gap:4px; min-width:0; }
.training-promo-copy strong { font-size:clamp(17px,1.5vw,23px); font-weight:500; line-height:1.5; }
.training-promo-copy>span { color:var(--studio-gold); font-size:13px; }
.training-promo-action { margin-left:auto; display:grid; grid-template-columns:1fr auto; gap:3px 16px; flex-shrink:0; font-size:13px; }
.training-promo-action small { grid-column:1/-1; font-size:10px; color:var(--studio-muted); }
@media(max-width:700px) { .studio-training-promo { display:grid; grid-template-columns:minmax(0,1fr); gap:10px; padding:16px 18px; margin-bottom:22px; } .training-promo-action { margin-left:0; justify-self:start; } }
.studio-hero-top { display:flex; justify-content:space-between; align-items:center; }
.studio-edition { font:10px Consolas,monospace; color:var(--studio-muted); letter-spacing:.1em; }
.studio-hero h1 { margin:24px 0 25px; font:400 clamp(50px,8.6vw,144px)/.96 Georgia,"Times New Roman",serif; letter-spacing:-.045em; white-space:nowrap; }
.studio-hero h1>span { color:var(--studio-gold); }
.studio-dot { font:16px Georgia,serif; vertical-align:top; display:inline-block; margin:8px 0 0 10px; letter-spacing:0; }
.studio-intro { display:flex; justify-content:space-between; align-items:center; gap:20px; padding-bottom:30px; }
.studio-intro>p { color:#c3c0b9; font-size:clamp(15px,1.4vw,22px); }
.studio-button { display:inline-flex; align-items:center; justify-content:space-between; gap:32px; padding:14px 20px; background:var(--studio-gold); color:#111!important; font-size:12px; font-weight:600; border:1px solid var(--studio-gold); transition:background .2s; }
.studio-button:hover { background:#efdbb6; }
.studio-overview { display:grid; grid-template-columns:230px 1fr; gap:32px; border-top:1px solid var(--studio-line); border-bottom:1px solid var(--studio-line); padding:22px 0; }
.studio-overview>p { margin:0; display:flex; flex-direction:column; gap:8px; color:var(--studio-muted); font-size:11px; }
.studio-overview b { font:40px/.9 Georgia,serif; color:var(--studio-paper); }
.studio-overview nav { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px 30px; align-content:center; }
.studio-overview a { display:flex; align-items:center; gap:10px; font-size:12px; }
.studio-overview small { color:var(--studio-gold); font:10px Consolas,monospace; }
.studio-overview a>span:last-child { margin-left:auto; color:var(--studio-muted); }
.studio-overview a:hover { color:var(--studio-gold); }
.studio-showcase { padding:26px 0 60px; }
.studio-section-label { padding:0 clamp(20px,5vw,80px); display:flex; justify-content:space-between; align-items:end; gap:20px; }
.studio-section-label h2 { font-size:15px; font-weight:400; margin:8px 0 12px; }
.studio-section-label button { border:0; border-bottom:1px solid var(--studio-line); background:none; color:var(--studio-muted); font-size:10px; padding:10px 0; margin-bottom:12px; }
.studio-filmstrip { padding:28px clamp(20px,5vw,80px) 12px; display:flex; gap:18px; overflow-x:auto; scrollbar-width:thin; scrollbar-color:#665b49 transparent; overscroll-behavior-x:contain; }
.studio-frame { flex:0 0 clamp(205px,20vw,330px); min-width:0; }
.studio-frame:nth-child(even) { margin-top:32px; }
.studio-frame>div { height:clamp(240px,25vw,380px); background:#141414; overflow:hidden; }
.studio-frame img { width:100%; height:100%; object-fit:contain; transition:filter .3s; }
.studio-frame:hover img { filter:brightness(1.08); }
.studio-frame>span { display:flex; align-items:center; gap:10px; font-size:10px; margin-top:13px; color:var(--studio-muted); }
.studio-frame small { font:10px Consolas,monospace; color:var(--studio-gold); }
.studio-frame b { margin-left:auto; font-weight:400; }
.studio-showcase-note { margin:24px clamp(20px,5vw,80px) 0; font-size:11px; line-height:1.8; color:var(--studio-muted); }
.studio-catalog { padding:64px clamp(20px,5vw,80px) 60px; border-top:1px solid var(--studio-line); max-width:1760px; margin:auto; }
.studio-catalog-heading { display:flex; justify-content:space-between; gap:50px; align-items:end; margin-bottom:34px; }
.studio-catalog-heading h2 { font-size:clamp(26px,3vw,44px); font-weight:400; margin:10px 0 0; letter-spacing:-.04em; }
.studio-catalog-heading>p { max-width:340px; font-size:12px; color:var(--studio-muted); line-height:1.9; margin:0; }
.studio-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:26px; }
.series-card { border:1px solid var(--studio-line); background:#101011; min-width:0; display:flex; flex-direction:column; transition:border-color .2s; }
.series-card:hover { border-color:#d5b78380; }
.series-art { display:flex; height:270px; position:relative; background:#161617; overflow:hidden; border-bottom:1px solid var(--studio-line); }
.series-art img { width:100%; height:100%; object-fit:contain; }
.series-art--pair img { width:50%; }
.art-index { position:absolute; left:12px; top:12px; font:12px Consolas,monospace; padding:6px 8px; background:#0a0a0bcc; border:1px solid #ffffff30; }
.art-edit-label { position:absolute; bottom:8px; left:50%; transform:translateX(-50%); white-space:nowrap; background:#0a0a0be6; padding:5px 10px; font-size:9px; display:flex; gap:10px; }
.series-copy { padding:24px; display:flex; flex-direction:column; flex:1; }
.series-meta { display:flex; justify-content:space-between; align-items:center; gap:10px; font:10px/1.5 Consolas,"Microsoft YaHei UI",sans-serif; color:var(--studio-gold); }
.series-meta>span:last-child { color:#c9c5bd; border:1px solid var(--studio-line); padding:3px 7px; }
.series-copy h3 { margin:18px 0 10px; font-size:clamp(19px,1.6vw,25px); font-weight:500; letter-spacing:-.03em; line-height:1.3; }
.series-description { font-size:12px; color:var(--studio-muted); line-height:1.9; margin:0 0 22px; min-height:68px; }
.series-pricing { margin-top:auto; border-top:1px solid var(--studio-line); padding-top:15px; }
.price-scope { font-size:10px; color:var(--studio-muted); margin:0 0 12px; }
.series-pricing dl { display:grid; grid-template-columns:1fr 1fr; gap:15px; margin:0; }
.series-pricing dt { font-size:10px; color:var(--studio-muted); }
.series-pricing dd { margin:7px 0 0; font:26px/1.2 Georgia,serif; white-space:nowrap; }
.series-pricing dl>div:first-child dd { color:var(--studio-gold); }
.series-single { min-height:36px; display:flex; flex-wrap:wrap; align-items:center; gap:4px 8px; font-size:9px; color:var(--studio-muted); margin:8px 0 12px; }
.series-single b { color:#ddd6c8; font-weight:400; }
.series-cta { display:flex; align-items:center; justify-content:space-between; gap:20px; border-top:1px solid var(--studio-line); padding:15px 0 0; font-size:11px; }
.series-cta>span:last-child { font-size:20px; color:var(--studio-gold); }
.studio-price-note { color:var(--studio-muted); font-size:10px; margin:22px 0 0; }
.studio-guide { padding:45px clamp(20px,5vw,80px); border-top:1px solid var(--studio-line); border-bottom:1px solid var(--studio-line); background:#111110; }
.studio-guide h2 { font-weight:400; font-size:clamp(18px,2vw,28px); line-height:1.6; max-width:880px; }
.studio-guide>p:last-child { max-width:900px; color:var(--studio-muted); font-size:12px; line-height:2; }
.studio-contact { padding:75px clamp(20px,5vw,80px); display:flex; justify-content:space-between; align-items:center; gap:40px; }
.studio-contact h2 { font-weight:400; font-size:clamp(28px,4vw,50px); margin:20px 0; letter-spacing:-.05em; }
.studio-contact p:not(.studio-kicker) { font-size:12px; color:var(--studio-muted); margin-bottom:25px; line-height:1.9; }
.studio-contact-id { display:flex; flex-direction:column; gap:14px; padding:32px; border:1px solid var(--studio-line); }
.studio-contact-id>span { font:10px Consolas,monospace; color:var(--studio-muted); letter-spacing:.15em; }
.studio-contact-id strong { font:32px Georgia,serif; color:var(--studio-gold); }
.studio-contact-id img { width:170px; height:170px; object-fit:contain; background:#fff; }
.studio-footer { border-top:1px solid var(--studio-line); padding:24px clamp(20px,5vw,80px); display:flex; justify-content:space-between; gap:20px; font:10px/1.5 Consolas,monospace; color:var(--studio-muted); }
.studio-detail { padding-top:36px; }
.studio-detail .hero-title { font-size:clamp(40px,5vw,80px); }
.studio-detail .hero-title>span { font-size:.62em; margin-top:14px; }
.studio-explore { padding:65px clamp(20px,5vw,80px); color:var(--studio-paper); background:var(--studio-bg); border-top:1px solid var(--studio-line); font-family:"Microsoft YaHei UI",sans-serif; }
.studio-explore>div { display:flex; flex-wrap:wrap; align-items:center; gap:24px; }
.studio-explore h2 { font-size:25px; font-weight:400; margin:10px 0; }
.studio-explore>div>a { margin-left:auto; font-size:12px; color:var(--studio-gold); }
.studio-explore nav { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; margin-top:24px; }
.studio-explore nav>a { display:flex; gap:14px; align-items:center; padding:20px; border:1px solid var(--studio-line); font-size:12px; }
.studio-explore nav>a:hover { border-color:var(--studio-gold); }
.studio-explore small { color:var(--studio-gold); font:10px Consolas,monospace; }
.studio-explore nav>a>span:last-child { margin-left:auto; }
@media(min-width:1700px) { .studio-frame { flex-basis:340px; } }
@media(max-width:1050px) {
 .studio-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .studio-current { display:none; }
 .studio-overview { grid-template-columns:160px 1fr; gap:24px; }
 .studio-overview nav { gap:16px; }
 .studio-explore nav { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
.studio-art-notice { margin:20px 0; padding:18px 20px; border:1px solid #dfc59e80; border-left:4px solid #dfc59e; background:#dfc59e12; color:#f7ead4; text-align:left; }
.studio-art-notice strong { display:block; margin-bottom:8px; color:#dfc59e; font-size:12px; letter-spacing:.12em; }
.studio-art-notice p { margin:0; font-size:clamp(15px,1.3vw,18px); line-height:1.8; font-weight:600; overflow-wrap:anywhere; }
.series-copy .studio-art-notice { margin:16px 0; padding:14px 16px; }
@media(max-width:600px) {
 .studio-header { padding:12px 18px; min-height:66px; gap:10px; }
 .studio-wordmark { font-size:18px; }
 .studio-wordmark span { display:block; font-size:8px; margin:4px 0 0; }
 .studio-header nav { gap:16px; padding-right:42px; font-size:11px; }
 .studio-contact-link { display:none; }
 .studio-detail .studio-current { display:block; position:absolute; top:100%; left:0; right:0; padding:9px 18px; border-left:0; border-bottom:1px solid var(--studio-line); background:rgba(10,10,11,.96); color:var(--studio-gold); font-size:10px; }
 :is(.studio-home,.studio-detail) .site-language { top:14px; right:16px; }
 .studio-switch>div { position:fixed; top:99px; left:16px; right:16px; width:auto; }
 .studio-hero { padding-top:103px; }
 .studio-hero-top .studio-kicker { font-size:8px; }
 .studio-edition { display:none; }
 .studio-hero h1 { font-size:clamp(50px,13vw,78px); white-space:normal; line-height:1; margin:20px 0; }
 .studio-hero h1>span { display:block; }
 .studio-dot { font-size:12px; margin:4px 0 0 6px; }
 .studio-intro { align-items:start; flex-direction:column; gap:8px; padding-bottom:24px; }
 .studio-intro>p { margin:0 0 12px; font-size:14px; line-height:1.8; }
 .studio-button { padding:12px 16px; font-size:11px; }
 .studio-overview { grid-template-columns:1fr; gap:20px; }
 .studio-overview>p { flex-direction:row; align-items:center; gap:16px; }
 .studio-overview b { font-size:30px; }
 .studio-overview nav { grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; }
 .studio-overview a { font-size:10px; gap:7px; }
 .studio-section-label { align-items:center; gap:12px; }
 .studio-section-label h2 { font-size:12px; }
 .studio-section-label button { font-size:9px; flex-shrink:0; }
 .studio-frame { flex-basis:180px; }
 .studio-frame>div { height:235px; }
 .studio-frame:nth-child(even) { margin-top:20px; }
 .studio-frame>span { font-size:9px; gap:6px; }
 .studio-showcase { padding-bottom:34px; }
 .studio-catalog { padding-top:36px; }
 .studio-catalog-heading { display:block; margin-bottom:24px; }
 .studio-catalog-heading>p { margin-top:14px; }
 .studio-grid { grid-template-columns:1fr; gap:22px; }
 .series-art { height:245px; }
 .series-copy { padding:20px; }
 .series-copy h3 { font-size:23px; }
 .series-description { min-height:0; }
 .series-single--empty { display:none; }
 .series-pricing dl { margin-bottom:14px; }
 .series-pricing dd { font-size:30px; }
 .studio-contact { flex-direction:column; align-items:stretch; padding-top:45px; padding-bottom:40px; }
 .studio-contact-id { padding:24px; }
 .studio-footer { flex-wrap:wrap; font-size:9px; }
 .studio-footer>span { order:3; width:100%; }
 .studio-explore nav { grid-template-columns:1fr; }
 .studio-explore>div { display:block; }
 .studio-explore>div>a { display:inline-block; margin-top:12px; }
 .studio-detail { padding-top:20px; }
}
@media(prefers-reduced-motion:reduce) {
 .studio-home { scroll-behavior:auto; }
 .studio-home *, .studio-header *, .studio-explore * { transition:none!important; animation:none!important; }
}