/* Neutral-black visual tokens shared by the homepage and standalone pages. */
:root{
  --yun-ink:#090909;
  --yun-deep:#111;
  --yun-cyan:#262626;
  --yun-violet:#625d83;
  --yun-mist:#e8e8e5;
  --yun-paper:#f4f1ea;
  --yun-muted:#aeb9b7;
  --yun-line:rgba(245,245,242,.14);
  --accent-navy:#384c78;
  --accent-navy-deep:#111b33;
  --accent-navy-soft:rgba(56,76,120,.22);
  --bg-deep:var(--yun-ink)!important;
  --bg-surf:#111!important;
  --bg-card:#191919!important;
  --bg-card-hover:#202020!important;
  --gold:var(--yun-mist)!important;
  --gold-light:#d7dce8!important;
  --gold-dark:var(--yun-cyan)!important;
  --gold-glow:rgba(65,89,133,.16)!important;
  --red:var(--accent-navy-deep)!important;
  --red-light:var(--accent-navy)!important;
  --text-pri:var(--yun-paper)!important;
  --text-sec:#c8c8c3!important;
  --text-muted:#92928d!important;
  --border:var(--yun-line)!important;
}

html,body,.page-shell{background:var(--yun-ink)!important;color:var(--yun-paper)!important}
.page-shell{background:linear-gradient(180deg,#090909 0%,#111 45%,#090909 100%)!important}
.section,.section-dark,.section-warm,#channels,#video-select,#quality,#heritage,#partner,#academy,#tools{background:#111!important;color:var(--yun-paper)!important;border-color:var(--yun-line)!important}
.section:nth-of-type(even){background:#151515!important}
.section::after,.section.in-view::after{background:linear-gradient(90deg,transparent,rgba(245,245,242,.18),transparent)!important}

/* Final partner card pass: this follows legacy overrides so the panels stay consistent. */
body .partner-section .partner-aside,
body .partner-section .join-form {
  position: relative !important;
  overflow: hidden !important;
  border: 1px solid rgba(190,202,215,.28) !important;
  border-radius: 24px !important;
  background: linear-gradient(122deg,#252a31 0%,#15191f 36%,#20262e 52%,#0d1117 74%,#1b2028 100%) !important;
  background-size: 180% 180% !important;
  box-shadow: 0 18px 38px rgba(0,0,0,.38), inset 0 1px 0 rgba(221,230,240,.16), inset 0 -1px 0 rgba(0,0,0,.62) !important;
  transition: transform .42s cubic-bezier(.22,1,.36,1), border-color .42s ease, box-shadow .42s ease, background-position 1.2s ease !important;
}
body .partner-section .partner-aside { max-width: none !important; padding: clamp(28px,2.8vw,42px) !important; }
body .partner-section .partner-aside:hover,
body .partner-section .join-form:hover {
  transform: translateY(-6px) !important;
  border-color: rgba(190,202,215,.52) !important;
  background-position: 100% 0 !important;
  box-shadow: 0 24px 48px rgba(0,0,0,.46), inset 0 1px 0 rgba(235,240,248,.22), inset 0 -1px 0 rgba(0,0,0,.7) !important;
}
body .partner-section .partner-aside::after,
body .partner-section .join-form::after {
  content: "" !important;
  display: block !important;
  position: absolute !important;
  inset: 0 !important;
  pointer-events: none !important;
  background: linear-gradient(115deg, transparent 24%, rgba(190,211,240,.18) 47%, transparent 68%) !important;
  background-size: 220% 100% !important;
  background-position: -120% 0 !important;
  opacity: 0 !important;
  transition: background-position .9s cubic-bezier(.22,1,.36,1), opacity .42s ease !important;
}
body .partner-section .partner-aside:hover::after,
body .partner-section .join-form:hover::after {
  background-position: 100% 0 !important;
  opacity: 1 !important;
}
body .partner-section .partner-aside > *,
body .partner-section .join-form > * { position: relative; z-index: 1; }
@media(max-width:1050px){ body .partner-section .partner-aside { padding: 28px !important; } }
@media(max-width:600px){
  body .partner-section .partner-aside,
  body .partner-section .join-form { border-radius: 18px !important; }
  body .partner-section .partner-aside { padding: 24px 20px !important; }
}

/* Partner entry panels: match the creator-card surface language. */
.partner-aside,
.join-form {
  position: relative !important;
  overflow: hidden !important;
  border: 1px solid rgba(190,202,215,.28) !important;
  border-radius: 24px !important;
  background: linear-gradient(122deg,#252a31 0%,#15191f 36%,#20262e 52%,#0d1117 74%,#1b2028 100%) !important;
  background-size: 180% 180% !important;
  box-shadow: 0 18px 38px rgba(0,0,0,.38), inset 0 1px 0 rgba(221,230,240,.16), inset 0 -1px 0 rgba(0,0,0,.62) !important;
  transition: transform .42s cubic-bezier(.22,1,.36,1), border-color .42s ease, box-shadow .42s ease, background-position 1.2s ease !important;
}
.partner-aside { max-width: none !important; padding: clamp(28px,2.8vw,42px) !important; }
.partner-aside:hover,
.join-form:hover {
  transform: translateY(-6px) !important;
  border-color: rgba(190,202,215,.52) !important;
  background-position: 100% 0 !important;
  box-shadow: 0 24px 48px rgba(0,0,0,.46), inset 0 1px 0 rgba(235,240,248,.22), inset 0 -1px 0 rgba(0,0,0,.7) !important;
}
.partner-aside::after,
.join-form::after {
  content: "" !important;
  display: block !important;
  position: absolute !important;
  inset: 0 !important;
  pointer-events: none !important;
  background: linear-gradient(115deg, transparent 24%, rgba(190,211,240,.18) 47%, transparent 68%) !important;
  background-size: 220% 100% !important;
  background-position: -120% 0 !important;
  opacity: 0 !important;
  transition: background-position .9s cubic-bezier(.22,1,.36,1), opacity .42s ease !important;
}
.partner-aside:hover::after,
.join-form:hover::after {
  background-position: 100% 0 !important;
  opacity: 1 !important;
}
.partner-aside > *,
.join-form > * { position: relative; z-index: 1; }
@media(max-width:1050px){
  .partner-aside { padding: 28px !important; }
}
@media(max-width:600px){
  .partner-aside,
  .join-form { border-radius: 18px !important; }
  .partner-aside { padding: 24px 20px !important; }
}

/* Partner entry: one clear story on the left, one working surface on the right. */
.partner-section{
  background:
    radial-gradient(ellipse 72% 88% at 88% 42%,rgba(47,63,96,.16),transparent 66%),
    linear-gradient(135deg,#111211 0%,#0b0c0c 64%,#10131a 100%)!important;
  border-top:1px solid rgba(255,255,255,.055);
  border-bottom:1px solid rgba(255,255,255,.055);
}
.partner-grid{
  grid-template-columns:minmax(270px,.72fr) minmax(0,1.28fr)!important;
  gap:clamp(48px,7vw,130px)!important;
  align-items:center!important;
}
.partner-aside{position:static!important;max-width:440px}
.partner-aside h2{
  margin:0!important;
  color:#f1f1ed!important;
  font-size:clamp(34px,3.1vw,52px)!important;
  line-height:1.28!important;
  letter-spacing:.045em!important;
}
.partner-aside>p{max-width:390px;margin:23px 0 36px!important;font-size:clamp(12px,.88vw,14px)!important;line-height:1.9!important}
.partner-points{
  position:relative;
  gap:0!important;
  padding-left:0!important;
  border-top:1px solid rgba(255,255,255,.13);
}
.partner-point{
  position:relative;
  min-height:76px;
  display:grid!important;
  grid-template-columns:44px minmax(0,1fr)!important;
  align-content:center;
  gap:14px!important;
  padding:17px 0!important;
  background:transparent!important;
  border:0!important;
  border-bottom:1px solid rgba(255,255,255,.1)!important;
  border-radius:0!important;
}
.partner-point::before{
  content:"";
  position:absolute;
  left:20px;
  top:0;
  bottom:0;
  width:1px;
  background:linear-gradient(180deg,transparent,rgba(113,136,184,.62),transparent);
}
.partner-point:first-child::before{top:50%}
.partner-point:last-child::before{bottom:50%}
.partner-point i{
  position:relative;
  z-index:1;
  display:grid;
  place-items:center;
  width:40px;
  height:40px;
  border:1px solid rgba(147,165,202,.46);
  border-radius:50%;
  background:#111214!important;
  color:#c5d0e8!important;
  font-size:13px!important;
}
.partner-point b{margin-bottom:5px;color:#ecece8!important;font-size:13px!important;letter-spacing:.08em}
.partner-point span{display:block;color:rgba(213,217,212,.62)!important;font-size:11px!important;line-height:1.55!important}
.join-form{
  padding:clamp(28px,3.2vw,46px)!important;
  background:rgba(25,26,26,.82)!important;
  border:1px solid rgba(255,255,255,.13)!important;
  border-top-color:rgba(160,179,215,.35)!important;
  border-radius:10px!important;
  box-shadow:0 20px 56px rgba(0,0,0,.2)!important;
}
.join-form .form-title{
  margin:0!important;
  padding:0!important;
  background:none!important;
  color:#f0f0ec!important;
  font-size:clamp(20px,1.55vw,26px)!important;
  letter-spacing:.1em!important;
  text-align:left!important;
}
.form-note{
  max-width:560px;
  margin:9px 0 25px!important;
  color:rgba(213,217,212,.59)!important;
  font-size:11px!important;
  line-height:1.7!important;
  text-align:left!important;
}
.role-grid{
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  gap:0!important;
  margin:0 0 26px!important;
  border:1px solid rgba(255,255,255,.13);
  border-radius:7px;
  overflow:hidden;
}
.role{
  min-height:58px;
  padding:8px 6px!important;
  background:rgba(0,0,0,.09)!important;
  border:0!important;
  border-right:1px solid rgba(255,255,255,.11)!important;
  border-radius:0!important;
  color:rgba(220,222,217,.68)!important;
  font-size:10px!important;
}
.role:last-child{border-right:0!important}
.role b{display:inline!important;margin:0 5px 0 0!important;color:inherit!important;font-size:13px!important}
.role.active{
  background:linear-gradient(115deg,rgba(57,76,118,.75),rgba(26,39,66,.82))!important;
  box-shadow:inset 0 -2px 0 #aebbd9!important;
  color:#f7f7f4!important;
}
.field{gap:7px!important;margin-bottom:16px!important}
.field input,.field select,.field textarea{
  background:rgba(11,12,12,.48)!important;
  border-color:rgba(255,255,255,.12)!important;
  border-radius:5px!important;
}
.field input:focus,.field select:focus,.field textarea:focus{border-color:#7189b9!important}
.check{margin:2px 0 20px!important;line-height:1.65!important}
.check input{accent-color:#7189b9!important}
.submit-row{padding-top:4px;border-top:1px solid rgba(255,255,255,.08)}
.submit-row small{max-width:390px;line-height:1.65!important}
@media(max-width:1050px){
  .partner-grid{grid-template-columns:1fr!important;gap:42px!important}
  .partner-aside{max-width:none!important}
}
@media(max-width:760px){
  .partner-aside>p{margin-bottom:26px!important}
  .partner-point{min-height:68px;grid-template-columns:38px minmax(0,1fr)!important;padding:14px 0!important}
  .partner-point::before{left:17px}
  .partner-point i{width:34px;height:34px;font-size:11px!important}
  .join-form{padding:24px 18px!important}
  .role-grid{grid-template-columns:1fr 1fr!important}
  .role{border-bottom:1px solid rgba(255,255,255,.11)!important}
  .role:nth-child(2n){border-right:0!important}
  .role:last-child{grid-column:1/-1;border-bottom:0!important}
}

/* Keep the home narrative legible as one sequence: trust -> craft -> life -> heritage. */
#channels .channel-grid{position:relative;grid-template-columns:.86fr 1.28fr .86fr;align-items:end;gap:22px}
#channels .channel-grid:before{content:"01  信任来源    02  理解手艺    03  带回生活";position:absolute;left:0;right:0;top:-28px;color:rgba(174,187,217,.72);font-size:12px;letter-spacing:.16em;text-align:center;white-space:pre;pointer-events:none}
#channels .channel-card{min-height:438px}
#channels .channel-card.featured{min-height:500px}
#channels .channel-no{font-size:12px;letter-spacing:.14em;color:#aebbd9!important}
#heritage .heritage-head{margin-bottom:34px}
#heritage .heritage-head .section-copy{max-width:520px}
#heritage .heritage-feature{position:relative}
#heritage .heritage-feature:before{content:"CONTINUE THE STORY";position:absolute;z-index:3;left:24px;top:20px;color:rgba(174,187,217,.78);font-size:12px;letter-spacing:.18em;pointer-events:none}
@media(max-width:760px){#channels .channel-grid{grid-template-columns:1fr;gap:16px}#channels .channel-grid:before{position:static;display:block;margin:-4px 0 2px;text-align:left;font-size:11px;line-height:1.8}#channels .channel-card,#channels .channel-card.featured{min-height:360px}#heritage .heritage-head{margin-bottom:24px}#heritage .heritage-feature:before{left:18px;top:16px}}

/* Trust rail: breathing room, seamless loop, and category-coded accents. */
.trust-bar{margin:clamp(34px,5vw,72px) 0!important;padding:0!important;background:#0d1114!important}
.trust-inner{gap:14px!important;min-height:clamp(92px,8vw,128px)!important;animation-duration:38s!important}
.trust-intro,.trust-item{width:clamp(260px,20vw,340px)!important;min-height:clamp(92px,8vw,128px)!important;margin:0!important;padding:22px 28px!important;border:1px solid rgba(181,195,223,.15)!important;border-left:3px solid var(--trust-accent, #536b9a)!important;background:linear-gradient(135deg,rgba(255,255,255,.07),rgba(255,255,255,.025))!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.05)!important}
.trust-intro{--trust-accent:#aebbd9}
.trust-intro h3,.trust-item strong{font-size:clamp(17px,1.15vw,22px)!important;color:var(--trust-accent)!important}
.trust-intro p,.trust-item{font-size:clamp(12px,.75vw,14px)!important;line-height:1.55!important}
.trust-icon{font-size:clamp(20px,1.5vw,28px)!important;color:var(--trust-accent)!important;filter:drop-shadow(0 0 8px color-mix(in srgb,var(--trust-accent) 32%, transparent))}
.trust-item:nth-child(2),.trust-item:nth-child(7){--trust-accent:#78a9bd}
.trust-item:nth-child(3),.trust-item:nth-child(8){--trust-accent:#9aacc9}
.trust-item:nth-child(4),.trust-item:nth-child(9){--trust-accent:#d1d5d4}
.trust-item:nth-child(5),.trust-item:nth-child(10){--trust-accent:#8199c2}
.trust-item:nth-child(6),.trust-item:nth-child(11){--trust-accent:#6fb8b4}
#channels{padding-top:clamp(96px,12vw,180px)!important}
@media(max-width:760px){.trust-bar{margin:28px 0!important;padding:0!important}.trust-inner{gap:10px!important}.trust-intro,.trust-item{width:260px!important;padding:18px 20px!important}#channels{padding-top:88px!important}}

/* Retire the legacy red ornament system completely. */
.red-ribbon,
.partner-section::before,
.footer::before,
.join-form::before,
.join-form::after,
.form-title::before,
.form-title::after { display:none!important; content:none!important; background:none!important; }
.join-form { border-top:1px solid var(--yun-line)!important; }
.join-form .form-title { background:#191919!important; border:0!important; box-shadow:none!important; text-shadow:none!important; }
.footer { overflow:hidden!important; }

/* Keep the homepage closeout consistent after all legacy section rules. */
.footer{margin-top:0!important;padding:clamp(18px,2.2vw,30px)!important;background:#090a09!important;border:1px solid rgba(255,255,255,.055)!important}.footer-cta{display:grid;min-height:clamp(330px,31vw,500px);place-items:center;align-content:center;gap:clamp(18px,2.2vw,30px);padding:clamp(44px,7vw,104px) 24px;text-align:center;background:#191a17;border-radius:clamp(12px,1.1vw,20px)}.footer-cta p{margin:0;color:#9da29c!important;font-size:10px;font-weight:600;letter-spacing:.18em}.footer-cta h2{margin:0;color:#f2f1ea!important;font:500 clamp(32px,4.6vw,72px)/1.22 var(--font-serif);letter-spacing:.035em}.footer-cta>span{max-width:620px;color:#777a77!important;font-size:clamp(13px,1vw,16px);line-height:1.85}.footer-cta a{display:inline-flex;min-height:52px;align-items:center;justify-content:center;padding:0 30px;border:1px solid rgba(245,245,239,.12);border-radius:999px;background:#f2f1ea!important;color:#111!important;font-size:13px!important;font-weight:700;text-decoration:none!important}.footer-grid{grid-template-columns:minmax(240px,1fr) repeat(3,minmax(150px,.48fr))!important;gap:clamp(42px,7vw,126px)!important;padding:clamp(76px,11vw,164px) clamp(18px,2.2vw,40px) clamp(30px,3vw,48px)!important}.footer-brand{color:#f2f1ea!important;font-size:clamp(24px,2.35vw,36px)!important}.footer-brand span{color:#f2f1ea!important}.footer-desc{color:#777a77!important;font-size:clamp(11px,.75vw,13px)!important;line-height:1.65!important}.footer h4{color:#777a77!important;font-size:clamp(12px,.8vw,14px)!important}.footer a:not(.footer-cta a){color:#e0e0d9!important;font-size:clamp(14px,.95vw,16px)!important}.footer-grid>div:not(:first-child){display:grid;align-content:start;gap:15px}.footer-note{color:#777a77!important;font-size:11px!important}
.section-title,.section h2,.section-warm .section-title{color:var(--yun-paper)!important;letter-spacing:0!important}
.section-copy,.section p,.section-warm .section-copy{color:var(--yun-muted)!important}
.eyebrow,.section-warm .eyebrow{color:#aebbd9!important}.eyebrow::before,.section-warm .eyebrow::before{background:var(--accent-navy)!important}

.hero{isolation:isolate;background:linear-gradient(132deg,#171717 0%,#101010 42%,#090909 100%)!important}
.hero::before{display:block!important;z-index:0!important;background:linear-gradient(90deg,rgba(9,9,9,.82),rgba(9,9,9,.2) 48%,rgba(9,9,9,.62)),linear-gradient(0deg,#090909,transparent 44%)!important}
.hero-grid{z-index:3!important}.lattice,.red-ribbon,.hero-bg-frame{display:none!important}
.hero-label{color:#e8e8e5!important;}
.hero-label i{background:#e8e8e5!important;box-shadow:0 0 0 4px rgba(245,245,242,.1)!important}
.hero h1{color:var(--yun-paper)!important}.hero h1 .gold{color:#aebbd9!important}.hero h1 .red{color:#aebbd9!important}
.hero-desc,.hero-proof{color:#b8b8b3!important}.hero-proof b{color:#e8e8e5!important}
.hero-actions .btn-primary,.btn-primary,.submit-btn,.story-launch,.heart-custom-buy{background:linear-gradient(115deg,var(--accent-navy) 0%,var(--accent-navy-deep) 100%)!important;color:#f7f7f4!important;border-color:#53698d!important;box-shadow:none!important}
.hero-actions .btn-primary:hover,.btn-primary:hover{background:linear-gradient(115deg,#4a608f 0%,#1a294b 100%)!important;transform:none!important}
.hero-actions .btn-outline,.btn-outline{color:var(--yun-paper)!important;background:rgba(255,255,255,.035)!important;border-color:rgba(245,245,242,.34)!important}

/* Hero actions share one rounded, deep-navy gradient treatment. */
.hero-actions .btn{border-radius:999px!important;border-width:1px!important;padding-inline:26px!important;min-height:46px!important}
.hero-actions .btn-primary,.hero-actions .btn-outline{background:linear-gradient(115deg,var(--accent-navy) 0%,var(--accent-navy-deep) 100%)!important;border-color:#536b9a!important;color:#f7f7f4!important}
.hero-actions .btn-primary:hover,.hero-actions .btn-outline:hover{background:linear-gradient(115deg,#4a608f 0%,#1a294b 100%)!important;border-color:#647eae!important;color:#fff!important;transform:translateY(-2px)!important}

.nc-nav{background:rgba(12,12,12,.86)!important;border-color:rgba(245,245,242,.16)!important;box-shadow:0 14px 38px rgba(0,0,0,.3),inset 0 1px 0 rgba(255,255,255,.08)!important}
.nc-links{background:rgba(10,10,10,.48)!important;border-color:rgba(245,245,242,.13)!important}
.nc-links .nc-link{color:#c7c7c2!important}.nc-links .nc-link.active,.nc-links .nc-link:hover{color:#f7f7f4!important;background:var(--accent-navy-deep)!important}
.nc-cta{margin-left: 14px;background:linear-gradient(115deg,var(--accent-navy) 0%,var(--accent-navy-deep) 100%)!important;color:#f7f7f4!important}

.video-stage{background:#090909!important;border-color:rgba(245,245,242,.24)!important;box-shadow:0 28px 78px rgba(0,0,0,.42),inset 0 1px 0 rgba(255,255,255,.08)!important}
.live-pill,.video-state{background:rgba(9,9,9,.76)!important;color:#e8e8e5!important;border-color:rgba(245,245,242,.22)!important}
.progress span{background:var(--accent-navy)!important}.hotspot{border-color:#aebbd9!important;color:#f4f1ea!important;background:rgba(27,39,70,.76)!important}.hotspot:hover{background:var(--accent-navy)!important;color:#fff!important}
.picked-card{background:rgba(12,12,12,.92)!important;border-color:rgba(245,245,242,.22)!important}.picked-card b,.picked-card small{color:#deded9!important}

.trust-bar{background:#111!important;border-color:var(--yun-line)!important;color:var(--yun-paper)!important}.seal,.heart-modal-seal{background:#303030!important}.trust-intro h3,.trust-item strong{color:var(--yun-paper)!important}.trust-intro p,.trust-item{color:#aaa9a4!important}.trust-icon{color:var(--yun-mist)!important}

/* Qualification rail: one continuous, borderless loop rather than a fixed grid. */
.trust-bar{border:0!important;box-shadow:none!important;overflow:hidden!important;margin-block:clamp(56px,7vw,104px)!important;padding-block:0!important}
.trust-inner{width:max-content!important;max-width:none!important;min-height:78px!important;margin:0!important;display:flex!important;align-items:stretch!important;gap:0!important;animation:trust-marquee 34s linear infinite;will-change:transform}
.trust-inner:hover{animation-play-state:paused}
.trust-intro,.trust-item{width:280px!important;min-height:78px!important;flex:none!important;gap:11px!important;margin-right:24px!important;padding:16px 26px!important;border:0!important;border-top:3px solid var(--trust-accent,#536b9a)!important;background:linear-gradient(135deg,rgba(56,76,120,.22),rgba(255,255,255,.035))!important}
.trust-intro{gap:13px!important;background:linear-gradient(135deg,rgba(174,187,217,.2),rgba(255,255,255,.035))!important}.trust-intro h3,.trust-item strong{color:#c0c0bb!important;font-size:clamp(12px,.78vw,15px)!important}.trust-intro p,.trust-item{color:#aaa9a4!important}.trust-icon{color:var(--trust-accent,#aebbd9)!important}
.trust-item:nth-child(3),.trust-item:nth-child(8){background:linear-gradient(135deg,rgba(154,172,201,.2),rgba(255,255,255,.035))!important}
.trust-item:nth-child(4),.trust-item:nth-child(9){background:linear-gradient(135deg,rgba(209,213,212,.16),rgba(255,255,255,.035))!important}
.trust-item:nth-child(5),.trust-item:nth-child(10){background:linear-gradient(135deg,rgba(129,153,194,.2),rgba(255,255,255,.035))!important}
.trust-item:nth-child(6),.trust-item:nth-child(11){background:linear-gradient(135deg,rgba(111,184,180,.18),rgba(255,255,255,.035))!important}
/* Keep the qualification rail typographic: no colored card blocks. */
.trust-intro,.trust-item,.trust-item:nth-child(3),.trust-item:nth-child(4),.trust-item:nth-child(5),.trust-item:nth-child(6),.trust-item:nth-child(7),.trust-item:nth-child(8),.trust-item:nth-child(9),.trust-item:nth-child(10),.trust-item:nth-child(11){background:transparent!important;border-top:0!important;box-shadow:none!important}
@keyframes trust-marquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.channel-card,.product-card,.tool-card,.academy-card,.heritage-feature,.big-story,.story-small,.partner-point,.join-form,.craft,.how-step{background:#191919!important;border-color:var(--yun-line)!important;border-radius:8px!important;box-shadow:none!important}
.channel-card:hover,.product-card:hover,.tool-card:hover{border-color:rgba(245,245,242,.38)!important;transform:translateY(-5px)!important;box-shadow:0 18px 34px rgba(0,0,0,.28)!important}.channel-ribbon,.cert-badge{background:#303030!important;color:#fff!important}.pick-badge,.rank,.story-kicker{background:rgba(12,12,12,.82)!important;color:#deded9!important;border-color:var(--yun-line)!important}
.academy-card,
.heritage-feature,
.big-story,
.story-small,
.partner-point,
.craft,
.how-step {
  position: relative;
  overflow: hidden;
  transition: transform .42s cubic-bezier(.22,1,.36,1), border-color .42s ease, box-shadow .42s ease, background-color .42s ease !important;
}
.academy-card::after,
.heritage-feature::after,
.big-story::after,
.story-small::after,
.partner-point::after,
.craft::after,
.how-step::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(115deg, transparent 25%, rgba(174,187,217,.2) 48%, transparent 68%);
  background-size: 220% 100%;
  opacity: 0;
  transition: background-position .75s cubic-bezier(.22,1,.36,1), opacity .42s ease;
}
.academy-card:hover,
.heritage-feature:hover,
.big-story:hover,
.story-small:hover,
.partner-point:hover,
.craft:hover,
.how-step:hover {
  transform: translateY(-5px) !important;
  border-color: rgba(174,187,217,.48) !important;
  box-shadow: 0 18px 34px rgba(0,0,0,.28) !important;
}
.academy-card:hover::after,
.heritage-feature:hover::after,
.big-story:hover::after,
.story-small:hover::after,
.partner-point:hover::after,
.craft:hover::after,
.how-step:hover::after { background-position: 100% 0; opacity: 1; }
.academy-card > *,
.heritage-feature > *,
.big-story > *,
.story-small > *,
.partner-point > *,
.craft > *,
.how-step > * { position: relative; z-index: 1; }
.tab{border-color:var(--yun-line)!important;color:#aaa9a4!important}.tab.active,.tab:hover{background:rgba(255,255,255,.1)!important;border-color:var(--yun-mist)!important;color:#f5f5f2!important}
.product-meta b,.craft b,.section-link{color:#aebbd9!important}
.heritage-image::after{background:linear-gradient(90deg,transparent,#151515)!important}.certificate{background:rgba(255,255,255,.07)!important;border-color:#3b3b3b!important}
.partner-section{background:#111!important}.join-form,.field input,.field select,.field textarea{background:#151515!important;border-color:var(--yun-line)!important;color:var(--yun-paper)!important}.role{background:#151515!important;border-color:var(--yun-line)!important}.role.active{background:rgba(255,255,255,.1)!important;border-color:var(--yun-mist)!important;color:#f5f5f2!important}
.partner-section::before,.footer::before{display:none!important}.join-form .form-title{margin:0 0 13px!important;padding:0!important;background:none!important;text-shadow:none!important;color:var(--yun-paper)!important}
.modal-mask,.heart-modal-mask{background:rgba(0,0,0,.82)!important}.product-modal,.heart-modal{background:#151515!important;border-color:rgba(245,245,242,.22)!important}.heart-modal-head{background:#111!important;border-color:var(--yun-line)!important}.toast{background:var(--yun-mist)!important;color:#090909!important}.footer{background:#090909!important;border-color:var(--yun-line)!important}
@media(max-width:760px){.heritage-image::after{background:linear-gradient(0deg,#151515,transparent)!important}.nc-links.open{background:#111!important;border-color:var(--yun-line)!important}.trust-bar{margin-block:40px!important;padding-block:0!important}}
@media(max-width:760px){.heart-uplink-loader{height:72px;padding:10px 14px}.heart-uplink-score{min-width:58px}.heart-uplink-score b{font-size:24px!important}.heart-uplink-title{font-size:8px!important}.heart-uplink-status{font-size:8px!important}.heart-uplink-ticks{right:14px;top:11px}.heart-uplink-rail.left{left:14px}.heart-uplink-rail.right{right:14px}}

/* Compact closing panels: keep the same hierarchy without oversized cards. */
.footer-cta{min-height:clamp(270px,24vw,390px)!important;gap:clamp(14px,1.8vw,24px)!important;padding:clamp(30px,4.5vw,64px) 24px!important}
.footer-cta h2{font-size:clamp(28px,3.8vw,56px)!important}
.footer-cta>span{font-size:clamp(12px,.85vw,14px)!important;line-height:1.7!important}
.footer-cta a{min-height:46px!important;padding-inline:26px!important;font-size:12px!important}

/* The workflow strip is intentionally omitted from the compact video section. */
#video-select .how-strip { display:none!important; }

/* Video viewer shell follows the site's ink / navy visual language. The
   embedded original player remains intact, while its surrounding chrome is
   brought into the same system as the homepage. */
.heart-modal-mask{background:rgba(3,7,12,.9)!important;backdrop-filter:blur(14px)!important}
.heart-modal{position:relative;background:#0b0b0b!important;border:1px solid rgba(245,245,242,.22)!important;border-radius:12px!important;box-shadow:0 35px 120px rgba(0,0,0,.78),0 0 0 1px rgba(255,255,255,.04)!important}
.heart-modal-head{background:linear-gradient(90deg,#171717,#0b0b0b)!important;border-bottom:1px solid rgba(245,245,242,.14)!important}
.heart-modal-seal{background:#252525!important;border:1px solid rgba(245,245,242,.28)!important;color:#f5f6f3!important}
.heart-modal-brand strong{color:#eef1f6!important}.heart-modal-brand small{color:#9eabc0!important}
.heart-custom-buy{background:linear-gradient(115deg,#384c78,#111b33)!important;border-color:#53698d!important;color:#f7f8fa!important;box-shadow:none!important}
.heart-close{border-color:rgba(245,245,242,.24)!important;background:rgba(255,255,255,.035)!important;color:#d8d8d4!important}.heart-close:hover{border-color:rgba(245,245,242,.55)!important;color:#fff!important}
.heart-frame{position:relative;z-index:1;background:#080808!important;border-top:0!important}
/* Compact loading telemetry: it overlays the shell instead of expanding the
   flex layout and pushing the player/header apart. */
.heart-uplink-loader{position:absolute!important;z-index:8;inset:0 0 auto;height:86px;display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:12px;align-content:center;padding:13px 20px;background:rgba(9,9,9,.97)!important;color:#e4e4df!important;border:0!important;border-bottom:1px solid rgba(83,105,141,.55)!important;box-shadow:0 12px 28px rgba(0,0,0,.28);overflow:hidden;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-8px);transition:opacity .2s ease,visibility .2s ease,transform .2s ease}.heart-uplink-loader.show{opacity:1;visibility:visible;transform:none}
.heart-uplink-score{grid-row:1 / span 2;display:flex;align-items:baseline;min-width:74px;font-family:var(--font-sans);line-height:1}.heart-uplink-score b{font-size:30px!important;font-weight:700;letter-spacing:-.04em;color:#d7dce8!important}.heart-uplink-score small{font-size:11px;color:#92928d!important}
.heart-uplink-title{font-size:10px!important;letter-spacing:.2em;text-transform:uppercase;color:#d7dce8!important}.heart-uplink-status{font-size:9px!important;letter-spacing:.12em;color:#aebbd9!important}
.heart-uplink-ticks{position:absolute;right:20px;top:15px;display:flex;gap:4px}.heart-uplink-ticks i{display:block;width:3px;height:12px;background:#384c78!important;opacity:.8;transform:skewX(-18deg)}.heart-uplink-ticks i:nth-child(3n){height:18px;background:#637eaf!important}.heart-uplink-rail{position:absolute;bottom:0;width:22px;height:1px;background:#53698d}.heart-uplink-rail.left{left:20px}.heart-uplink-rail.right{right:20px}

/* UplinkLoader: preserve the reference's horizontal telemetry composition,
   while using the site's ink and restrained navy accent instead of neon green. */
.heart-uplink-loader{inset:0!important;width:auto!important;height:auto!important;display:block!important;padding:0!important;background:rgba(3,7,12,.94)!important;border:0!important;box-shadow:none!important;transform:none!important;overflow:hidden}
.heart-uplink-loader::before,.heart-uplink-loader::after{content:"";position:absolute;inset:0;pointer-events:none}
.heart-uplink-loader::before{background:repeating-linear-gradient(0deg,rgba(174,187,217,.032) 0 1px,transparent 1px 4px);opacity:.75}
.heart-uplink-loader::after{background:radial-gradient(ellipse at center,transparent 0 32%,rgba(3,7,12,.42) 70%,rgba(3,7,12,.92) 100%),linear-gradient(90deg,rgba(3,7,12,.5),transparent 20% 80%,rgba(3,7,12,.5));opacity:1}
.heart-uplink-loader.show{transform:none!important}
.heart-uplink-score{position:absolute;z-index:2;top:16%;left:50%;display:flex!important;align-items:baseline;justify-content:center;min-width:clamp(116px,15vw,176px)!important;height:clamp(76px,9vw,106px)!important;padding:0 20px!important;border:1px solid rgba(133,153,190,.72)!important;background:rgba(9,16,30,.42)!important;clip-path:polygon(12px 0,100% 0,100% calc(100% - 18px),calc(100% - 18px) 100%,0 100%,0 18px);transform:translateX(-50%);font-family:var(--font-sans);line-height:1}
.heart-uplink-score b{font-size:clamp(38px,4.8vw,64px)!important;font-weight:600;letter-spacing:.04em;color:#dbe4f4!important;text-shadow:none!important}.heart-uplink-score small{font-size:clamp(10px,1vw,14px)!important;color:#92a6ca!important;margin-left:4px}
.heart-uplink-title{position:absolute;z-index:2;top:47%;left:21%;font-size:clamp(12px,1.5vw,20px)!important;font-weight:600;letter-spacing:.12em!important;color:#e4e9f2!important}
.heart-uplink-status{position:absolute;z-index:2;top:71%;left:50%;transform:translateX(-50%);width:100%;text-align:center;font-size:clamp(9px,.9vw,13px)!important;font-weight:500;letter-spacing:.22em!important;color:#aebbd9!important}
.heart-uplink-ticks{position:absolute;z-index:2;top:54%;left:18%!important;right:18%!important;bottom:auto!important;height:clamp(44px,5vw,64px);display:flex;align-items:end;justify-content:center;gap:clamp(2px,.22vw,4px)}
.heart-uplink-ticks i{display:block;flex:1 1 0;width:auto;min-width:2px;max-width:7px;height:58%;background:#344461!important;opacity:.22;transform:skewX(-12deg);transition:height .18s ease,opacity .18s ease,background .18s ease,box-shadow .18s ease}.heart-uplink-ticks i:nth-child(4n){height:78%}.heart-uplink-ticks i:nth-child(8n){height:100%}.heart-uplink-ticks i.is-lit{background:#7188b2!important;opacity:.9}.heart-uplink-ticks i.is-lit:nth-child(8n){background:#c3cee0!important}.heart-uplink-ticks i.is-current{opacity:1;box-shadow:0 0 12px rgba(174,187,217,.72);animation:uplink-current .48s ease-in-out infinite alternate}
.heart-uplink-rail{position:absolute;z-index:2;top:57%!important;bottom:auto!important;width:clamp(58px,9vw,118px)!important;height:1px!important;background:#7589b2!important}.heart-uplink-rail::before{content:"";position:absolute;top:-3px;width:8px;height:8px;background:#aebbd9;box-shadow:0 0 0 5px rgba(174,187,217,.08)}.heart-uplink-rail.left{left:5%!important}.heart-uplink-rail.left::before{right:0}.heart-uplink-rail.right{right:5%!important}.heart-uplink-rail.right::before{left:0}
.heart-uplink-target{position:absolute;z-index:2;width:clamp(24px,3vw,40px);height:clamp(24px,3vw,40px);border:1px solid rgba(174,187,217,.74)}.heart-uplink-target::before,.heart-uplink-target::after{content:"";position:absolute;background:#03070c}.heart-uplink-target::before{left:5px;right:5px;top:-2px;bottom:-2px}.heart-uplink-target::after{top:5px;bottom:5px;left:-2px;right:-2px}.heart-uplink-target i{position:absolute;z-index:1;top:50%;left:50%;width:7px;height:7px;background:#aebbd9;transform:translate(-50%,-50%) rotate(45deg)}.target-tl{top:29%;left:18%}.target-tr{top:29%;right:18%}.target-bl{bottom:24%;left:18%}.target-br{bottom:24%;right:18%}
@keyframes uplink-pulse{to{opacity:.35;transform:skewX(-12deg) scaleY(.72)}}
@keyframes uplink-current{to{opacity:.58;transform:skewX(-12deg) scaleY(.82)}}
@media(max-width:760px){.heart-uplink-score{top:13%;min-width:108px!important;height:68px!important}.heart-uplink-title{top:45%;left:13%;font-size:11px!important}.heart-uplink-ticks{top:53%;left:13%!important;right:13%!important;height:38px;gap:2px}.heart-uplink-status{top:73%;font-size:8px!important}.heart-uplink-rail{top:56%!important;width:34px!important}.target-tl,.target-tr{top:31%}.target-bl,.target-br{bottom:21%}.target-tl,.target-bl{left:8%}.target-tr,.target-br{right:8%}}

/* Three video chapters: deliberately uneven, like a small editorial exhibition. */
#channels .section-head,
#quality .section-head,
#video-select .section-head{
  margin-bottom:clamp(72px,7vw,112px)!important;
}
#channels .section-head{
  margin-bottom:clamp(56px,4.8vw,72px)!important;
}
#channels .channel-grid{
  gap:20px!important;
  height:704px!important;
  padding:22px 0 18px!important;
  align-items:center!important;
}
#channels .channel-card:nth-child(1){
  transform:translateY(54px)!important;
}
#channels .channel-card:nth-child(2){
  transform:translateY(-38px)!important;
}
#channels .channel-card:nth-child(3){
  transform:translateY(22px)!important;
}
#channels .channel-card:nth-child(1) .channel-play{top:34%!important}
#channels .channel-card:nth-child(2) .channel-play{top:39%!important}
#channels .channel-card:nth-child(3) .channel-play{top:43%!important}
#channels .channel-card:nth-child(3) .channel-body{bottom:30px!important}
@media(max-width:900px){
  #channels .section-head,
  #quality .section-head,
  #video-select .section-head{margin-bottom:52px!important}
  #channels .channel-grid{height:auto!important;padding:0 0 22px!important;gap:16px!important}
  #channels .channel-card:nth-child(1),
  #channels .channel-card:nth-child(2),
  #channels .channel-card:nth-child(3){transform:none!important}
}

/* Display titles use a light, slanted Songti cut to create the editorial rhythm. */
.section-title,
.section h2.section-title{
  font-family:"Songti SC","STSong","Noto Serif SC",serif!important;
  font-style:italic!important;
  font-weight:400!important;
  letter-spacing:.025em!important;
  line-height:1.13!important;
  text-wrap:balance!important;
}
@media(max-width:760px){
  .section-title,
  .section h2.section-title{
    font-size:clamp(36px,10vw,48px)!important;
    line-height:1.16!important;
  }
}

/* AI Digital Workforce, translated into the WenCui visual system. */
.workforce-section{background:#091618!important;position:relative;overflow:hidden}
.workforce-section::before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(120deg,rgba(98,93,131,.13),transparent 34%),radial-gradient(circle at 85% 12%,rgba(40,58,97,.24),transparent 28%)}
.workforce-section>.container{position:relative;z-index:1}
.workforce-intro{display:grid;grid-template-columns:220px minmax(0,1fr);align-items:center;gap:42px;max-width:960px;margin:0 auto 42px;padding:30px 0;border-top:1px solid rgba(181,195,223,.2);border-bottom:1px solid rgba(181,195,223,.2)}
.workforce-orbit{position:relative;width:164px;height:164px;margin:auto;border:1px solid rgba(181,195,223,.42);border-radius:50%;animation:workforce-spin 18s linear infinite}
.workforce-orbit::before,.workforce-orbit::after{content:"";position:absolute;border-radius:50%;border:1px solid rgba(181,195,223,.22)}.workforce-orbit::before{inset:18px}.workforce-orbit::after{inset:51px;border-color:rgba(181,195,223,.65)}
.workforce-orbit span{position:absolute;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#1b2130;border:1px solid rgba(181,195,223,.48);color:#e7e9ef;font-family:var(--font-serif);font-size:14px;animation:workforce-spin-reverse 18s linear infinite}.workforce-orbit span:nth-child(1){left:-8px;top:38px}.workforce-orbit span:nth-child(2){right:-8px;bottom:38px}.workforce-orbit span:nth-child(3){right:40px;top:-10px;font-family:var(--font-sans);font-size:10px;color:#bdb8d0}.workforce-orbit i{position:absolute;inset:70px;border-radius:50%;background:#c7d1e7;box-shadow:0 0 32px rgba(181,195,223,.3)}
@keyframes workforce-spin{to{transform:rotate(360deg)}}@keyframes workforce-spin-reverse{to{transform:rotate(-360deg)}}
.workforce-kicker{font-size:10px;letter-spacing:.18em;color:#aebfdf}.workforce-intro h3{margin:8px 0 12px;font-family:var(--font-serif);font-size:clamp(27px,3vw,42px);line-height:1.15;font-weight:500;color:#f4f1ea}.workforce-intro p{margin:0;max-width:660px;color:rgba(213,217,212,.72);font-size:14px;line-height:1.8}.workforce-pills{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.workforce-pills span{padding:5px 9px;border:1px solid rgba(181,195,223,.28);border-radius:999px;color:#b9bfd0;font-size:10px}
.workforce-grid{display:grid;grid-template-columns:.9fr 1.16fr .9fr;gap:14px;align-items:stretch}.workforce-column{min-width:0;border:1px solid rgba(181,195,223,.22);background:rgba(25,25,25,.76);box-shadow:inset 0 1px 0 rgba(244,241,234,.05);border-radius:8px;overflow:hidden}.workforce-column header{min-height:76px;padding:16px;display:flex;align-items:center;gap:10px;border-bottom:1px solid rgba(181,195,223,.18)}.workforce-column header small{display:block;color:#9298a8;font-size:8px;letter-spacing:.12em}.workforce-column header h3{margin:2px 0 0;color:#f4f1ea;font-size:16px;font-weight:500}.workforce-icon{width:34px;height:34px;display:grid;place-items:center;border:1px solid rgba(181,195,223,.38);border-radius:50%;color:#c7d1e7;font-family:var(--font-serif)}.workforce-core{background:linear-gradient(145deg,rgba(29,29,29,.94),rgba(14,14,14,.92));border-color:rgba(181,195,223,.4)}.workforce-status{margin-left:auto;padding:4px 7px;border:1px solid rgba(91,111,157,.36);border-radius:999px;color:#aebfdf;font-size:9px}.workforce-body{padding:16px}.workforce-body>p{margin:0 0 18px;color:rgba(213,217,212,.65);font-size:12px;line-height:1.75}.workforce-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.workforce-stats div{min-height:78px;padding:11px 8px;background:rgba(181,195,223,.055);border:1px solid rgba(181,195,223,.16);border-radius:5px}.workforce-stats b{display:block;color:#e7e9ef;font-family:var(--font-serif);font-size:19px;font-weight:500}.workforce-stats span{display:block;margin-top:4px;color:#9198a7;font-size:9px;line-height:1.35}.workforce-link{display:flex;width:100%;justify-content:space-between;align-items:center;margin-top:16px;padding:11px 0;border:0;border-top:1px solid rgba(181,195,223,.2);background:none;color:#c7d1e7;text-align:left;font-size:11px}.workforce-link span{font-size:16px}.brain-command{position:relative;display:block;width:100%;padding:15px 44px 15px 15px;border:1px solid rgba(181,195,223,.28);border-radius:6px;background:rgba(181,195,223,.075);color:#f4f1ea;text-align:left}.brain-command strong{display:block;font-size:14px;font-weight:500}.brain-command span{display:block;margin-top:3px;color:#a7aab4;font-size:10px}.brain-command i{position:absolute;right:15px;top:50%;font-style:normal;transform:translateY(-50%);color:#c7d1e7}.brain-tasks{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:10px}.brain-tasks button{display:flex;align-items:center;gap:8px;padding:9px;border:1px solid rgba(181,195,223,.16);border-radius:5px;background:rgba(12,12,12,.22);color:#e7e9ef;text-align:left}.brain-tasks button>span{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:rgba(98,93,131,.32);color:#d8d3e9;font-family:var(--font-serif);font-size:11px}.brain-tasks b{display:block;font-size:11px;font-weight:500}.brain-tasks small{display:block;margin-top:2px;color:#9298a8;font-size:8px}.brain-mini{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-top:12px}.brain-mini span{display:grid;place-items:center;aspect-ratio:1;border:1px solid rgba(181,195,223,.15);border-radius:5px;color:#aebfdf;font-family:var(--font-serif);font-size:16px;background:rgba(12,12,12,.18)}.ai-staff-list{display:grid;gap:5px}.ai-staff-list button{display:flex;align-items:center;gap:9px;width:100%;padding:7px;border:0;border-radius:5px;background:transparent;color:#e7e9ef;text-align:left}.ai-staff-list button:hover,.brain-tasks button:hover,.brain-command:hover{border-color:rgba(181,195,223,.55);background:rgba(181,195,223,.1)}.staff-avatar{display:grid;place-items:center;width:31px;height:31px;border-radius:5px;background:linear-gradient(135deg,rgba(98,93,131,.52),rgba(40,58,97,.58));color:#f4f1ea;font-family:var(--font-serif);font-size:12px}.ai-staff-list div{min-width:0;flex:1}.ai-staff-list b{display:block;font-size:11px;font-weight:500}.ai-staff-list small{display:block;margin-top:1px;color:#9198a7;font-size:9px}.ai-staff-list small i{display:inline-block;width:5px;height:5px;margin-right:4px;border-radius:50%;background:#657aa6}.ai-staff-list em{color:#8d94a3;font-size:9px;font-style:normal}.workforce-footer{display:flex;align-items:center;gap:24px;margin-top:16px;padding:17px 18px;border:1px solid rgba(181,195,223,.2);border-radius:8px;background:rgba(181,195,223,.04)}.workforce-footer>div{display:flex;align-items:center;gap:10px;flex:1}.workforce-footer-icon{display:grid;flex:0 0 32px;width:32px;height:32px;place-items:center;border-radius:50%;background:rgba(98,93,131,.3);color:#d8d3e9}.workforce-footer p{margin:0;color:#a2a7b3;font-size:10px;line-height:1.55}.workforce-footer strong{color:#e7e9ef;font-weight:500}.workforce-footer .btn{margin-left:auto;white-space:nowrap;padding:11px 14px!important;font-size:11px!important}
@media(max-width:900px){.workforce-grid{grid-template-columns:1fr 1fr}.workforce-core{grid-column:1/-1;order:-1}.workforce-intro{grid-template-columns:170px 1fr;gap:26px}.workforce-footer{flex-wrap:wrap}.workforce-footer .btn{margin-left:0}}
@media(max-width:620px){.workforce-intro{grid-template-columns:1fr;padding:24px 0;gap:18px}.workforce-orbit{width:120px;height:120px;margin-left:0}.workforce-orbit::before{inset:13px}.workforce-orbit::after{inset:38px}.workforce-orbit i{inset:51px}.workforce-orbit span:nth-child(1){top:27px}.workforce-orbit span:nth-child(2){bottom:27px}.workforce-orbit span:nth-child(3){right:25px}.workforce-grid{grid-template-columns:1fr}.workforce-core{grid-column:auto}.workforce-footer{display:grid;gap:14px}.workforce-footer .btn{width:100%;justify-content:center}.brain-tasks{grid-template-columns:1fr}.workforce-intro h3{font-size:30px}.workforce-stats div{min-height:68px}}

/* ArtisDex neutral-black pass: remove the blue-green surface cast across the page. */
html,body,.page-shell{background:#090909!important}.page-shell{background:linear-gradient(180deg,#090909 0%,#111 48%,#090909 100%)!important}
.section,.section-dark,.section-warm,#channels,#video-select,#quality,#heritage,#partner,#academy,#tools{background:#111!important;color:var(--yun-paper)!important}.section:nth-of-type(even){background:#151515!important}.trust-bar{background:#121212!important}.partner-section{background:#111!important}.footer{background:#090909!important}
.channel-card,.product-card,.tool-card,.academy-card,.heritage-feature,.big-story,.story-small,.partner-point,.join-form,.craft,.how-step,.workforce-column{background:#191919!important}.workforce-section{background:#111!important}.workforce-core{background:#1d1d1d!important}.workforce-orbit span{background:#1d1d1d!important}.workforce-orbit i{background:#e8e8e5!important}.staff-avatar{background:#303030!important}.brain-command,.brain-tasks button{background:#202020!important}.brain-mini span{background:#171717!important}
.nc-nav{background:rgba(12,12,12,.78)!important}.nc-cta,.btn-primary{background:linear-gradient(115deg,var(--accent-navy) 0%,var(--accent-navy-deep) 100%)!important;color:#f7f7f4!important}.nc-links .nc-link.active,.nc-links .nc-link:hover{background:var(--accent-navy-deep)!important;color:#f7f7f4!important}

/* Override legacy high-specificity player rules. */
.hero-media.fade-up.visible,.hero-media.fade-up{display:none!important;position:absolute!important;inset:auto!important;width:0!important;height:0!important;overflow:hidden!important;pointer-events:none!important}

/* Scroll-led transitions: sections drift through the viewport instead of
   appearing as a stack of static slides. Motion stays restrained so the
   video and copy remain the focus. */
.section{
  --scroll-shift:0px;
  --scroll-scale:1;
  --scroll-opacity:1;
  will-change:transform;
}
.section>.container{
  transform:translate3d(0,var(--scroll-shift),0) scale(var(--scroll-scale));
  opacity:var(--scroll-opacity);
  transition:transform .18s linear,opacity .18s linear;
  will-change:transform,opacity;
}
.section-head .eyebrow,.section-head .section-title,.section-head .section-copy{will-change:transform,opacity}
.section-head .eyebrow{transition:transform .95s cubic-bezier(.16,1,.3,1),opacity .95s ease}
.section-head .section-title{transition:transform 1.05s cubic-bezier(.16,1,.3,1),opacity 1.05s ease}
.section-head .section-copy{transition:transform 1.15s cubic-bezier(.16,1,.3,1),opacity 1.15s ease}
.section:not(.in-view) .section-head .eyebrow{transform:translateX(-20px);opacity:.25}
.section:not(.in-view) .section-head .section-title{transform:translateX(-34px);opacity:.2}
.section:not(.in-view) .section-head .section-copy{transform:translateX(28px);opacity:.18}
.section.in-view .section-head .eyebrow,.section.in-view .section-head .section-title,.section.in-view .section-head .section-copy{transform:none;opacity:1}
#channels>.container,#quality>.container,#academy>.container{transform:translate3d(0,var(--scroll-shift),0) scale(var(--scroll-scale))}
#video-select>.container,#heritage>.container,#partner>.container,#tools>.container{transform:translate3d(0,calc(var(--scroll-shift) * -1),0) scale(var(--scroll-scale))}
@media(max-width:760px){
  .section>.container{transition:none}
  .section:not(.in-view) .section-head .eyebrow{transform:translateY(12px);opacity:.3}
  .section:not(.in-view) .section-head .section-title{transform:translateY(18px);opacity:.25}
  .section:not(.in-view) .section-head .section-copy{transform:translateY(14px);opacity:.25}
}
@media(prefers-reduced-motion:reduce){
  .section>.container{transform:none!important;opacity:1!important;transition:none!important}
  .section-head .eyebrow,.section-head .section-title,.section-head .section-copy{transform:none!important;opacity:1!important;transition:none!important}
}

/* Editorial section layouts: asymmetric, but based on a deliberate grid. */
@media(min-width:1051px){
  .section-head{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(250px,360px)!important;gap:clamp(38px,7vw,120px)!important;align-items:end!important}
  .section-head>div{max-width:760px!important}
  #heritage .heritage-head,#academy .section-head{margin-bottom:clamp(52px,4.5vw,76px)!important}
  #channels .channel-grid{grid-template-columns:minmax(220px,.82fr) minmax(300px,1.25fr) minmax(220px,.82fr)!important;gap:22px!important;padding:0 2.5vw!important}
  #channels .channel-card:nth-child(1){margin-top:72px!important}
  #channels .channel-card:nth-child(2){margin-bottom:48px!important}
  #channels .channel-card:nth-child(3){margin-top:18px!important}
  #video-select .section-head{grid-template-columns:1.3fr .7fr!important}
  #video-select .video-showcase{margin-left:5vw!important;margin-right:-2vw!important}
  #heritage .heritage-feature{margin-left:5vw!important;margin-right:2vw!important}
  #academy .academy-grid{grid-template-columns:1.18fr .82fr!important;gap:28px!important;margin-left:4vw!important}
  #tools .tools-grid{grid-template-columns:1.15fr .85fr .85fr 1.15fr!important;align-items:end!important;gap:14px!important}
  #tools .tool-card:nth-child(2){margin-bottom:42px!important}
  #tools .tool-card:nth-child(3){margin-top:38px!important}
}

/* Cultural hall cards share one fixed height; the composition is staggered
   only through their vertical placement. */
@media (min-width: 901px) {
  #channels .channel-card,
  #channels .channel-card.featured {
    height: clamp(450px, 34vw, 540px) !important;
    min-height: 0 !important;
  }
  #channels .channel-card:nth-child(1) { transform: translateY(92px) !important; margin-top: 0 !important; }
  #channels .channel-card:nth-child(2) { transform: translateY(0) !important; margin-bottom: 0 !important; }
  #channels .channel-card:nth-child(3) { transform: translateY(46px) !important; margin-top: 0 !important; }
}
@media(max-width:1050px) and (min-width:761px){
}

/* Supporting copy follows the same quiet italic Songti voice as the reference. */
.section-copy,
.hero-desc,
.channel-body p,
.story-info p,
.product-info p,
.heritage-content>p,
.partner-aside>p,
.academy-copy p,
.tool-body p,
.footer-desc{
  font-family:"Songti SC","STSong","Noto Serif SC",serif!important;
  font-style:italic!important;
  font-weight:400!important;
  font-size:clamp(14px,.9vw,16px)!important;
  letter-spacing:.018em!important;
  line-height:1.85!important;
}

/* All supporting micro-copy shares the same quiet editorial voice as the
   channel introduction: serif, lightly italic, and deliberately restrained. */
.hero-proof,
.hero-proof span,
.trust-intro p,
.trust-item > span:not(.trust-icon),
.channel-tags span,
.product-info p,
.product-meta span,
.product-meta b,
.heritage-content > p,
.craft span,
.partner-aside > p,
.partner-point span,
.tool-body p,
.tool-body small,
.story-info p,
.story-small p,
.footer-desc,
.footer-note,
.field label,
.form-note,
.academy-copy p,
.section-sub {
  font-family:"Songti SC","STSong","Noto Serif SC",serif!important;
  font-style:italic!important;
  font-weight:400!important;
  letter-spacing:.018em!important;
  line-height:1.75!important;
}

.hero-proof,
.hero-proof span,
.trust-intro p,
.trust-item > span:not(.trust-icon),
.channel-tags span,
.product-info p,
.product-meta span,
.heritage-content > p,
.craft span,
.partner-aside > p,
.partner-point span,
.tool-body p,
.tool-body small,
.story-info p,
.story-small p,
.footer-desc,
.footer-note,
.field label,
.form-note,
.academy-copy p,
.section-sub {
  color:rgba(213,217,212,.72)!important;
}

/* Keep supporting metadata readable without competing with titles. */
.hero-proof,
.trust-intro p,
.trust-item > span:not(.trust-icon),
.channel-ribbon,
.channel-no,
.channel-tags span,
.story-kicker,
.story-small p,
.how-step p,
.cert-badge,
.pick-badge,
.product-info p,
.product-meta span,
.craft span,
.certificate p,
.travel-info small,
.ar-label,
.academy-card .tag,
.academy-card p,
.academy-card a,
.tool-body small,
.tool-body p,
.tool-body a,
.option-title,
.option,
.footer-cta p,
.footer .footer-note,
.field label,
.form-note { font-size:clamp(12px,.75vw,14px)!important; }
.product-meta b { font-size:18px!important; }
.section-copy,
.channel-body p,
.story-info p,
.product-info p,
.heritage-content>p,
.partner-aside>p,
.academy-copy p,
.tool-body p,
.footer-desc{color:rgba(213,217,212,.72)!important}
.footer{margin-top:0!important;padding:clamp(18px,2.2vw,30px)!important;background:#090a09!important;border:1px solid rgba(255,255,255,.055)!important}.footer .container{width:min(1680px,calc(100% - 40px))!important}.footer-cta{display:grid;min-height:clamp(330px,31vw,500px);place-items:center;align-content:center;gap:clamp(18px,2.2vw,30px);padding:clamp(44px,7vw,104px) 24px;text-align:center;background:#191a17;border-radius:clamp(12px,1.1vw,20px)}.footer-cta p{margin:0;color:#9da29c;font-size:10px;font-weight:600;letter-spacing:.18em}.footer-cta h2{margin:0;color:#f2f1ea;font:500 clamp(32px,4.6vw,72px)/1.22 var(--font-serif);letter-spacing:.035em}.footer-cta>span{max-width:620px;color:#777a77;font-size:clamp(13px,1vw,16px);line-height:1.85}.footer-cta a{display:inline-flex;min-height:52px;align-items:center;justify-content:center;padding:0 30px;border:1px solid rgba(245,245,239,.12);border-radius:999px;background:#f2f1ea!important;color:#111!important;font-size:13px!important;font-weight:700;text-decoration:none!important;transition:transform .2s ease,background .2s ease}.footer-cta a:hover{transform:translateY(-2px);background:#fff!important}.footer-cta i{font-style:normal}.footer-grid{grid-template-columns:minmax(240px,1fr) repeat(3,minmax(150px,.48fr))!important;gap:clamp(42px,7vw,126px)!important;padding:clamp(76px,11vw,164px) clamp(18px,2.2vw,40px) clamp(30px,3vw,48px)!important}.footer-brand{color:#f2f1ea!important;font-size:clamp(24px,2.35vw,36px)!important}.footer-brand span{color:#f2f1ea!important}.footer-desc{max-width:380px!important;margin-top:15px!important;color:#777a77!important;font-size:clamp(11px,.75vw,13px)!important;line-height:1.65!important;letter-spacing:.1em}.footer h4{margin:0 0 15px!important;color:#777a77!important;font-size:clamp(12px,.8vw,14px)!important;font-weight:500!important}.footer a:not(.footer-cta a){margin:0!important;color:#e0e0d9!important;font-size:clamp(14px,.95vw,16px)!important;line-height:1.25!important}.footer-grid>div:not(:first-child){display:grid;align-content:start;gap:15px}.footer-note{margin:0!important;padding:22px clamp(18px,2.2vw,40px) 0!important;border-color:rgba(255,255,255,.055)!important;color:#777a77!important;font-size:11px!important}@media(max-width:760px){.footer .container{width:100%!important}.footer{padding:12px!important}.footer-grid{grid-template-columns:1fr 1fr!important;gap:34px 28px!important;padding:52px 16px 32px!important}.footer-grid>div:first-child{grid-column:1/-1}.footer-note{display:grid!important;gap:10px;padding:18px 16px 8px!important}.footer-cta{min-height:360px;padding-inline:20px}}
/* Reference-led footer: a brand closeout on the left, navigation and a
   compact subscription zone on the right. */
.footer{padding:clamp(18px,2.2vw,32px)!important;background:#070808!important}.footer-layout{display:grid;grid-template-columns:minmax(310px,.78fr) minmax(0,1.42fr);min-height:clamp(390px,34vw,540px);border:1px solid rgba(174,187,217,.16);background:#0d0e0e}.footer-cta{min-height:0!important;place-items:start!important;align-content:space-between!important;padding:clamp(30px,3.8vw,62px)!important;text-align:left!important;border-radius:0!important;background:linear-gradient(145deg,rgba(13,25,47,.96),rgba(3,7,14,.98))!important;position:relative;overflow:hidden}.footer-cta:before{content:"文粹";position:absolute;right:-.08em;bottom:-.37em;color:rgba(174,187,217,.07);font:700 clamp(118px,13vw,205px)/1 var(--font-serif);white-space:nowrap;pointer-events:none}.footer-cta>*{position:relative;z-index:1}.footer-cta h2{max-width:410px!important;font-size:clamp(28px,3vw,48px)!important;line-height:1.32!important}.footer-cta>span{max-width:350px!important}.footer-cta a{min-height:43px!important;padding-inline:20px!important;border-radius:999px!important;background:rgba(245,245,242,.94)!important}.footer-content{display:grid;grid-template-rows:1fr auto;min-width:0;padding:clamp(32px,4vw,64px) clamp(28px,4.5vw,76px) clamp(22px,2.5vw,38px)}.footer-grid{grid-template-columns:repeat(3,minmax(120px,1fr))!important;gap:clamp(24px,5vw,82px)!important;padding:0!important}.footer-grid>div{display:grid;align-content:start;gap:13px}.footer h4{margin:0 0 10px!important;color:#8e9db4!important;font-size:12px!important;letter-spacing:.12em!important}.footer a:not(.footer-cta a){font-size:14px!important;color:#e3e5e7!important}.footer-note{display:flex!important;justify-content:space-between!important;gap:18px;margin-top:26px!important;padding:18px 0 0!important;border-top:1px solid rgba(174,187,217,.11)!important;color:#7f8792!important}.footer-note span:last-child{max-width:520px;text-align:right}@media(max-width:900px){.footer-layout{grid-template-columns:1fr}.footer-cta{min-height:360px!important}.footer-content{padding:42px 30px 26px}}@media(max-width:620px){.footer{padding:12px!important}.footer-layout{min-height:0}.footer-cta{min-height:330px!important;padding:30px!important}.footer-content{padding:34px 22px 20px}.footer-grid{grid-template-columns:1fr 1fr!important;gap:30px 20px!important}.footer-note{display:grid!important;gap:10px}.footer-note span:last-child{text-align:left}.footer-cta:before{font-size:128px}}
.hero-desc{color:rgba(213,217,212,.84)!important}

/* Blend the homepage hero into the trust strip without a hard horizontal seam. */
.hero + .trust-bar {
  position: relative;
  isolation: isolate;
  margin-top: 0 !important;
  padding-top: clamp(56px,7vw,104px) !important;
}
.hero + .trust-bar::before {
  content: '';
  position: absolute;
  z-index: -1;
  top: -150px;
  left: 0;
  right: 0;
  height: 220px;
  pointer-events: none;
  background: linear-gradient(180deg, rgba(9,10,12,0), rgba(9,10,12,.46) 45%, rgba(9,10,12,.9) 100%);
}

/* Navigation is click-led: hover is feedback only, never a menu trigger. */
.nc-links .nc-link:hover{background:rgba(65,89,133,.28)!important;color:#fff!important}
.nc-links .nc-link.active{background:var(--accent-navy-deep)!important;color:#fff!important}
.nc-dropdown-menu{background:rgba(13,13,13,.98)!important;border-color:rgba(245,245,242,.2)!important}
.nc-dropdown-item{color:#f4f4ef!important}
.nc-dropdown-item:hover{background:var(--accent-navy-deep)!important;color:#fff!important}

/* The navigation frame belongs to the link group only. Keep the brand and
   action controls visually free-standing on either side. */
.nc-nav{
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
}
.nc-nav::before,
.nc-nav::after{
  content:none!important;
  display:none!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
.nc-links{
  flex:0 1 auto!important;
  margin:0 auto!important;
  padding:3px 5px!important;
  border:1px solid rgba(245,245,242,.16)!important;
  border-radius:999px!important;
  background:rgba(10,10,10,.86)!important;
  box-shadow:0 10px 28px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.06)!important;
}
@media(min-width:761px){
  .nc-nav-inner{display:grid!important;grid-template-columns:1fr auto 1fr!important;gap:20px!important}
  .nc-logo{justify-self:start!important}
  .nc-links{justify-self:center!important}
  .nc-actions{justify-self:end!important}
}

/* Primary actions carry the one controlled highlight: deep navy, never mint. */
.btn-primary,.submit-btn,.story-launch,.heart-custom-buy,.nc-cta{
  background:linear-gradient(115deg,var(--accent-navy) 0%,var(--accent-navy-deep) 100%)!important;
  border-color:#536b9a!important;
  color:#f7f7f4!important;
  box-shadow:none!important;
}
.btn-primary:hover,.submit-btn:hover,.story-launch:hover,.heart-custom-buy:hover,.nc-cta:hover{
  background:linear-gradient(115deg,#4a608f 0%,#1a294b 100%)!important;
  border-color:#647eae!important;
  color:#fff!important;
}
.btn-outline{
  background:rgba(255,255,255,.02)!important;
  border-color:rgba(245,245,242,.34)!important;
  color:#f5f5f2!important;
  box-shadow:none!important;
}
.btn-outline:hover{background:rgba(255,255,255,.1)!important;border-color:#f5f5f2!important;color:#fff!important}

/* Accent-bearing utility styles use navy only as a small navigational cue. */
.eyebrow,.section-link,.channel-no,.channel-arrow,.story-kicker,.rank,.product-meta b,.pick-badge,.cert-badge,.hero-card-content small{color:#aebbd9!important}
.eyebrow::before,.progress span{background:var(--accent-navy)!important}
.section-link,.channel-arrow,.channel-tags span,.product-meta span{border-color:rgba(245,245,242,.26)!important}
.channel-ribbon,.cert-badge,.pick-badge,.rank,.story-kicker{background:rgba(20,20,20,.9)!important;border-color:rgba(245,245,242,.22)!important}
.tab{border-color:rgba(245,245,242,.22)!important;color:#c9c9c4!important}

/* The footer closeout has a restrained, slow-moving mineral sheen rather than
   a static colour block. The existing watermark remains on ::before. */
@keyframes footer-sand-drift{
  0%,100%{background-position:0% 50%,100% 0%,50% 100%}
  50%{background-position:100% 50%,0% 100%,50% 0%}
}
@keyframes footer-sand-sheen{
  from{transform:translate3d(-5%,-2%,0) rotate(-4deg);background-position:0 0,0% 50%}
  to{transform:translate3d(5%,2%,0) rotate(-4deg);background-position:12px 12px,100% 50%}
}
.footer-cta{
  background:
    radial-gradient(ellipse 95% 66% at 4% 88%,rgba(73,100,151,.43),transparent 68%),
    radial-gradient(ellipse 76% 68% at 102% 8%,rgba(148,155,158,.20),transparent 70%),
    linear-gradient(130deg,#07101f 0%,#101b2d 32%,#0b0d12 65%,#151719 100%)!important;
  background-size:185% 185%,200% 200%,165% 165%!important;
  animation:footer-sand-drift 18s ease-in-out infinite!important;
}
.footer-cta::after{
  content:''!important;
  display:block!important;
  position:absolute;
  inset:-35%;
  z-index:0;
  opacity:.22;
  pointer-events:none;
  background:
    repeating-radial-gradient(ellipse at 44% 54%,rgba(229,235,242,.16) 0 1px,transparent 2px 7px),
    linear-gradient(112deg,transparent 22%,rgba(121,150,203,.34) 46%,transparent 69%);
  background-size:12px 12px,210% 210%;
  mix-blend-mode:screen;
  animation:footer-sand-sheen 24s linear infinite;
}
.footer-cta>*{z-index:1}
@media(prefers-reduced-motion:reduce){
  .footer-cta,.footer-cta::after{animation:none!important}
}

/* A shared, low-contrast brand watermark carries the closeout across the
   complete footer without changing the existing information layout. */
body > .page-shell > footer.footer .footer-layout{
  --footer-mark-size:clamp(110px,12.8vw,228px);
  position:relative;
  isolation:isolate;
  overflow:hidden;
}
body > .page-shell > footer.footer .footer-layout::after{
  content:none;
  display:none;
}
body > .page-shell > footer.footer .footer-cta::before,
body > .page-shell > footer.footer .footer-content::before{
  display:block!important;
  position:absolute;
  left:50%;
  bottom:clamp(66px,6vw,118px);
  z-index:1;
  color:rgba(221,229,241,.055);
  font:700 var(--footer-mark-size)/.76 var(--font-serif);
  letter-spacing:.045em;
  white-space:nowrap;
  pointer-events:none;
  transform:translateX(-50%);
}
body > .page-shell > footer.footer .footer-cta::before{display:none!important}
body > .page-shell > footer.footer .footer-content::before{content:"美学智造"}
body > .page-shell > footer.footer .footer-content{position:relative;overflow:hidden}
body > .page-shell > footer.footer .footer-layout > *{position:relative;z-index:auto}
body > .page-shell > footer.footer .footer-cta > *,
body > .page-shell > footer.footer .footer-content > *{position:relative;z-index:2}
@media(max-width:620px){
  body > .page-shell > footer.footer .footer-layout{--footer-mark-size:clamp(68px,22vw,112px)}
  body > .page-shell > footer.footer .footer-content::before{bottom:52px}
}
.tab.active,.tab:hover{background:var(--accent-navy-soft)!important;border-color:#647eae!important;color:#f5f5f2!important}
.hero-label{color:#e8e8e5!important;border-color:rgba(245,245,242,.26)!important;background:rgba(255,255,255,.06)!important}
.hotspot{border-color:#aebbd9!important;color:#f5f5f2!important;background:rgba(27,39,70,.76)!important}
.hotspot::after{border-color:rgba(108,132,180,.5)!important}
.story-hot{border-color:rgba(245,245,242,.28)!important;color:#f5f5f2!important;background:rgba(18,18,18,.9)!important}
.channel-play{box-shadow:0 0 0 1px rgba(245,245,242,.24),0 10px 38px rgba(0,0,0,.38)!important}
.section::after,.section.in-view::after{background:linear-gradient(90deg,transparent,rgba(245,245,242,.18),transparent)!important}

/* Partner entry card finish (kept last to win over legacy theme rules). */
body .partner-section .partner-aside,body .partner-section .join-form{position:relative!important;overflow:hidden!important;border:1px solid rgba(190,202,215,.28)!important;border-radius:24px!important;background:linear-gradient(122deg,#252a31 0%,#15191f 36%,#20262e 52%,#0d1117 74%,#1b2028 100%)!important;background-size:180% 180%!important;box-shadow:0 18px 38px rgba(0,0,0,.38),inset 0 1px 0 rgba(221,230,240,.16),inset 0 -1px 0 rgba(0,0,0,.62)!important;transition:transform .42s cubic-bezier(.22,1,.36,1),border-color .42s ease,box-shadow .42s ease,background-position 1.2s ease!important}
body .partner-section .partner-aside{max-width:none!important;padding:clamp(28px,2.8vw,42px)!important}
body .partner-section .partner-aside:hover,body .partner-section .join-form:hover{transform:translateY(-6px)!important;border-color:rgba(190,202,215,.52)!important;background-position:100% 0!important;box-shadow:0 24px 48px rgba(0,0,0,.46),inset 0 1px 0 rgba(235,240,248,.22),inset 0 -1px 0 rgba(0,0,0,.7)!important}
body .partner-section .partner-aside::after,body .partner-section .join-form::after{content:""!important;display:block!important;position:absolute!important;inset:0!important;pointer-events:none!important;background:linear-gradient(115deg,transparent 24%,rgba(190,211,240,.18) 47%,transparent 68%)!important;background-size:220% 100%!important;background-position:-120% 0!important;opacity:0!important;transition:background-position .9s cubic-bezier(.22,1,.36,1),opacity .42s ease!important}
body .partner-section .partner-aside:hover::after,body .partner-section .join-form:hover::after{background-position:100% 0!important;opacity:1!important}
body .partner-section .partner-aside>*,body .partner-section .join-form>*{position:relative;z-index:1}
@media(max-width:1050px){body .partner-section .partner-aside{padding:28px!important}}
@media(max-width:600px){body .partner-section .partner-aside,body .partner-section .join-form{border-radius:18px!important}body .partner-section .partner-aside{padding:24px 20px!important}}
body .partner-section .partner-grid{align-items:stretch!important}
body .partner-section .partner-aside,body .partner-section .join-form{border-radius:12px!important}
@media(max-width:600px){body .partner-section .partner-aside,body .partner-section .join-form{border-radius:10px!important}}

/* The left copy is an open editorial column; only its three points are cards. */
body .partner-section .partner-grid{align-items:center!important}
body .partner-section .partner-aside{max-width:440px!important;padding:0!important;margin-block:auto!important;align-self:center!important;position:static!important;top:auto!important;bottom:auto!important;transform:none!important;overflow:visible!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
body .partner-section .partner-aside::after{display:none!important;content:none!important}
body .partner-section .partner-aside:hover{border:0!important;background:transparent!important;box-shadow:none!important;transform:none!important}
@media(max-width:1050px){body .partner-section .partner-aside{max-width:none!important;padding:0!important}}

/* Quality picks use the same magnetic card rail as the video channels. */
body #quality .product-grid{display:flex!important;align-items:center!important;gap:14px!important;overflow-x:auto!important;overflow-y:visible!important;scrollbar-width:none;padding:10px 0 24px!important}
body #quality .product-grid::-webkit-scrollbar{display:none}
body #quality .product-card{flex:0 0 var(--magnetic-width,calc((100% - 42px)/4))!important;width:var(--magnetic-width,calc((100% - 42px)/4))!important;height:var(--magnetic-height,404px)!important;min-height:0!important;margin:0!important;transition:width .08s linear,height .08s linear,transform .3s ease,border-color .3s ease,box-shadow .3s ease!important}
body #quality .product-card.is-magnetic-active{z-index:3!important;transform:translateY(-4px)!important}
body #quality .product-card .product-img{height:225px!important}
@media(min-width:1400px){
  body .page-shell > .container,
  body .page-shell > .section > .container,
  body .page-shell .section > .container,
  body .page-shell > header .container,
  body .page-shell > footer .container {
    width: calc(100% - 128px) !important;
    max-width: none !important;
  }
  /* Keep a measured outer margin while letting the main shelves use the width. */
  body #channels .channel-grid { padding-inline: 1.2vw !important; }
}
@media(max-width:900px){body #quality .product-grid{align-items:stretch!important;gap:14px!important;padding-bottom:18px!important}body #quality .product-card{flex:0 0 min(78vw,360px)!important;width:min(78vw,360px)!important;height:auto!important;min-height:404px!important}body #quality .product-card .product-img{height:225px!important}}

@media(min-width:901px){
  body #quality .product-grid{
    display:flex!important;
    flex-wrap:wrap!important;
    align-items:stretch!important;
    column-gap:14px!important;
    row-gap:clamp(44px,5vw,84px)!important;
    overflow:visible!important;
    padding:10px 0 24px!important;
  }
  body #quality .product-card{
    min-width:0!important;
    flex:0 0 var(--magnetic-width,calc((100% - 42px)/4))!important;
    width:var(--magnetic-width,100%)!important;
    height:var(--magnetic-height,404px)!important;
  }
}

/* Magnetic carousel for the three video channels. */
body #channels .channel-grid {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: clamp(12px,1.4vw,20px) !important;
  height: clamp(560px,46vw,720px) !important;
  padding: 0 !important;
  overflow: visible !important;
}
body #channels .channel-grid::before { display: none !important; }
body #channels .channel-card,
body #channels .channel-card.featured {
  flex: 0 0 var(--magnetic-width, 31%) !important;
  width: var(--magnetic-width, 31%) !important;
  height: var(--magnetic-height, 540px) !important;
  min-height: 0 !important;
  margin: 0 !important;
  transform: none !important;
  transition: width .08s linear, height .08s linear, border-color .3s ease, box-shadow .3s ease !important;
}
body #channels .channel-card.is-magnetic-active { z-index: 3 !important; }
@media(max-width:900px){
  body #channels .channel-grid {
    display: flex !important;
    justify-content: flex-start !important;
    align-items: stretch !important;
    height: auto !important;
    overflow-x: auto !important;
    overflow-y: visible !important;
    scroll-snap-type: x proximity;
    scrollbar-width: none;
    padding: 0 0 18px !important;
  }
  body #channels .channel-grid::-webkit-scrollbar { display: none; }
  body #channels .channel-card,
  body #channels .channel-card.featured {
    flex: 0 0 min(82vw, 390px) !important;
    width: min(82vw, 390px) !important;
    height: min(118vw, 540px) !important;
    scroll-snap-align: start;
  }
}

/* Four-card video shelf: each story is a full-height image tile. */
@media (min-width: 901px){
  body #video-select .video-showcase{display:flex!important;gap:18px!important;height:clamp(540px,34vw,680px)!important;margin-left:0!important;margin-right:0!important;overflow:visible!important}
  body #video-select .video-showcase>.big-story,
  body #video-select .video-showcase>.story-stack>.story-small{flex:1 1 0!important;width:auto!important;min-width:0!important;height:100%!important;min-height:0!important;transition:flex .62s cubic-bezier(.22,1,.36,1),border-color .35s ease,box-shadow .35s ease!important}
  body #video-select .video-showcase>.story-stack{display:contents!important}
  body #video-select .video-showcase>.big-story:hover,
  body #video-select .video-showcase>.story-stack>.story-small:hover{flex:1.45 1 0!important;border-color:rgba(174,187,217,.58)!important;box-shadow:0 22px 46px rgba(0,0,0,.42)!important}
  body #video-select .video-showcase .big-story>img,
  body #video-select .video-showcase .story-small>img{opacity:1!important;object-fit:cover!important;transition:transform .8s cubic-bezier(.22,1,.36,1),filter .5s ease!important}
  body #video-select .video-showcase .big-story:hover>img,
  body #video-select .video-showcase .story-small:hover>img{transform:scale(1.045)!important;filter:saturate(1.04) contrast(1.04)!important}
  body #video-select .video-showcase .story-info,
  body #video-select .video-showcase .story-small>div{opacity:0!important;transform:translateY(26px)!important;transition:opacity .5s ease,transform .62s cubic-bezier(.22,1,.36,1)!important}
  body #video-select .video-showcase .big-story:hover .story-info,
  body #video-select .video-showcase .story-small:hover>div{opacity:1!important;transform:translateY(0)!important}
  body #video-select .video-showcase .story-hot{opacity:0!important;transform:translateY(18px)!important;transition:opacity .45s ease,transform .55s ease!important}
  body #video-select .video-showcase .big-story:hover .story-hot{opacity:1!important;transform:translateY(0)!important}
  body #video-select .video-showcase .story-info,
  body #video-select .video-showcase .story-small>div{text-shadow:0 2px 14px rgba(0,0,0,.95),0 6px 24px rgba(0,0,0,.72)!important}
}
@media (max-width:900px){body #video-select .video-showcase{display:grid!important;height:auto!important}body #video-select .video-showcase>.story-stack{display:flex!important}}

/* Keep the partner application composition centered on wide screens. */
@media(min-width:1400px){
  body #partner > .container.partner-grid{
    width: min(1500px, calc(100% - 160px)) !important;
    max-width: none !important;
    margin-inline: auto !important;
    grid-template-columns: minmax(360px, .72fr) minmax(0, 1.28fr) !important;
    gap: clamp(46px, 4vw, 72px) !important;
  }
  body #channels .channel-grid { padding-inline: 1.2vw !important; }
  /* Preserve a substantial video frame on wide displays; grid width should
     never make the feature card collapse vertically. */
  body #video-select .video-showcase{
    align-items: stretch !important;
  }
  body #video-select .big-story,
  body #video-select .story-stack{
    height: clamp(560px, 34vw, 700px) !important;
    min-height: 560px !important;
  }
  body #video-select .video-showcase{
    margin-right: 2vw !important;
  }
}

/* Leave a clearer breathing space between the final homepage section and the
   closing footer composition. */
body > .page-shell > footer.footer {
  margin-top: clamp(64px, 5vw, 96px) !important;
}

/* The full partner application lives on partner.html. Keep a quiet homepage
   handoff so the section remains discoverable without duplicating the form. */
.partner-portal {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:clamp(32px,6vw,96px);
  max-width:1100px;
  padding-block:clamp(12px,1.5vw,20px);
  border-top:1px solid rgba(245,245,242,.14);
  border-bottom:1px solid rgba(245,245,242,.14);
}
.partner-portal .eyebrow { margin-bottom:12px; }
.partner-portal .section-title { margin-bottom:14px; }
.partner-portal p:not(.eyebrow) { max-width:560px; color:#92928d; font-size:13px; line-height:1.85; }
.partner-portal > a { flex:none; white-space:nowrap; }
@media(max-width:760px){
  .partner-portal { align-items:flex-start; flex-direction:column; gap:26px; }
  .partner-portal > a { width:100%; }
}

@media (max-width: 760px) {
  body > .page-shell > footer.footer {
    margin-top: 58px !important;
  }
}

/* Give each homepage content section a consistent pause before the next one.
   The final academy section stays flush with the dedicated footer gap above. */
body > .page-shell > .section:not(#academy) {
  margin-bottom: clamp(40px, 4vw, 72px) !important;
}
body > .page-shell > #academy {
  margin-bottom: 0 !important;
}

@media (max-width: 760px) {
  body > .page-shell > .section:not(#academy) {
    margin-bottom: 34px !important;
  }
}

/* Homepage only: keep the entire copyright note centered at the bottom of
   the right-hand footer column. */
body > .page-shell > footer.footer .footer-note {
  justify-content: center !important;
  align-items: center !important;
  text-align: center !important;
}
body > .page-shell > footer.footer .footer-note span:last-child {
  max-width: 520px;
  text-align: center !important;
}

/* Homepage footer note: make copyright a separate, full-width bottom row. */
body > .page-shell > footer.footer .footer-layout {
  grid-template-rows: 1fr !important;
}
body > .page-shell > footer.footer .footer-note {
  width: 100% !important;
  justify-content: center !important;
  gap: 18px !important;
  margin: 0 auto !important;
  padding: 16px clamp(18px, 2.2vw, 40px) 0 !important;
  border-top: 1px solid rgba(174,187,217,.11) !important;
  text-align: center !important;
}
body > .page-shell > footer.footer {
  padding-bottom: 0 !important;
}
body > .page-shell > footer.footer .footer-note span {
  text-align: center !important;
}
@media (max-width: 620px) {
  body > .page-shell > footer.footer .footer-note {
    display: grid !important;
    gap: 8px !important;
    padding: 16px 16px 0 !important;
  }
}

/* Keep the two-row quality shelf centered while cards respond to the pointer.
   The added height is removed equally from the row's top and bottom margins,
   so the active card grows around its own center without pushing row two. */
@media (min-width: 901px) {
  body #quality .product-card {
    margin-top: calc(var(--magnetic-extra, 0px) * -0.5) !important;
    margin-bottom: calc(var(--magnetic-extra, 0px) * -0.5) !important;
    transition: width .12s linear, height .12s linear, margin .12s linear,
      transform .3s ease, border-color .3s ease, box-shadow .3s ease !important;
  }
  body #quality .product-card.is-magnetic-active {
    transform: none !important;
  }
}

/* Channel copy reveals on hover, keeping the artwork clean at rest. */
@media (min-width: 901px) and (hover: hover){
  body #channels .channel-card .channel-body,
  body #channels .channel-card .channel-ribbon{
    opacity: 0 !important;
    transform: translateY(24px) !important;
    transition: opacity .5s ease, transform .62s cubic-bezier(.22,1,.36,1) !important;
  }
  body #channels .channel-card:hover .channel-body,
  body #channels .channel-card:hover .channel-ribbon{
    opacity: 1 !important;
    transform: translateY(0) !important;
  }
  /* Keep the angled station label angled while it fades and rises. */
  body #channels .channel-card .channel-ribbon{
    transform: rotate(-45deg) translateY(24px) !important;
  }
  body #channels .channel-card:hover .channel-ribbon{
    transform: rotate(-45deg) translateY(0) !important;
  }
  body #channels .channel-card .channel-body{
    text-shadow: 0 2px 12px rgba(0,0,0,.95), 0 5px 24px rgba(0,0,0,.75) !important;
    filter: drop-shadow(0 10px 18px rgba(0,0,0,.38));
  }
  body #channels .channel-card:hover::after{
    background: linear-gradient(0deg,rgba(7,8,10,.99) 0%,rgba(7,8,10,.7) 48%,rgba(7,8,10,.08) 78%) !important;
  }

  /* Apply the same quiet reveal to the product cards below. */
  body #quality .product-card .product-info{
    opacity: 0 !important;
    transform: translateY(24px) !important;
    text-shadow: 0 2px 12px rgba(0,0,0,.92), 0 5px 20px rgba(0,0,0,.7) !important;
    filter: drop-shadow(0 8px 16px rgba(0,0,0,.34));
    transition: opacity .5s ease, transform .62s cubic-bezier(.22,1,.36,1) !important;
  }
  body #quality .product-card:hover .product-info{
    opacity: 1 !important;
    transform: translateY(0) !important;
  }
}

/* Product artwork fills the card; copy floats in only on hover. */
@media (min-width: 901px){
  body #quality .product-card{
    position: relative !important;
    background: #111 !important;
  }
  body #quality .product-card .product-img{
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    background: #111 !important;
  }
  body #quality .product-card .product-img img{
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
  }
  body #quality .product-card .product-info{
    position: absolute !important;
    z-index: 4 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    padding: 72px 18px 18px !important;
    background: linear-gradient(180deg, transparent 0%, rgba(8,8,8,.7) 34%, rgba(8,8,8,.97) 100%) !important;
  }
  body #quality .product-card .product-info h3,
  body #quality .product-card .product-info p,
  body #quality .product-card .product-meta{ position: relative; z-index: 1; }
}

/* Keep the scrolling trust items centered within their rail. */
body .trust-bar,
body .trust-inner,
body .trust-intro,
body .trust-item{
  align-items: center !important;
}
body .trust-inner{
  min-height: clamp(92px, 8vw, 128px) !important;
}
body .trust-intro,
body .trust-item{
  min-height: clamp(92px, 8vw, 128px) !important;
}
@media (max-width: 760px){
  body .trust-intro,
  body .trust-item{ margin-right: 14px !important; }
}

/* Give the Jiuse Lu feature its own centered row above the three companion
   stories, matching the requested editorial composition. */
@media (min-width: 901px){
  body #video-select .video-showcase{
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: clamp(22px, 2vw, 34px) !important;
    height: auto !important;
  }
  body #video-select .video-showcase > .big-story{
    grid-column: 1 / -1 !important;
    width: min(78%, 1120px) !important;
    height: clamp(440px, 36vw, 620px) !important;
    min-height: 0 !important;
    justify-self: center !important;
    flex: none !important;
  }
  body #video-select .video-showcase > .story-stack{
    display: contents !important;
  }
  body #video-select .video-showcase > .story-stack > .story-small{
    grid-column: auto !important;
    width: 100% !important;
    height: clamp(300px, 24vw, 420px) !important;
    min-height: 0 !important;
    flex: none !important;
    transition: transform .45s cubic-bezier(.22,1,.36,1), border-color .35s ease, box-shadow .35s ease !important;
  }
body #video-select .video-showcase > .story-stack > .story-small:hover{
    transform: translateY(-6px) scale(1.025) !important;
  }
  body #video-select .video-showcase .story-small > img{
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    transform: scale(1.22) !important;
    transform-origin: center center !important;
  }
  body #video-select .video-showcase .story-small:hover > img{
    transform: scale(1.3) !important;
  }
  body #video-select .video-showcase .story-info h3,
  body #video-select .video-showcase .story-small h4{
    color: #f5f5f2 !important;
    font-size: clamp(18px, 1.45vw, 27px) !important;
    line-height: 1.25 !important;
  }
  body #video-select .video-showcase .story-info p,
  body #video-select .video-showcase .story-small p{
    color: rgba(245,245,242,.86) !important;
    font-size: clamp(12px, .8vw, 14px) !important;
  }
}

/* Keep the three cultural-hall cards on one baseline. The magnetic script
   still varies their heights, so flex-end lets the shorter cards rise while
   every bottom edge stays aligned. */
@media (min-width: 901px){
  body #channels .channel-grid{
    align-items: flex-end !important;
  }
  body #channels .channel-card,
  body #channels .channel-card.featured,
  body #channels .channel-card:nth-child(1),
  body #channels .channel-card:nth-child(2),
  body #channels .channel-card:nth-child(3){
    transform: none !important;
    box-shadow: none !important;
  }
}

/* The artwork should stay clean at rest. Bring in the dark reading layer and
   elevation only while a card is hovered, when its copy is revealed. */
@media (min-width: 901px) and (hover: hover){
  body #channels .channel-card::after{
    background: linear-gradient(0deg, rgba(7,8,10,.08) 0%, rgba(7,8,10,.025) 42%, transparent 78%) !important;
    transition: background .42s ease !important;
  }
  body #channels .channel-card:hover::after{
    background: linear-gradient(0deg, rgba(7,8,10,.99) 0%, rgba(7,8,10,.7) 48%, rgba(7,8,10,.08) 78%) !important;
  }
  body #channels .channel-card:hover{
    box-shadow: 0 18px 34px rgba(0,0,0,.28) !important;
  }
}

@media (min-width: 901px){
  /* Add air between the feature row and its three supporting cards. */
  body #video-select .video-showcase{
    row-gap: clamp(54px, 5vw, 88px) !important;
  }
  body #video-select .story-small .rank{
    color: #f5f5f2 !important;
    background: rgba(8,8,8,.78) !important;
    border: 1px solid rgba(245,245,242,.35) !important;
    padding: 5px 8px !important;
    font-size: clamp(11px, .8vw, 14px) !important;
    text-shadow: 0 2px 8px rgba(0,0,0,.95) !important;
  }
  /* Product copy stays legible against every image when revealed. */
  body #quality .product-card:hover .product-info h3{
    color: #f5f5f2 !important;
    font-size: clamp(19px, 1.35vw, 26px) !important;
    line-height: 1.3 !important;
    text-shadow: 0 2px 12px rgba(0,0,0,.98) !important;
  }
  body #quality .product-card:hover .product-info p{
    color: rgba(245,245,242,.9) !important;
    font-size: clamp(12px, .8vw, 15px) !important;
    line-height: 1.55 !important;
  }
  body #quality .product-card:hover .product-meta span{
    color: #f5f5f2 !important;
    font-size: clamp(12px, .75vw, 14px) !important;
    text-shadow: 0 2px 10px rgba(0,0,0,.95) !important;
  }
  body #quality .product-card:hover .product-meta b{
    color: #f5f5f2 !important;
    font-size: 18px !important;
    text-shadow: 0 2px 10px rgba(0,0,0,.95) !important;
  }
}

/* Give the three supporting stories the same magnetic expansion language as
   the four-card quality shelf above. Their row keeps a stable footprint while
   the card nearest the pointer grows evenly from its vertical center. */
@media (min-width: 901px) and (hover: hover){
  body #video-select .video-showcase > .story-stack{
    grid-column: 1 / -1 !important;
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 18px !important;
    width: 100% !important;
    min-width: 0 !important;
  }
  body #video-select .video-showcase > .story-stack > .story-small{
    grid-column: auto !important;
    flex: 0 0 var(--story-magnetic-width, calc((100% - 36px) / 3)) !important;
    width: var(--story-magnetic-width, calc((100% - 36px) / 3)) !important;
    height: var(--story-magnetic-height, clamp(440px, 27vw, 520px)) !important;
    min-height: 0 !important;
    margin-top: calc(var(--story-magnetic-extra, 0px) * -.5) !important;
    margin-bottom: calc(var(--story-magnetic-extra, 0px) * -.5) !important;
    transition: width .12s linear, height .12s linear, margin .12s linear,
      border-color .35s ease, box-shadow .35s ease !important;
  }
  body #video-select .video-showcase > .story-stack > .story-small.is-magnetic-active{
    z-index: 3 !important;
  }
  body #video-select .video-showcase > .story-stack > .story-small:hover{
    transform: none !important;
  }
}

@media (max-width: 900px){
  body #video-select .video-showcase > .story-stack{
    width: 100% !important;
    min-width: 0 !important;
  }
  body #video-select .video-showcase > .story-stack > .story-small{
    width: 100% !important;
    min-width: 0 !important;
  }
}