:root {
  --coral: #a95ee8;
  --coral-dark: #7f35bb;
  --blue: #42c8ff;
  --ink: #0a0a0d;
  --cream: #eee8f6;
  --paper: #f5f1f7;
  --line: rgba(21, 15, 25, .18);
  --muted: #68616d;
}
body { background: var(--paper); }
.shell { width: min(1240px, calc(100% - 72px)); }
.noise { opacity: .075; mix-blend-mode: multiply; }
.nav { height: 96px; border-bottom: 1px solid #1c1720; }
.brand-logo { width: 66px; height: 66px; object-fit: contain; border-radius: 50%; background: #fff; }
.brand-word b { font-size: 22px; letter-spacing: .16em; font-weight: 700; }
.brand-word small { letter-spacing: .18em; color: #625a69; }
.nav-links a { color: #4f4854; font-size: 14px; }
.nav-links a:hover,.footer-links a:hover { color: var(--coral); }
.nav-cta { padding: 11px 16px; border: 1px solid #171219; font-family: var(--mono); }
.nav-cta span { color: var(--blue); }
.hero { min-height: 720px; grid-template-columns: .92fr 1.08fr; gap: 70px; }
.eyebrow,.section-kicker { font-size: 11px; letter-spacing: .17em; }
.eyebrow span { background: var(--blue); box-shadow: 0 0 12px var(--blue); }
.hero h1 { max-width: 620px; font-size: clamp(48px, 5.5vw, 78px); line-height: 1.13; letter-spacing: -.055em; }
.hero h1 em,.section h2 em,.people-section h2 em,.contact h2 em { color: var(--coral); }
.hero-lead { max-width: 550px; font-size: 18px; line-height: 1.9; color: #4c4650; }
.btn { border-radius: 0; letter-spacing: .04em; }
.btn-primary { background: var(--ink); color: #fff; border-left: 4px solid var(--blue); }
.btn-primary:hover { background: #24202a; }
.btn-primary span,.text-link span { color: var(--blue); }
.hero-proof { padding-top: 24px; border-top: 1px solid var(--line); }
.hero-art { height: 570px; border-radius: 0; background: var(--ink); box-shadow: 28px 30px 0 #ddd1ea; overflow: hidden; }
.hero-art:before { width: 520px; height: 520px; right: -170px; top: -160px; background: radial-gradient(circle, rgba(66,200,255,.52), transparent 66%); opacity: 1; }
.hero-art:after { content: "ZY ENTERTAINMENT ARCHIVE · 2026"; position: absolute; left: 22px; bottom: 18px; color: #807888; font: 9px var(--mono); letter-spacing: .18em; }
.orbit { border-color: rgba(169,94,232,.5); box-shadow: 0 0 22px rgba(169,94,232,.14); }
.card-main { width: 270px; height: 355px; left: 14%; top: 92px; background: #141219; border: 1px solid rgba(255,255,255,.19); box-shadow: 19px 22px 0 rgba(169,94,232,.48); }
.card-label,.card-foot { color: #a69fad; }
.avatar { background: linear-gradient(145deg, #19161e 12%, #7130a3 55%, #38bce9); border: 1px solid rgba(255,255,255,.4); }
.card-main h3 b { color: var(--blue); }
.card-athlete { right: 7%; top: 100px; background: var(--coral); }
.card-creator { right: 3%; bottom: 125px; background: #ebe5f3; }
.pin { color: var(--blue); text-shadow: 0 0 16px rgba(66,200,255,.8); }
.silhouette-group { right: 17%; bottom: 52px; opacity: .75; }
.person { background: linear-gradient(180deg, #56d4ff, #8e43cc 72%, #141219); }
.ticker { background: var(--coral); color: #100d13; border-top: 1px solid #130f15; border-bottom: 1px solid #130f15; }
.ticker i { color: #fff; }
.section { padding-top: 118px; }
.section h2 { font-size: clamp(38px, 4.5vw, 60px); line-height: 1.19; letter-spacing: -.05em; }
.intro-grid { grid-template-columns: .9fr 1.1fr; border-top: 2px solid #18131a; }
.large-copy { font-size: 24px; line-height: 1.7; color: #18131a; }
.intro-grid p:not(.large-copy),.network-panel p,.contact-copy p { font-size: 16px; line-height: 1.85; }
.section-head { border-bottom: 1px solid var(--line); padding-bottom: 30px; }
.service-grid { gap: 0; border: 1px solid #1a151c; }
.service-card { min-height: 350px; padding: 28px; border: 0; border-right: 1px solid #1a151c; background: transparent; }
.service-card:last-child { border-right: 0; }
.service-card:hover { transform: none; background: #e9e1f1; }
.service-card.accent { background: var(--ink); color: #fff; }
.service-card.accent p { color: #bdb5c1; }
.service-no { font-size: 10px; letter-spacing: .1em; }
.service-icon { color: var(--blue); font-size: 33px; }
.service-card h3 { font-size: 21px; }
.service-card p { font-size: 15px; line-height: 1.85; }
.service-card a { color: var(--blue); }
.ai-strip { margin-top: 118px; min-height: 410px; padding: 70px; display: flex; align-items: center; justify-content: space-between; gap: 50px; position: relative; overflow: hidden; border: 1px solid #2c2931; background: #080a0e; color: #fff; border-radius: 0; box-shadow: inset 0 0 70px rgba(66,200,255,.08); }
.ai-strip:before { content: ""; position: absolute; inset: 0; background: linear-gradient(rgba(66,200,255,.07) 1px, transparent 1px),linear-gradient(90deg, rgba(66,200,255,.07) 1px, transparent 1px); background-size: 42px 42px; mask-image: linear-gradient(to right, transparent, #000); }
.ai-strip:after { content: ""; position: absolute; width: 480px; height: 480px; right: -90px; top: -170px; border: 1px solid rgba(66,200,255,.65); border-radius: 50%; box-shadow: 0 0 0 35px rgba(66,200,255,.045),0 0 0 72px rgba(66,200,255,.03),0 0 90px rgba(66,200,255,.22); }
.blue-kicker { color: var(--blue); }
.ai-copy { position: relative; z-index: 1; max-width: 650px; }
.ai-copy h2 { font-size: clamp(40px, 4.8vw, 64px); line-height: 1.12; }
.ai-copy h2 em { color: var(--blue); text-shadow: 0 0 30px rgba(66,200,255,.25); }
.ai-copy p { max-width: 570px; color: #a7b6bf; font-size: 16px; line-height: 1.8; }
.ai-link { min-width: 315px; position: relative; z-index: 1; display: flex; align-items: center; gap: 16px; padding: 21px; border: 1px solid rgba(66,200,255,.7); background: rgba(20,44,57,.55); color: #fff; text-decoration: none; border-radius: 0; box-shadow: 0 0 30px rgba(66,200,255,.12); transition: .25s; }
.ai-link:hover { background: rgba(66,200,255,.19); box-shadow: 0 0 44px rgba(66,200,255,.24); transform: translateY(-3px); }
.ai-orb { display: grid; place-items: center; width: 48px; height: 48px; border: 1px solid var(--blue); border-radius: 50%; color: var(--blue); }
.ai-link span:nth-child(2) { display: grid; gap: 4px; }
.ai-link b { font-size: 15px; }
.ai-link small { color: var(--blue); font: 9px var(--mono); letter-spacing: .1em; }
.ai-link strong { margin-left: auto; color: var(--blue); font-size: 25px; }
.people-section { margin-top: 0; background: #100d13; padding: 120px 0; }
.people-section h2 { font-size: clamp(44px, 5.5vw, 72px); line-height: 1.12; }
.people-intro { max-width: 650px; color: #a8a1ab; font-size: 16px; line-height: 1.8; margin: -28px 0 45px; }
.people-list { display: grid; grid-template-columns: repeat(4, 1fr); gap: 0; border-top: 1px solid #443c49; border-left: 1px solid #443c49; }
.people-list span { min-height: 100px; display: flex; align-items: flex-end; padding: 18px; border: 0; border-right: 1px solid #443c49; border-bottom: 1px solid #443c49; font-size: 16px; }
.people-list span:first-child,.people-list span:hover { background: linear-gradient(135deg, #8d42c8, #583075); border-color: #443c49; }
.case-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 22px; align-items: start; }
.case-card { background: #ece7ef; border: 0; border-radius: 0; overflow: hidden; box-shadow: 0 13px 30px rgba(21,15,25,.09); }
.case-image { height: 430px; padding: 0; background: #0c0b0e; overflow: hidden; position: relative; }
.case-image:before { display: none !important; }
.case-image img { width: 100%; height: 100%; display: block; object-fit: cover; filter: saturate(.83) contrast(1.03); transition: .5s; }
.case-card:hover .case-image img { transform: scale(1.025); filter: saturate(1) contrast(1.03); }
.case-film .case-image img { object-position: 50% 38%; }
.case-drama .case-image img { object-position: 50% 28%; }
.case-peishi .case-image img { object-position: 50% 35%; }
.poster-tag { position: absolute; top: 16px; left: 16px; padding: 7px 10px; background: rgba(8,8,10,.82); color: #fff; font: 9px var(--mono); letter-spacing: .1em; backdrop-filter: blur(8px); }
.case-info { padding: 23px 24px 26px; }
.case-info>span { color: var(--coral); font-size: 9px; }
.case-info h3 { margin: 9px 0 8px; font-size: 22px; }
.case-info p { margin: 0; font-size: 14px; line-height: 1.75; }
.case-peishi .case-info p { margin-bottom: 17px; }
.case-stats { display: grid; grid-template-columns: repeat(4, 1fr); gap: 8px; padding-top: 15px; border-top: 1px solid var(--line); }
.case-stats b { color: var(--coral); font: 500 15px var(--mono); }
.case-stats small { color: var(--muted); font-size: 9px; line-height: 1.4; }
.network-panel { padding: 76px; border: 1px solid #18131a; border-radius: 0; background: linear-gradient(125deg, #e9e0f0 0%, #e5d7ef 60%, #cceefa 100%); }
.network-map { background: radial-gradient(circle at 50% 50%, rgba(66,200,255,.26), transparent 38%); }
.map-line { background: var(--blue); }
.map-node { border-color: #151117; }
.n2 { background: var(--ink); border-color: var(--ink); color: var(--blue); }
.contact { padding-top: 120px; }
.contact-card { background: var(--ink); color: #fff; border-radius: 0; border-top: 5px solid var(--blue); }
.contact-card .arrow { color: var(--blue); }
.footer-meta a { color: var(--muted); text-decoration: none; }
@media (max-width: 1000px) {
  .shell { width: min(100% - 42px, 1240px); }
  .hero { grid-template-columns: 1fr; padding: 80px 0; }
  .service-grid { grid-template-columns: repeat(2, 1fr); }
  .service-card:nth-child(2) { border-right: 0; }
  .service-card:nth-child(-n+2) { border-bottom: 1px solid #1a151c; }
  .ai-strip { display: grid; padding: 50px 42px; }
  .ai-link { width: 100%; min-width: 0; }
  .case-grid { overflow-x: auto; padding-bottom: 16px; }
  .case-card { min-width: 300px; }
  .people-list { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 600px) {
  .shell { width: min(100% - 32px, 1240px); }
  .brand-logo { width: 40px; height: 40px; }
  .hero h1 { font-size: 47px; }
  .hero-art { height: 430px; box-shadow: 13px 14px 0 #ddd1ea; }
  .intro-grid { grid-template-columns: 1fr; }
  .service-grid { grid-template-columns: 1fr; }
  .service-card { border-right: 0; border-bottom: 1px solid #1a151c; }
  .ai-strip { margin-top: 90px; padding: 42px 25px; }
  .ai-copy h2 { font-size: 39px; }
  .people-section { padding: 90px 0; }
  .people-list { grid-template-columns: 1fr 1fr; }
  .people-list span { min-height: 80px; font-size: 14px; }
  .case-grid { grid-template-columns: 1fr; overflow: visible; }
  .case-card { min-width: 0; }
  .case-image { height: 460px; }
  .network-panel { padding: 40px 25px; }
}

/* Final content and utility refinements */
.service-card.accent { background: linear-gradient(145deg, #e7dcf2, #d6edf4); color: var(--ink); }
.service-card.accent p { color: #68616d; }
.service-card.accent a { color: #4f8ea7; }
.btn-dark { background: linear-gradient(135deg, var(--coral), #68bfdd); color: #fff; }
.people-list { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; border: 0; }
.people-list figure { margin: 0; background: rgba(255,255,255,.66); border-radius: 24px; overflow: hidden; box-shadow: 0 12px 28px rgba(76,48,91,.08); }
.persona-art { height: 190px; position: relative; overflow: hidden; background: linear-gradient(135deg, #d8c4e6, #b4e2ed); }
.persona-art:before { content: ""; position: absolute; width: 190px; height: 190px; border: 1px solid rgba(255,255,255,.8); border-radius: 50%; top: -57px; right: -24px; box-shadow: 0 0 0 17px rgba(255,255,255,.16), 0 0 0 34px rgba(255,255,255,.1); }
.persona-art:after { content: ""; position: absolute; width: 150px; height: 24px; border-radius: 999px; background: linear-gradient(90deg, var(--coral), var(--blue)); transform: rotate(-42deg); left: -22px; bottom: 24px; box-shadow: 0 12px 24px rgba(105,85,140,.22); }
.persona-art i { position: absolute; z-index: 1; width: 60px; height: 102px; border-radius: 46% 46% 26% 26%; left: 50%; bottom: 0; transform: translateX(-50%); background: linear-gradient(180deg, #372743, #9b5de5 60%, #55cbe8); box-shadow: 0 0 0 8px rgba(255,255,255,.18); }
.persona-art i:before { content: ""; position: absolute; width: 42px; height: 42px; border-radius: 50%; left: 9px; top: -28px; background: #3b2948; }
.persona-hollywood { background: linear-gradient(135deg, #d9d2ee, #eaf5f5); }.persona-hollywood i { background: linear-gradient(180deg,#252036,#9b5de5,#66d5ec); }
.persona-athlete { background: linear-gradient(135deg, #c9d8f1, #c6eff1); }.persona-athlete i { width: 72px; height: 125px; background: linear-gradient(180deg,#1a2b47,#3c87b2,#b05de1); }
.persona-finance { background: linear-gradient(135deg, #e7d6f0, #d3e7f5); }.persona-finance i { width: 56px; height: 112px; background: linear-gradient(180deg,#30233f,#684791,#55b9d4); }
.persona-chinese { background: linear-gradient(135deg, #d8e7ee, #e8d8f0); }.persona-chinese i { background: linear-gradient(180deg,#20232d,#594478,#54cbe6); }
.persona-creator { background: linear-gradient(135deg, #d7daf1, #d6eff3); }.persona-creator i { width: 64px; height: 96px; background: linear-gradient(180deg,#202534,#7d52bd,#52c5df); }
.people-list figcaption { padding: 14px 17px 17px; font-size: 14px; color: #332c37; }
.case-card { border-radius: 24px; }
.case-image { border-radius: 24px 24px 12px 12px; }
.case-info h3 { font-size: 21px; }
.contact-form { display: grid; gap: 16px; padding: 30px; background: rgba(255,255,255,.72); border-radius: 28px; box-shadow: 0 14px 30px rgba(77,49,91,.08); }
.contact-form label { display: grid; gap: 7px; color: #514a58; font-size: 12px; }
.contact-form input,.contact-form select,.contact-form textarea { width: 100%; border: 0; border-bottom: 1px solid rgba(72,49,82,.24); background: transparent; padding: 10px 0; color: var(--ink); font: 14px var(--sans); outline: 0; resize: vertical; }
.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus { border-color: var(--coral); }
.form-submit { justify-self: start; border: 0; padding: 13px 20px; background: linear-gradient(135deg,var(--coral),#61c5e2); color: #fff; font: 600 13px var(--sans); cursor: pointer; }
.form-submit span { margin-left: 10px; }
.footer { flex-wrap: wrap; gap: 22px; }
.footer-social { display: flex; align-items: center; gap: 12px; margin-left: auto; }
.footer-social a { display: grid; place-items: center; width: 31px; height: 31px; border-radius: 50%; background: #e8deef; }
.footer-social img { width: 15px; height: 15px; }
.video-channel { color: #6b55a4; font-size: 12px; }
.email-float { position: fixed; z-index: 20; right: 22px; bottom: 22px; display: flex; align-items: center; gap: 8px; padding: 12px 16px; border-radius: 999px; background: var(--ink); color: #fff; text-decoration: none; box-shadow: 0 10px 28px rgba(16,10,21,.22); font-size: 12px; }
.email-float span { color: var(--blue); font-size: 16px; }.email-float b { font-weight: 500; }
@media (max-width: 900px) { .people-list { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 600px) { .people-list { grid-template-columns: 1fr 1fr; gap: 10px; }.persona-art { height: 150px; }.contact-form { padding: 24px 20px; }.footer-social { margin-left: 0; }.email-float { right: 14px; bottom: 14px; } }

/* Logo-led visual system: orbit, folded ribbon and cyan play triangle */
.nav { border-bottom: 0; }
.nav-tools { display:flex; align-items:center; gap:16px; }
.lang-switch { display:flex; align-items:center; gap:4px; padding:4px; border-radius:999px; background:rgba(255,255,255,.72); box-shadow:0 5px 14px rgba(83,55,103,.08); }
.lang-switch button { border:0; background:transparent; color:#71677a; cursor:pointer; font:10px var(--mono); padding:6px 8px; border-radius:999px; }
.lang-switch button.active { background:linear-gradient(135deg,var(--coral),var(--blue)); color:#fff; }
.nav-cta { border: 0; border-radius: 999px; background: #ede4f5; padding: 11px 18px; }
.hero-art { background: radial-gradient(circle at 78% 38%,rgba(66,200,255,.28),transparent 22%),radial-gradient(circle at 56% 72%,rgba(169,94,232,.22),transparent 26%),linear-gradient(125deg,#e9e0f0 0%,#e5d7ef 60%,#cceefa 100%); border-radius: 32px; box-shadow: 18px 22px 42px rgba(102,67,124,.13); }
.hero-art:before { display:block; content:""; position:absolute; width:380px; height:380px; right:-80px; top:-80px; border:1px solid rgba(255,255,255,.75); border-radius:50%; box-shadow:0 0 0 22px rgba(255,255,255,.16),0 0 0 46px rgba(169,94,232,.12),0 0 55px rgba(66,200,255,.18); }
.hero-art:after { content:""; display:block; position:absolute; width:210px; height:210px; left:18%; bottom:8%; border:1px solid rgba(169,94,232,.28); border-radius:50%; box-shadow:0 0 0 18px rgba(255,255,255,.2); }
.hero-art > * { visibility:hidden; }
.hero-art { background: #f7f9ff; display:flex; align-items:center; justify-content:center; }
.hero-main-image { visibility:visible !important; width:100%; height:100%; object-fit:contain; object-position:center; display:block; background:#fff; }
.orbit { border-color: rgba(142,67,204,.35); box-shadow: 0 0 24px rgba(66,200,255,.12); }
.card-main { background: rgba(255,255,255,.74); color: var(--ink); border: 0; border-radius: 30px 30px 70px 30px; box-shadow: 18px 20px 38px rgba(111,71,137,.15); backdrop-filter: blur(12px); }
.card-label,.card-foot { color: #766d7d; }
.card-main h3 b { color: var(--coral); }
.avatar { position: relative; border: 0; box-shadow: 0 0 0 10px rgba(169,94,232,.08),0 0 0 20px rgba(66,200,255,.06); }
.avatar:after { content: ""; width: 0; height: 0; border-top: 13px solid transparent; border-bottom: 13px solid transparent; border-left: 21px solid #74d2e9; filter: drop-shadow(0 4px 7px rgba(66,200,255,.3)); }
.card-athlete { background: linear-gradient(135deg, #9b4ed6, #be7dea); border-radius: 24px 24px 24px 7px; box-shadow: 0 14px 30px rgba(138,66,187,.2); }
.card-creator { background: rgba(255,255,255,.88); border-radius: 24px 7px 24px 24px; box-shadow: 0 14px 30px rgba(72,151,180,.14); }
.silhouette-group { opacity: .52; }
.person { border-radius: 999px 999px 40px 40px; }
.hero-proof { border-top: 0; }
.hero-proof div { border-left: 0; position: relative; padding-left: 20px; }
.hero-proof div:before { content: ""; position: absolute; left: 0; top: 8px; width: 9px; height: 9px; border-radius: 50%; background: linear-gradient(135deg,var(--coral),var(--blue)); }
.intro-grid,.section-head { border: 0; }
.intro-grid { position: relative; padding-top: 42px; }
.intro-grid:before { content: ""; position: absolute; left: 0; top: 0; width: 88px; height: 7px; border-radius: 999px; background: linear-gradient(90deg,var(--coral),var(--blue)); }
.service-grid { gap: 16px; border: 0; }
.service-card { border: 0 !important; border-radius: 28px; background: #ece4f3; box-shadow: 0 10px 26px rgba(80,54,96,.06); }
.service-card:nth-child(even) { background: #e3f2f7; }
.service-card:hover { background: #e3d6ee; transform: translateY(-5px); }
.service-card.accent { background: linear-gradient(145deg,#a55cda,#7950b9 70%,#5cbcd7); color: #fff; }
.service-card.accent p { color: rgba(255,255,255,.84); }
.service-card a { color: #4f8ea7; }
.service-card.accent a { color: #fff; }
.people-section { margin-top: 0; background: linear-gradient(150deg,#eee5f4 0%,#f6f1f7 50%,#e1f3f8 100%); color: var(--ink); }
.people-section h2 em { color: var(--coral); }
.people-section .light { color: #726779; }
.people-intro { color: #625a67; }
.people-list { display: flex; flex-wrap: wrap; gap: 12px; border: 0; }
.people-list span { min-height: auto; padding: 14px 21px; border: 0; border-radius: 999px; background: rgba(255,255,255,.72); color: #332c37; box-shadow: 0 7px 20px rgba(89,63,103,.06); }
.people-list span:first-child,.people-list span:hover { background: linear-gradient(120deg,#9d55d5,#77cce5); color: #fff; }
.case-card { border-radius: 26px; box-shadow: 0 15px 34px rgba(72,47,85,.1); background: #f0eaf3; }
.case-image { border-radius: 26px 26px 12px 12px; }
.poster-tag { border-radius: 999px; background: rgba(31,20,35,.65); }
.case-stats { display: none; }
.network-panel { border: 0; border-radius: 32px; box-shadow: 0 16px 38px rgba(89,61,106,.08); }
.map-node { border: 0; border-radius: 999px; box-shadow: 0 6px 16px rgba(62,45,71,.1); }
.n2 { background: linear-gradient(120deg,var(--coral),var(--blue)); color: #fff; }
.contact-card { background: linear-gradient(135deg,#9d56d5 0%,#7a55be 58%,#57bcd9 100%); border: 0; border-radius: 28px; box-shadow: 0 16px 38px rgba(111,67,139,.18); }
.contact-card .arrow { color: #fff; }
.footer { border-top: 0; }

/* ZY AI Canvas stays the only full-black product surface */
.ai-strip { border: 0; border-radius: 32px; }
.ai-link { border-radius: 20px; }

/* Keep the final visual decisions last in the cascade */
.people-section { background: linear-gradient(150deg,#eee5f4 0%,#f6f1f7 50%,#e1f3f8 100%); color: var(--ink); }
.people-list { display: grid; grid-template-columns: repeat(3,1fr); gap: 16px; border: 0; }
.people-list figure { margin: 0; background: rgba(255,255,255,.66); border-radius: 24px; overflow: hidden; box-shadow: 0 12px 28px rgba(76,48,91,.08); }
.persona-art { height: 190px; position: relative; overflow: hidden; background: linear-gradient(135deg,#d8c4e6,#b4e2ed); }
.persona-art:before { content:""; position:absolute; width:190px; height:190px; border:1px solid rgba(255,255,255,.8); border-radius:50%; top:-57px; right:-24px; box-shadow:0 0 0 17px rgba(255,255,255,.16),0 0 0 34px rgba(255,255,255,.1); }
.persona-art:after { content:""; position:absolute; width:150px; height:24px; border-radius:999px; background:linear-gradient(90deg,var(--coral),var(--blue)); transform:rotate(-42deg); left:-22px; bottom:24px; box-shadow:0 12px 24px rgba(105,85,140,.22); }
.persona-art i { position:absolute; z-index:1; width:60px; height:102px; border-radius:46% 46% 26% 26%; left:50%; bottom:0; transform:translateX(-50%); background:linear-gradient(180deg,#372743,#9b5de5 60%,#55cbe8); box-shadow:0 0 0 8px rgba(255,255,255,.18); }
.persona-art i:before { content:""; position:absolute; width:42px; height:42px; border-radius:50%; left:9px; top:-28px; background:#3b2948; }
.persona-hollywood { background:linear-gradient(135deg,#d9d2ee,#eaf5f5); }.persona-hollywood i{background:linear-gradient(180deg,#252036,#9b5de5,#66d5ec)}
.persona-athlete { background:linear-gradient(135deg,#c9d8f1,#c6eff1); }.persona-athlete i{width:72px;height:125px;background:linear-gradient(180deg,#1a2b47,#3c87b2,#b05de1)}
.persona-finance { background:linear-gradient(135deg,#e7d6f0,#d3e7f5); }.persona-finance i{background:linear-gradient(180deg,#30233f,#684791,#55b9d4)}
.persona-chinese { background:linear-gradient(135deg,#d8e7ee,#e8d8f0); }.persona-chinese i{background:linear-gradient(180deg,#20232d,#594478,#54cbe6)}
.persona-creator { background:linear-gradient(135deg,#d7daf1,#d6eff3); }.persona-creator i{width:64px;height:96px;background:linear-gradient(180deg,#202534,#7d52bd,#52c5df)}
.people-list figcaption { padding:14px 17px 17px; font-size:14px; color:#332c37; }
.persona-art img { width:100%; height:100%; display:block; object-fit:cover; object-position:center; }
.contact-form { display:grid; gap:16px; padding:30px; background:rgba(255,255,255,.72); border-radius:28px; box-shadow:0 14px 30px rgba(77,49,91,.08); }
.contact-form label { display:grid; gap:7px; color:#514a58; font-size:12px; }
.contact-form input,.contact-form select,.contact-form textarea { width:100%; border:0; border-bottom:1px solid rgba(72,49,82,.24); background:transparent; padding:10px 0; color:var(--ink); font:14px var(--sans); outline:0; resize:vertical; }
.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus { border-color:var(--coral); }
.form-submit { justify-self:start; border:0; padding:13px 20px; background:linear-gradient(135deg,var(--coral),#61c5e2); color:#fff; font:600 13px var(--sans); cursor:pointer; }.form-submit span{margin-left:10px}
.footer { flex-wrap:wrap; gap:22px; border-top:0; }.footer-social{display:flex;align-items:center;gap:12px;margin-left:auto}.footer-social a{display:grid;place-items:center;width:31px;height:31px;border-radius:50%;background:#e8deef}.footer-social img{width:15px;height:15px}.video-channel{color:#6b55a4;font-size:12px}
.email-float{position:fixed;z-index:20;right:22px;bottom:22px;display:flex;align-items:center;gap:8px;padding:12px 16px;border-radius:999px;background:var(--ink);color:#fff;text-decoration:none;box-shadow:0 10px 28px rgba(16,10,21,.22);font-size:12px}.email-float span{color:var(--blue);font-size:16px}.email-float b{font-weight:500}
@media (max-width:900px){.people-list{grid-template-columns:repeat(2,1fr)}}
@media (max-width:600px){.people-list{grid-template-columns:1fr 1fr;gap:10px}.persona-art{height:150px}.contact-form{padding:24px 20px}.footer-social{margin-left:0}.email-float{right:14px;bottom:14px}}

/* Final brand typography, studio palette and full poster presentation */
.brand-word { width: 128px; }
.brand-word b,.brand-word small { display:block; width:100%; white-space:nowrap; text-align:justify; text-align-last:justify; }
.brand-word b { font-size:18px; letter-spacing:.16em; }
.brand-word small { font-size:12px; letter-spacing:.08em; }
.brand-word small:empty { display:none; }
.brand-word.english small { display:none; }
.service-card.studio-purple { background: linear-gradient(145deg,#eee4f6 0%,#dfd0ee 58%,#cfc5eb 100%); color:var(--ink); }
.service-card.studio-purple:nth-child(even) { background: linear-gradient(145deg,#e9def3 0%,#dcd0ed 58%,#c9c3e7 100%); }
.service-card.studio-purple p { color:#68616d; }
.service-card.studio-purple a { color:#6a4da0; }
.service-card.studio-purple:hover { background:linear-gradient(145deg,#e5d6f0,#d2c2e7); }
.business-image { width:100%; height:150px; display:block; object-fit:cover; object-position:center; border-radius:20px; margin-bottom:22px; }
.network-image { display:flex; align-items:center; justify-content:center; overflow:hidden; background:transparent !important; }
.network-image img { width:100%; height:100%; object-fit:contain; object-position:center; display:block; border-radius:24px; }
.service-icon { width:58px; height:58px; display:grid; place-items:center; border-radius:50%; background:rgba(255,255,255,.58); color:#7043a3; font-size:28px; box-shadow:inset 0 0 0 1px rgba(112,67,163,.12); }
.service-card:nth-child(2) .service-icon { background:#8a4fc8; color:#fff; box-shadow:0 8px 18px rgba(112,67,163,.2); }
.icon-spark { font-size:25px; }.icon-network { font-size:33px; }.icon-distribution { font-size:34px; transform:rotate(-25deg); }
.case-image { height:560px; background:#20182a; display:flex; align-items:center; justify-content:center; }
.case-image img { height:100%; width:100%; object-fit:contain; object-position:center; filter:saturate(.9) contrast(1.02); }
.case-film .case-image img,.case-drama .case-image img,.case-peishi .case-image img { object-position:center; }
.case-info h3 { font-size:22px; }
.footer-social a { width:38px; height:38px; }
.footer-social img { width:19px; height:19px; }
@media (max-width:600px){.brand{gap:7px}.brand-word{width:96px}.brand-word b{font-size:14px;letter-spacing:.11em}.brand-word small{font-size:9px}.nav-tools{gap:6px}.lang-switch{padding:3px}.lang-switch button{padding:5px 4px;font-size:9px}.nav-cta{padding:9px 8px;font-size:9px;white-space:nowrap}.case-image{height:620px}}
.email-float { background: linear-gradient(135deg,#a95ee8,#61c5e2); box-shadow:0 10px 28px rgba(112,67,163,.25); }
.email-float span { color:#fff; }

/* WeChat QR overlay */
.qr-modal { position:fixed; inset:0; z-index:50; display:grid; place-items:center; padding:24px; visibility:hidden; opacity:0; transition:opacity .2s ease, visibility .2s ease; }
.qr-modal:target { visibility:visible; opacity:1; }
.qr-backdrop { position:absolute; inset:0; background:rgba(18,12,24,.62); backdrop-filter:blur(6px); }
.qr-dialog { position:relative; z-index:1; width:min(340px,100%); padding:30px 28px 24px; border-radius:24px; background:#fff; color:var(--ink); text-align:center; box-shadow:0 24px 70px rgba(16,10,21,.3); }
.qr-dialog h2 { margin:0 0 18px; font-size:20px; letter-spacing:-.02em; }
.qr-dialog img { width:min(250px,100%); aspect-ratio:1; display:block; margin:0 auto 16px; border-radius:10px; image-rendering:auto; }
.qr-dialog p { margin:0; color:var(--muted); font-size:12px; }
.qr-close { position:absolute; top:8px; right:13px; border:0; background:transparent; color:#71677a; font-size:28px; line-height:1; cursor:pointer; }
.qr-close:hover { color:var(--coral); }
@media (max-width:600px) { .qr-dialog { padding:26px 20px 22px; } .qr-dialog img { width:min(230px,100%); } }