.site-page { margin:0; padding:0; width:100%; }
.native-canvas { position:absolute; left:0; top:0; transform-origin:0 0; }
.native-scene { position:relative; display:block; width:100%; margin:0; padding:0; border:0; container-type:inline-size; isolation:isolate; }
.native-scene-art { position:absolute; inset:0; overflow:hidden; pointer-events:none; }
.graphic-fragment { display:block; position:absolute; overflow:hidden; pointer-events:none; contain:paint; }
.graphic-fragment > img { position:absolute; display:block; max-width:none; margin:0; padding:0; border:0; }
.native-scene-actions { margin:0; padding:0; }
.native-action { position:absolute; display:block; z-index:2; margin:0; padding:0; border:0; background:transparent; color:inherit; cursor:pointer; -webkit-tap-highlight-color:transparent; touch-action:manipulation; }
.native-control-visual { display:block; position:absolute; left:0; top:0; width:100%; height:100%; pointer-events:none; }
.native-action:focus-visible { outline:3px solid Highlight; outline-offset:-3px; z-index:5; }
.native-action .control-art { display:block; width:100%; height:100%; margin:0; border:0; }
.native-copy-panel { position:absolute; z-index:3; margin:0; padding:0; border:0; }
.native-copy-field { position:absolute; display:block; margin:0; padding:0; border:0; font-family:"PingFang SC","Microsoft YaHei",sans-serif; font-style:normal; white-space:nowrap; word-break:keep-all; }
.native-art-card { position:absolute; z-index:1; margin:0; padding:0; border:0; }
.reading-content video { display:block; width:100%; max-height:60dvh; background:#000; }
.reading-content p { white-space:pre-wrap; overflow-wrap:anywhere; }
@media(prefers-reduced-motion:no-preference)and(hover:hover) {
  [data-motion="allowed"] .native-action { transition:filter 160ms ease; }
  [data-motion="allowed"] .native-action.is-hovered { filter:brightness(1.08); }
  [data-motion="allowed"] .native-art-card { transition:filter 180ms ease; }
  [data-motion="allowed"] .native-art-card.is-hovered { filter:brightness(1.035); }
  [data-motion="allowed"][data-scroll-direction] .native-action[data-in-viewport="true"]:not(.is-hovered),
  [data-motion="allowed"][data-scroll-direction] .native-art-card[data-in-viewport="true"]:not(.is-hovered) { animation:native-scroll-light 420ms ease-out; }
  @keyframes native-scroll-light { from { filter:brightness(1.045); } to { filter:brightness(1); } }
}

.unified-brand-layer { position:absolute; inset:0; z-index:4; pointer-events:none; }
.unified-brand-backdrop { position:absolute; display:block; pointer-events:none; }
.unified-brand-link { position:absolute; display:block; pointer-events:auto; }
.unified-brand-link img { display:block; width:100%; height:100%; object-fit:contain; }
.unified-brand-link:focus-visible { outline:3px solid Highlight; outline-offset:3px; }
/* User approved readable text and longer mobile sections; exact source crops retained. */
.readable-mobile-scene { background:#fff6e8; color:#29231f; font-family:"PingFang SC","Microsoft YaHei",sans-serif; }
.readable-mobile-scene > * { position:absolute; display:block; margin:0; padding:0; }
.readable-mobile-scene > img { object-fit:fill; }
.readable-mobile-scene > p,.readable-mobile-scene > time { font-size:36px; line-height:1.5; overflow-wrap:anywhere; }
.readable-mobile-scene > h3 { font-size:42px; line-height:1.4; font-weight:650; }
.readable-mobile-scene > time { color:#686868; }
.readable-mobile-scene > button,.readable-mobile-scene > a { display:flex; align-items:center; justify-content:center; text-decoration:none; border:0; border-radius:50px; background:#d90018; color:#fff; font:36px/1.3 "PingFang SC",sans-serif; cursor:pointer; }
.readable-mobile-scene > button:focus-visible,.readable-mobile-scene > a:focus-visible { outline:6px solid Highlight; outline-offset:4px; }
.desktop-language-switch { position:absolute; z-index:4; pointer-events:none; }
.desktop-language-face { position:absolute; inset:0; display:flex; align-items:center; justify-content:center; gap:.65em; overflow:visible; border:0; border-radius:0; background:transparent; color:#edc982; pointer-events:none; }
.desktop-language-face button { position:relative; flex:none; padding:0 .15em; min-height:2.5em; margin:0; border:0; background:transparent; color:inherit; font:inherit; font-weight:400; text-shadow:0 1px 3px #21150c; cursor:pointer; pointer-events:auto; }
.desktop-language-face button+button::before { content:none; }
.desktop-language-face button:focus-visible { outline:3px solid #fff; outline-offset:-5px; }
.desktop-language-face button[aria-pressed=true] { font-weight:400; }
/* Desktop interaction feedback; mobile artwork and geometry are unaffected. */
.site-page[data-device=desktop] [data-desktop-nav] { border-radius:10px; }
.site-page[data-device=desktop] [data-desktop-nav] .native-control-visual { filter:grayscale(.75); }
.site-page[data-device=desktop] [data-desktop-nav].desktop-navigation-active { background:rgb(239 188 99 / .16); box-shadow:inset 0 -4px 0 #edc982,0 0 16px rgb(237 201 130 / .2); }
.site-page[data-device=desktop] [data-desktop-nav].desktop-navigation-active .native-control-visual { filter:sepia(1) saturate(1.6) brightness(1.2); }
.site-page[data-device=desktop] .desktop-click-feedback { position:absolute; inset:0; z-index:9; border-radius:inherit; pointer-events:none; background:radial-gradient(circle at var(--press-x) var(--press-y),rgb(255 232 175 / .8),rgb(237 201 130 / .25) 30%,transparent 72%); box-shadow:inset 0 0 0 3px rgb(255 226 161 / .8); animation:desktop-click-glow 600ms ease-out both; }
.site-page[data-device=desktop] .desktop-feedback-reduced { animation:none; background:rgb(255 232 175 / .15); }
@media (hover:hover) {
 .site-page[data-device=desktop] [data-interactive]:not([aria-hidden=true]):hover { filter:brightness(1.12); }
 .site-page[data-device=desktop] [data-desktop-nav]:hover { background:rgb(239 188 99 / .14); box-shadow:inset 0 -3px 0 #edc982; }
 .site-page[data-device=desktop] [data-desktop-nav]:hover .native-control-visual { filter:sepia(1) saturate(1.5) brightness(1.2); }
}
@media (prefers-reduced-motion:no-preference) {
 .site-page[data-device=desktop] [data-interactive] { transition:filter 180ms ease,box-shadow 180ms ease,background-color 180ms ease; }
 .site-page[data-device=desktop] [data-desktop-nav].desktop-navigation-active { animation:desktop-nav-arrive 430ms ease-out both; }
 .site-page[data-device=desktop] .native-art-card:hover { box-shadow:0 0 24px rgb(237 201 130 / .25); }
 @keyframes desktop-nav-arrive { from { background-color:rgb(255 225 160 / .4);box-shadow:inset 0 -4px 0 #fff0c6,0 0 28px rgb(237 201 130 / .5); } to { background-color:rgb(239 188 99 / .16);box-shadow:inset 0 -4px 0 #edc982,0 0 16px rgb(237 201 130 / .2); } }
 @keyframes desktop-click-glow { from { opacity:.9; clip-path:circle(0% at var(--press-x) var(--press-y)); } 55% { opacity:.65; } to { opacity:0;clip-path:circle(145% at var(--press-x) var(--press-y)); } }
}
.desktop-nav-copy { position:absolute; left:0; top:0; display:flex; align-items:center; justify-content:center; transform-origin:0 0; white-space:nowrap; font-family:"PingFang SC","Microsoft YaHei",sans-serif; font-weight:500; color:#fff4df; text-shadow:0 1px 3px #1d130b; }
.desktop-navigation-active .desktop-nav-copy { color:#edc982; }
@media(hover:hover) { [data-desktop-nav]:hover .desktop-nav-copy { color:#ffe0a4; } }
.site-page[data-device=desktop] .desktop-language-face { inset:12% 8% !important; gap:.2em; border-radius:5px; background:rgb(33 24 14 / .22); box-shadow:inset 0 0 0 1px rgb(237 201 130 / .16); }
.desktop-language-separator { display:block; color:#edc982; opacity:.8; font:inherit; pointer-events:none; }
.site-page[data-device=desktop] .desktop-language-face button+button::before { content:none; }
.site-page[data-device=desktop] .desktop-map-lights { position:absolute; z-index:4; pointer-events:none; mix-blend-mode:screen; overflow:hidden; }
.desktop-map-lights img { position:absolute; inset:0; display:block; width:100%; height:100%; opacity:.16; }
@media(prefers-reduced-motion:no-preference){
 .desktop-map-lights .map-gold-breath { animation:map-breathe 3.6s ease-in-out infinite; filter:drop-shadow(0 0 5px #ffc670); }
 .desktop-map-lights .map-gold-travel { animation:map-travel 5.5s linear infinite; mask-image:linear-gradient(105deg,transparent 38%,#000 49%,transparent 60%); mask-size:280% 100%; opacity:.6; }
 .desktop-map-lights[data-map-awake=false] img { animation-play-state:paused; }
 @keyframes map-breathe { 0%,100%{opacity:.08;} 50%{opacity:.5;} }
 @keyframes map-travel { from{mask-position:140% 0;} to{mask-position:-40% 0;} }
 .desktop-clear-hero { animation:clear-hero-enter 700ms ease-out both; }
 @keyframes clear-hero-enter { from{opacity:.9;} to{opacity:1;} }
}
@media(prefers-reduced-motion:reduce){.desktop-map-lights img{animation:none!important;opacity:.1;}.desktop-clear-hero{animation:none!important;}}

/* Desktop video and original six project artworks: independent, modest feedback. */
.site-page[data-device=desktop] .desktop-project-card { position:absolute;z-index:2;padding:0;margin:0;border:0;background:transparent;cursor:pointer;clip-path:ellipse(49% 49% at 50% 50%);border-radius:50%;touch-action:manipulation; }
.desktop-project-art { display:block;width:100%;height:100%;pointer-events:none; }
.site-page[data-device=desktop] .desktop-project-card:focus-visible { outline:5px solid #edc982;outline-offset:-10px; }
.site-page[data-device=desktop] .desktop-project-card.desktop-item-selected { filter:brightness(1.08) drop-shadow(0 0 9px #e8b86f); }
.site-page[data-device=desktop] [data-action-type=video].desktop-item-selected { z-index:5;box-shadow:0 0 0 2px #edc982,0 8px 24px rgb(80 45 10 / .3); }
@media(prefers-reduced-motion:no-preference){
 .site-page[data-device=desktop] [data-action-type=video] .native-control-visual { transition:transform 220ms ease,filter 220ms ease;transform-origin:center; }
 .site-page[data-device=desktop] [data-action-type=video].desktop-item-selected .native-control-visual,
 .site-page[data-device=desktop] [data-action-type=video]:focus-visible .native-control-visual { transform:translateY(-3px) scale(1.018);filter:brightness(1.06); }
 .site-page[data-device=desktop] .desktop-project-card { transition:transform 240ms ease,filter 240ms ease; }
 .site-page[data-device=desktop] .desktop-project-card.desktop-item-selected,
 .site-page[data-device=desktop] .desktop-project-card:focus-visible { transform:translateY(-3px) scale(1.028);z-index:4; }
}
@media(hover:hover)and(prefers-reduced-motion:no-preference){
 .site-page[data-device=desktop] [data-action-type=video]:hover { z-index:5; }
 .site-page[data-device=desktop] [data-action-type=video]:hover .native-control-visual { transform:translateY(-3px) scale(1.018);filter:brightness(1.06); }
 .site-page[data-device=desktop] .desktop-project-card:hover { transform:translateY(-3px) scale(1.028);z-index:4; }
}
@media(prefers-reduced-motion:reduce){
 .site-page[data-device=desktop] .desktop-project-card,
 .site-page[data-device=desktop] [data-action-type=video] .native-control-visual { transition:none!important;transform:none!important; }
}
/* Homepage case rows: center real copy on the original label/icon row. */
.site-page[data-device=desktop] [data-section-id=home-06] [data-copy-id^="home-case-"] .native-copy-field {
 top:50% !important; transform:translateY(-50%);
}

.site-page[data-device=desktop] .desktop-knowledge-category { position:absolute;z-index:3;padding:0;border:0;background:transparent;border-radius:30px;cursor:pointer; }
.desktop-knowledge-category img { display:block;width:100%;height:100%;border-radius:inherit;pointer-events:none; }
.site-page[data-device=desktop] .desktop-knowledge-category[aria-pressed=true] { box-shadow:inset 0 -3px 0 #b28a43,0 0 0 2px #d9b779; }
.desktop-knowledge-category:focus-visible { outline:4px solid #ad0731;outline-offset:3px; }
.site-page[data-device=desktop] .native-action.knowledge-match { z-index:6;box-shadow:0 0 0 5px #d9b779,0 10px 28px rgb(110 62 14 / .3); }
.site-page[data-device=desktop] [data-section-id=home-06] [role=button] { cursor:pointer; }
.site-page[data-device=desktop] [data-section-id=home-06] [role=button]:focus-visible { outline:5px solid #b28a43;outline-offset:-5px; }
@media(prefers-reduced-motion:no-preference){ .site-page[data-device=desktop] .knowledge-match .native-control-visual { animation:knowledge-target-pop 900ms ease-out; } @keyframes knowledge-target-pop { 0%{transform:translateY(0) scale(1);} 35%{transform:translateY(-7px) scale(1.02);}100%{transform:translateY(0) scale(1);} } }
dialog:has(.desktop-reading-content) { width:min(800px,90vw);max-width:800px;box-sizing:border-box;background:#fffaf0;color:#29231f;border:1px solid #d8b97d; }
.desktop-reading-content { font:17px/1.9 "PingFang SC","Microsoft YaHei",sans-serif; }
.desktop-reading-content h3 { margin:1.7em 0 .5em;font-size:1.12em;color:#8b1431; }
.desktop-reading-content p { line-height:1.9;white-space:normal; }
.desktop-reading-content .reading-intro { padding:18px;background:#f6eddb;border-left:3px solid #b28a43; }
.desktop-reading-content .reading-meta,.desktop-reading-content .reading-note { font-size:14px;color:#76664f; }
.desktop-reading-content a { display:inline-block;color:#8b1431;min-height:0;padding:4px 0;overflow-wrap:anywhere; }
.desktop-reading-content li { margin:.5em 0; }
.reading-top-close { float:right;margin:0 0 12px 16px; }
/* Printed card titles are decorative; the real article link underneath owns clicks. */
.site-page[data-device=desktop] [data-section-id^="knowledge-"] > .native-copy-panel { pointer-events:none; }

/* User-approved scenario disclosure on the six desktop case cards and details. */
.site-page[data-device=desktop] .desktop-scenario-badge { position:absolute;left:8px;top:8px;z-index:7;padding:4px 8px;border:1px solid #c8a562;border-radius:4px;background:rgb(25 18 11 / .88);color:#f4ddb0;font:11px/1.35 "PingFang SC",sans-serif;pointer-events:none; }
.desktop-reading-content .scenario-note { padding:12px 16px;border:1px solid #c8a562;background:#f8efdd;font-size:16px;color:#5b4225; }

/* User-supplied license and on-demand video playback. Original artwork remains immutable. */
.business-license {position:absolute;z-index:6;padding:0;border:0;background:#f8eddb;cursor:zoom-in;overflow:hidden;}
.business-license img {display:block;width:100%;height:100%;object-fit:contain;}
.business-license:focus-visible {outline:3px solid #a77826;outline-offset:2px;}
.business-license-full {display:block;width:100%;height:auto;}
.site-media-player video {display:block;width:100%;height:auto;max-height:60dvh;object-fit:contain;background:#000;}
.media-controls {display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:12px;}
.media-controls button {min-height:44px;padding:8px 16px;cursor:pointer;}
.media-controls input {flex:1;min-width:140px;accent-color:#a77d39;}