:root{
  --bg:#02030c;
  --panel:#08132b;
  --panel2:#0d1f44;
  --text:#f7fbff;
  --muted:rgba(247,251,255,.66);
  --dim:rgba(247,251,255,.42);
  --line:rgba(255,255,255,.14);
  --purple:#7a35ff;
  --cyan:#08d7ff;
  --blue:#1d72ff;
  --pink:#ff4fc5;
  --radius:22px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;overflow-x:hidden}
body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,Arial,"PingFang SC","Microsoft YaHei",sans-serif;overflow-x:hidden}
a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}img,video{max-width:100%;display:block}.page-bg{position:fixed;inset:0;z-index:-2;background:radial-gradient(circle at 16% 12%, rgba(0,110,255,.42), transparent 30%),radial-gradient(circle at 84% 10%, rgba(121,53,255,.32), transparent 25%),radial-gradient(circle at 74% 56%, rgba(0,190,255,.20), transparent 22%),radial-gradient(circle at 20% 88%, rgba(93,34,255,.34), transparent 28%),#02030c}.page-bg:after{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.18) 1px, transparent 1px);background-size:4px 4px;opacity:.08;mix-blend-mode:screen}.topbar{position:fixed;left:50%;top:18px;transform:translateX(-50%);z-index:50;width:min(1160px,calc(100vw - 32px));height:58px;display:flex;align-items:center;justify-content:space-between;padding:0 14px 0 22px;border:1px solid rgba(255,255,255,.12);border-radius:999px;background:rgba(2,4,16,.62);backdrop-filter:blur(18px);box-shadow:0 18px 60px rgba(0,0,0,.28)}.brand{display:inline-flex;align-items:center;gap:7px;font-weight:900;letter-spacing:.02em;font-size:22px}.brand b{font-size:17px;padding:2px 7px 1px;border-radius:4px;background:linear-gradient(90deg,var(--purple),var(--cyan));box-shadow:0 0 16px rgba(8,215,255,.35)}.nav-links{display:flex;gap:42px;font-size:14px;font-weight:700}.nav-links a{position:relative;color:rgba(255,255,255,.76);transition:.25s}.nav-links a:hover,.nav-links a.active{color:#fff}.nav-links a.active:after{content:"";position:absolute;left:0;right:0;bottom:-6px;height:2px;border-radius:9px;background:linear-gradient(90deg,var(--purple),var(--cyan))}.nav-actions{display:flex;align-items:center;gap:12px}.search-chip{height:36px;padding:0 18px;border-radius:12px;border:1px solid var(--cyan);background:rgba(0,0,0,.12);font-weight:800}.search-chip span{color:var(--cyan);margin-right:5px}.register-btn,.primary-btn{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:14px;background:linear-gradient(100deg,var(--purple),var(--cyan));color:#fff;font-weight:900;box-shadow:0 14px 34px rgba(8,215,255,.22),0 10px 28px rgba(122,53,255,.26);transition:.25s}.register-btn{height:36px;padding:0 20px}.primary-btn{height:44px;padding:0 24px}.register-btn:hover,.primary-btn:hover{transform:translateY(-2px);filter:brightness(1.1)}.section-pad{width:min(1160px,calc(100vw - 32px));margin:0 auto;padding:110px 0}.hero{min-height:800px;padding-top:150px;display:grid;grid-template-columns:1.08fr .92fr;gap:58px;align-items:center}.eyebrow{margin:0 0 13px;color:#91f5ff;letter-spacing:.18em;font-size:12px;font-weight:900}.hero h1{margin:0;font-size:clamp(48px,5.8vw,82px);line-height:.95;letter-spacing:-.075em;font-weight:900;text-shadow:0 0 34px rgba(8,215,255,.10)}.hero h1 span{color:#fff}.hero-desc{max-width:610px;margin:22px 0 0;color:rgba(255,255,255,.78);font-size:17px;line-height:1.65}.hero-actions{display:flex;align-items:center;gap:15px;margin:34px 0 0;flex-wrap:wrap}.ghost-btn,.video-link{height:42px;border-radius:13px;padding:0 24px;display:inline-flex;align-items:center;border:1px solid rgba(8,215,255,.7);background:rgba(255,255,255,.02);font-weight:800}.video-link{padding:0 0;border:0;background:transparent;color:rgba(255,255,255,.72);text-decoration:underline;text-decoration-color:rgba(8,215,255,.7);cursor:pointer}.hero-stats{display:flex;width:min(430px,100%);margin:48px 0 0;border:1px solid rgba(255,255,255,.16);border-radius:16px;overflow:hidden;background:linear-gradient(90deg,rgba(122,53,255,.78),rgba(0,116,255,.74));box-shadow:0 22px 60px rgba(0,80,255,.24)}.hero-stats div{flex:1;text-align:center;padding:12px 10px}.hero-stats div+div{border-left:1px solid rgba(255,255,255,.15)}.hero-stats strong{display:block;font-size:26px;letter-spacing:.06em}.hero-stats span{display:block;color:#fff;font-size:12px;margin-top:2px}.active-users{display:flex;align-items:center;gap:54px;margin-top:38px}.avatar-stack{display:flex}.avatar-stack img{width:50px;height:50px;border-radius:50%;object-fit:cover;border:2px solid #fff;background:#071226;margin-left:-12px;box-shadow:0 0 22px rgba(8,215,255,.18)}.avatar-stack img:first-child{margin-left:0}.active-users p{margin:0;display:grid}.active-users strong{font-size:26px}.active-users span{color:rgba(255,255,255,.76)}.hero-card{position:relative;min-height:560px;border-radius:18px;border:1px solid rgba(8,215,255,.42);overflow:hidden;background:linear-gradient(155deg,rgba(122,53,255,.32),rgba(6,14,34,.88) 42%,rgba(8,215,255,.22));box-shadow:0 34px 90px rgba(0,0,0,.42),0 0 80px rgba(8,215,255,.13);cursor:zoom-in;transform-style:preserve-3d}.hero-card:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 0 68%,rgba(35,55,210,.78));pointer-events:none}.card-art{position:absolute;inset:20px 18px 70px;display:grid;place-items:center}.card-art video{position:absolute;max-width:135%;width:135%;height:118%;object-fit:contain;filter:drop-shadow(0 22px 34px rgba(0,0,0,.54))}.hero-ip-fallback{position:relative;max-height:460px;object-fit:contain;filter:drop-shadow(0 28px 46px rgba(0,0,0,.6));opacity:.94}.bid-panel{position:absolute;left:0;right:0;bottom:0;z-index:2;display:grid;grid-template-columns:1fr 1fr auto;gap:14px;align-items:center;padding:16px 18px;background:linear-gradient(90deg,rgba(122,53,255,.70),rgba(8,215,255,.34));backdrop-filter:blur(10px)}.bid-panel span{display:block;color:rgba(255,255,255,.76);font-size:12px}.bid-panel strong{font-size:15px}.bid-panel button{height:34px;border:0;border-radius:999px;padding:0 16px;background:linear-gradient(100deg,var(--purple),var(--cyan));font-size:12px;font-weight:900;cursor:pointer}.logo-strip{height:68px;display:flex;align-items:center;justify-content:center;gap:58px;overflow:hidden;background:linear-gradient(90deg,rgba(122,53,255,.38),rgba(8,215,255,.30));border-top:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.08);box-shadow:0 0 60px rgba(8,215,255,.18) inset}.logo-strip span{white-space:nowrap;font-size:20px;font-weight:900;color:rgba(255,255,255,.82);text-shadow:0 0 18px rgba(8,215,255,.18)}.narrow-section{width:min(1080px,calc(100vw - 32px))}.section-title{text-align:center;margin:0 auto 52px}.section-title h2{margin:0;font-size:clamp(32px,4vw,52px);line-height:1.08;letter-spacing:-.055em}.section-title p:last-child{max-width:720px;margin:16px auto 0;color:var(--muted);line-height:1.7}.section-title.compact{margin-bottom:38px}.content-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.content-card{position:relative;min-height:220px;padding:24px;border:1px solid rgba(255,255,255,.13);border-radius:24px;background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.025));overflow:hidden;cursor:pointer;transition:.3s}.content-card:before{content:"";position:absolute;right:-60px;bottom:-80px;width:170px;height:170px;border-radius:50%;background:radial-gradient(circle,rgba(8,215,255,.34),transparent 65%)}.content-card:hover{transform:translateY(-8px);border-color:rgba(8,215,255,.58);box-shadow:0 18px 55px rgba(8,215,255,.12)}.card-num{display:block;color:rgba(255,255,255,.28);font-size:50px;line-height:1;font-weight:900;letter-spacing:-.06em}.content-card h3{margin:42px 0 12px;font-size:23px}.content-card p{margin:0;color:var(--muted);line-height:1.7;font-size:14px}.works-section{width:min(1320px,calc(100vw - 32px));padding-top:90px}.featured-row{position:relative;min-height:450px;height:450px;overflow:hidden;cursor:grab;touch-action:pan-y;user-select:none;will-change:transform;transition:transform .34s cubic-bezier(.2,.8,.2,1);isolation:isolate;-webkit-mask-image:linear-gradient(90deg,transparent 0,rgba(0,0,0,.92) 10%,#000 18%,#000 82%,rgba(0,0,0,.92) 90%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0,rgba(0,0,0,.92) 10%,#000 18%,#000 82%,rgba(0,0,0,.92) 90%,transparent 100%)}.featured-row:before{content:"";position:absolute;left:50%;bottom:54px;transform:translateX(-50%);width:360px;height:120px;border-radius:50%;background:radial-gradient(circle,rgba(8,215,255,.16),transparent 70%);filter:blur(18px);pointer-events:none;z-index:0}.featured-row.is-dragging{cursor:grabbing;transition:none}.featured-row.is-dragging .nft-card,.featured-row.is-animating .nft-card{pointer-events:none}.nft-card,.carousel-ghost{position:absolute;left:50%;bottom:0;width:250px;height:312px;margin-left:-125px;border-radius:22px;overflow:hidden;border:1px solid rgba(255,255,255,.12);background:#071020;box-shadow:0 30px 90px rgba(0,0,0,.35);cursor:zoom-in;transform-origin:50% 100%;will-change:transform,opacity,filter;backface-visibility:hidden}.nft-card{transition:transform .72s cubic-bezier(.2,.86,.18,1),opacity .72s cubic-bezier(.2,.86,.18,1),filter .72s cubic-bezier(.2,.86,.18,1),border-color .32s ease,box-shadow .32s ease}.nft-card:hover{border-color:rgba(8,215,255,.56);box-shadow:0 40px 120px rgba(8,215,255,.16)}.nft-card img,.carousel-ghost img{width:100%;height:100%;object-fit:cover}.nft-card div,.carousel-ghost div{position:absolute;left:0;right:0;bottom:0;padding:14px 16px;background:linear-gradient(90deg,rgba(122,53,255,.76),rgba(8,215,255,.45));backdrop-filter:blur(8px);display:flex;justify-content:space-between;gap:14px;align-items:end}.nft-card b,.carousel-ghost b{font-size:15px}.nft-card span,.carousel-ghost span{font-size:12px;color:#fff}.nft-card[aria-current="true"]{border-color:rgba(139,241,255,.56);box-shadow:0 44px 130px rgba(8,215,255,.18),0 0 36px rgba(8,215,255,.12)}.carousel-ghost{pointer-events:none;z-index:1;transition:transform .72s cubic-bezier(.2,.86,.18,1),opacity .72s cubic-bezier(.2,.86,.18,1),filter .72s cubic-bezier(.2,.86,.18,1)}.seller-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.seller-card{display:flex;align-items:center;gap:12px;text-align:left;padding:10px 14px;border-radius:12px;border:1px solid rgba(8,215,255,.50);background:linear-gradient(90deg,rgba(122,53,255,.36),rgba(0,133,255,.35));box-shadow:0 16px 45px rgba(0,0,0,.2);cursor:pointer;transition:.24s}.seller-card:hover{transform:translateY(-4px);background:linear-gradient(90deg,rgba(122,53,255,.52),rgba(8,215,255,.44))}.seller-card img{width:46px;height:46px;border-radius:9px;object-fit:cover;background:#fff}.seller-card span{display:grid}.seller-card b{font-size:13px}.seller-card small{color:rgba(255,255,255,.84)}.explore-section{width:min(980px,calc(100vw - 32px))}.category-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.category-card{padding:9px;border:1px solid rgba(255,255,255,.2);border-radius:17px;background:rgba(255,255,255,.035);cursor:zoom-in;transition:.26s}.category-card:hover{transform:translateY(-7px);border-color:rgba(8,215,255,.58);box-shadow:0 22px 70px rgba(8,215,255,.12)}.mosaic{height:132px;border-radius:11px;overflow:hidden;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:3px;background:#02040d}.mosaic img{width:100%;height:100%;object-fit:cover}.mosaic img:first-child{grid-row:span 2}.category-card p{margin:10px 2px 0;display:flex;align-items:center;justify-content:space-between;font-size:13px}.category-card span{font-size:11px;color:#fff;background:linear-gradient(90deg,var(--purple),var(--cyan));border-radius:999px;padding:4px 8px}.full-gallery{width:min(1180px,calc(100vw - 32px));padding-top:70px}.filter-row{display:flex;justify-content:center;gap:12px;margin:-14px 0 30px}.filter{height:36px;border-radius:999px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.04);padding:0 18px;cursor:pointer;color:rgba(255,255,255,.75)}.filter.active,.filter:hover{border-color:rgba(8,215,255,.65);background:linear-gradient(90deg,rgba(122,53,255,.45),rgba(8,215,255,.26));color:#fff}.gallery-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.gallery-item{margin:0;min-height:250px;border:1px solid rgba(255,255,255,.12);border-radius:18px;background:rgba(255,255,255,.045);overflow:hidden;cursor:zoom-in;transition:.3s}.gallery-item:hover{transform:translateY(-6px);border-color:rgba(8,215,255,.58)}.gallery-item img{width:100%;height:210px;object-fit:cover;background:#fff}.gallery-item figcaption{padding:12px 14px;color:rgba(255,255,255,.78);font-size:13px}.gallery-item.is-hidden{display:none}.cta-section{padding-bottom:90px}.cta-card{width:min(860px,100%);min-height:190px;margin:0 auto;border-radius:110px 20px 110px 20px;padding:40px 56px;display:flex;align-items:center;justify-content:space-between;gap:34px;border:1px solid rgba(8,215,255,.58);background:linear-gradient(120deg,rgba(122,53,255,.70),rgba(8,119,255,.62),rgba(8,215,255,.45));box-shadow:0 35px 120px rgba(8,119,255,.2)}.cta-card h2{margin:0 0 12px;font-size:30px;letter-spacing:-.045em}.cta-card p{margin:0;color:rgba(255,255,255,.82);line-height:1.7}.footer{width:min(1160px,calc(100vw - 32px));margin:0 auto;padding:42px 0 56px;display:grid;grid-template-columns:1fr 1.6fr;gap:50px}.footer p{max-width:390px;color:var(--muted);line-height:1.7}.footer-cols{display:grid;grid-template-columns:repeat(4,1fr);gap:25px}.footer h4{margin:0 0 18px;color:#00eaff}.footer a{display:block;margin:0 0 12px;color:rgba(255,255,255,.68);font-size:13px}.lightbox,.modal{position:fixed;inset:0;z-index:200;display:none;align-items:center;justify-content:center;background:rgba(0,0,0,.78);backdrop-filter:blur(18px);padding:30px}.lightbox.show,.modal.show{display:flex}.lightbox img{max-width:min(92vw,1280px);max-height:84vh;object-fit:contain;border-radius:20px;background:#fff;box-shadow:0 40px 130px rgba(0,0,0,.7),0 0 0 1px rgba(255,255,255,.14);animation:pop .24s ease both}.lightbox p{position:absolute;left:50%;bottom:24px;transform:translateX(-50%);margin:0;padding:9px 14px;border-radius:999px;background:rgba(0,0,0,.38);color:rgba(255,255,255,.78);font-size:13px}.lightbox-close,.modal-close{position:absolute;right:28px;top:22px;width:44px;height:44px;border-radius:50%;border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.08);font-size:24px;cursor:pointer}.modal-card{position:relative;width:min(560px,calc(100vw - 36px));border-radius:28px;border:1px solid rgba(8,215,255,.36);background:linear-gradient(180deg,rgba(12,23,52,.94),rgba(5,8,22,.94));padding:34px;box-shadow:0 34px 120px rgba(0,0,0,.55)}.modal-card .modal-close{right:18px;top:18px}.modal-card h3{margin:0 0 14px;font-size:28px}.modal-card p{color:var(--muted);line-height:1.75}.modal-tags{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}.modal-tags span{border-radius:999px;padding:8px 12px;background:rgba(8,215,255,.12);border:1px solid rgba(8,215,255,.28);font-size:12px}.reveal{opacity:0;transform:translateY(28px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.8,.2,1)}.reveal.in{opacity:1;transform:translateY(0)}@keyframes pop{from{opacity:0;transform:scale(.94) translateY(16px)}to{opacity:1;transform:scale(1) translateY(0)}}@media(max-width:1180px){.featured-row{height:430px;min-height:430px}.gallery-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:960px){.topbar{height:auto;padding:14px 16px;align-items:flex-start}.nav-links{display:none}.search-chip{display:none}.hero{grid-template-columns:1fr;padding-top:130px}.hero-card{min-height:520px}.content-grid{grid-template-columns:repeat(2,1fr)}.featured-row{height:390px;min-height:390px}.seller-grid{grid-template-columns:repeat(2,1fr)}.category-grid{grid-template-columns:1fr 1fr}.gallery-grid{grid-template-columns:repeat(2,1fr)}.cta-card{border-radius:36px;display:block}.cta-card .primary-btn{margin-top:24px}.footer{grid-template-columns:1fr}.footer-cols{grid-template-columns:repeat(2,1fr)}}@media(max-width:620px){.section-pad{padding:78px 0}.brand{font-size:18px}.brand b{font-size:13px}.register-btn{height:34px;padding:0 14px}.hero{padding-top:120px;min-height:760px}.hero h1{font-size:48px}.hero-desc{font-size:15px}.hero-stats{display:grid;grid-template-columns:1fr}.hero-stats div+div{border-left:0;border-top:1px solid rgba(255,255,255,.15)}.active-users{gap:18px}.hero-card{min-height:440px}.bid-panel{grid-template-columns:1fr 1fr}.bid-panel button{grid-column:1/-1}.logo-strip{justify-content:flex-start;gap:34px;overflow-x:auto;padding:0 18px}.content-grid,.category-grid,.seller-grid,.gallery-grid{grid-template-columns:1fr}.featured-row{height:360px;min-height:360px}.nft-card{width:220px;height:276px;margin-left:-110px}.carousel-ghost{width:220px;height:276px;margin-left:-110px}.footer-cols{grid-template-columns:1fr}.lightbox{padding:16px}.lightbox-close,.modal-close{right:16px;top:16px}}


/* 轮播过渡增强：保留原 5 卡片框架，只增加中间切换的顺滑 FLIP 动画 */
.featured-row{
  transform-style:preserve-3d;
  transition:transform 520ms cubic-bezier(.18,.92,.22,1);
}
.featured-row:focus{outline:none;}
.featured-row:focus-visible{outline:1px solid rgba(8,215,255,.36);outline-offset:6px;}
.featured-row.is-dragging{transition:none!important;}
.featured-row.is-animating .nft-card{pointer-events:none;}
.nft-card,.carousel-ghost{top:50%;bottom:auto;transform-origin:center center;}
.nft-card{
  transform-origin:center center;
  will-change:transform,width,height,opacity,filter;
  transition:
    transform 860ms cubic-bezier(.18,.92,.18,1),
    width 560ms cubic-bezier(.18,.92,.22,1),
    height 560ms cubic-bezier(.18,.92,.22,1),
    opacity 760ms ease,
    border-color 320ms ease,
    box-shadow 420ms ease,
    filter 760ms ease;
}
.carousel-ghost{
  transition:
    transform 860ms cubic-bezier(.18,.92,.18,1),
    opacity 760ms ease,
    filter 760ms ease;
}
.nft-card.center{
  box-shadow:0 34px 110px rgba(8,215,255,.14),0 34px 95px rgba(0,0,0,.42);
}

.works-section .featured-row .nft-card img,
.works-section .featured-row .carousel-ghost img{
  object-position:center 28%;
}

/* 第六屏：参考作品集网站的 Selected Works 交互页，沿用当前 H5 的紫蓝青光效 */
.selected-works-section{
  width:min(1440px,calc(100vw - 64px));
}
.selected-stage{
  position:relative;
  min-height:680px;
  overflow:visible;
  border:0;
  border-radius:0;
  padding:34px 40px 36px;
  background:transparent;
  box-shadow:none;
  isolation:isolate;
}
.selected-stage:before{
  content:none;
}
.selected-stage:after{
  content:none;
}
.selected-sitebar{
  position:relative;
  z-index:1;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  min-height:42px;
  padding-bottom:16px;
  border-bottom:1px solid rgba(255,255,255,.08);
}
.selected-logo{
  display:inline-flex;
  align-items:center;
  gap:7px;
  font-size:18px;
  font-weight:900;
}
.selected-logo b{
  padding:2px 7px;
  border-radius:4px;
  background:linear-gradient(90deg,var(--purple),var(--cyan));
  box-shadow:0 0 16px rgba(8,215,255,.28);
}
.selected-tabs{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:30px;
  color:rgba(255,255,255,.70);
  font-size:12px;
  font-weight:800;
}
.selected-tabs span{
  position:relative;
}
.selected-tabs .is-current{
  color:#fff;
}
.selected-tabs .is-current:after{
  content:"";
  position:absolute;
  left:50%;
  bottom:-9px;
  width:24px;
  height:3px;
  border-radius:99px;
  transform:translateX(-50%);
  background:linear-gradient(90deg,var(--purple),var(--cyan));
  box-shadow:0 0 16px rgba(8,215,255,.45);
}
.selected-year{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:126px;
  height:34px;
  border:1px solid rgba(255,255,255,.15);
  border-radius:9px;
  background:rgba(255,255,255,.035);
  color:#fff;
  font-size:11px;
  font-weight:900;
}
.selected-head{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:minmax(430px,.86fr) minmax(420px,1.14fr);
  gap:clamp(48px,6vw,92px);
  align-items:center;
  margin-top:0;
  min-height:clamp(230px,26vh,310px);
  padding:clamp(10px,1.8vh,24px) 0 clamp(22px,3vh,38px);
}
.selected-head h2{
  margin:0;
  font-size:clamp(64px,5.2vw,84px);
  line-height:.9;
  font-weight:900;
  letter-spacing:0;
  text-wrap:balance;
  text-shadow:0 0 34px rgba(8,215,255,.14);
}
.selected-head h2 span{
  display:block;
  white-space:nowrap;
  margin-top:clamp(4px,.65vw,10px);
  color:#c783ff;
  text-shadow:0 0 36px rgba(122,53,255,.42);
}
.selected-head .eyebrow{
  margin-bottom:clamp(16px,1.8vh,22px);
  color:#91f5ff;
  font-size:clamp(13px,1vw,16px);
  letter-spacing:.28em;
}
.selected-head i{
  display:block;
  width:clamp(68px,5.4vw,96px);
  height:4px;
  margin-top:clamp(22px,2.8vh,34px);
  border-radius:99px;
  background:linear-gradient(90deg,var(--purple),var(--cyan));
  box-shadow:0 0 18px rgba(8,215,255,.42);
}
.selected-head p:last-child{
  max-width:640px;
  justify-self:end;
  align-self:center;
  margin:clamp(56px,7vh,92px) 0 0;
  color:rgba(247,251,255,.72);
  font-size:clamp(15px,1.1vw,18px);
  line-height:1.9;
  font-weight:800;
  text-align:left;
}
.selected-worklist{
  position:relative;
  z-index:1;
  display:grid;
  gap:14px;
  margin-top:clamp(22px,3.4vh,42px);
}
.selected-project{
  position:relative;
  display:grid;
  grid-template-columns:42px minmax(0,1fr) 88px 96px 38px;
  gap:18px;
  align-items:center;
  width:100%;
  min-height:70px;
  padding:17px 18px;
  border:1px solid rgba(255,255,255,.12);
  border-radius:17px;
  background:rgba(10,13,27,.74);
  color:#fff;
  cursor:pointer;
  overflow:hidden;
  text-align:left;
  box-shadow:0 18px 55px rgba(0,0,0,.24);
  transition:transform .28s ease,border-color .28s ease,background .28s ease,box-shadow .34s ease;
}
.selected-project:hover,
.selected-project:focus-visible{
  transform:translateY(-3px);
  border-color:rgba(8,215,255,.52);
  outline:none;
  box-shadow:0 26px 74px rgba(8,215,255,.12),0 16px 44px rgba(0,0,0,.32);
}
.selected-project.is-active{
  border-color:rgba(8,215,255,.50);
  background:linear-gradient(180deg,rgba(13,18,36,.90),rgba(8,11,24,.88));
}
.selected-index{
  color:rgba(255,255,255,.48);
  font-size:12px;
  font-weight:900;
}
.selected-project strong{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:#fff;
  font-size:24px;
  font-weight:900;
  letter-spacing:0;
}
.selected-project.is-active strong{
  color:#c783ff;
  text-shadow:0 0 24px rgba(122,53,255,.40);
}
.selected-project em,
.selected-project small{
  color:rgba(255,255,255,.68);
  font-style:normal;
  font-size:11px;
  font-weight:900;
}
.selected-arrow{
  display:grid;
  place-items:center;
  width:30px;
  height:30px;
  border-radius:50%;
  background:linear-gradient(135deg,rgba(122,53,255,.80),rgba(8,215,255,.58));
  box-shadow:0 0 22px rgba(8,215,255,.18);
  justify-self:end;
  transition:transform .28s ease;
}
.selected-project:hover .selected-arrow,
.selected-project.is-active .selected-arrow{
  transform:rotate(45deg);
}
.selected-project-preview{
  grid-column:2 / -1;
  display:block;
  max-height:0;
  overflow:hidden;
  opacity:0;
  transform:translateY(-8px);
  transition:max-height .55s cubic-bezier(.2,.8,.2,1),opacity .35s ease,transform .45s ease;
}
.selected-project.is-active .selected-project-preview{
  max-height:920px;
  opacity:1;
  transform:translateY(0);
  margin-top:12px;
}
.selected-preview-frame{
  position:relative;
  display:block;
  width:100%;
  height:auto;
  aspect-ratio:1172 / 818;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.14);
  border-radius:16px;
  background:#050814;
  box-shadow:0 24px 70px rgba(0,0,0,.34);
}
.selected-preview-frame img{
  width:100%;
  height:100%;
  object-fit:contain;
  object-position:center;
  filter:saturate(1.04) contrast(1.02);
  transition:transform .7s cubic-bezier(.2,.8,.2,1);
}
.selected-project.is-active:hover .selected-preview-frame img{
  transform:scale(1.035);
}
.selected-preview-frame:after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,transparent 50%,rgba(2,4,16,.68));
  pointer-events:none;
}
.selected-detail-btn{
  position:absolute;
  right:22px;
  bottom:16px;
  z-index:1;
  display:inline-flex;
  align-items:center;
  gap:8px;
  height:34px;
  padding:0 18px;
  border:0;
  border-radius:999px;
  background:linear-gradient(100deg,var(--purple),var(--cyan));
  color:#fff;
  font-size:11px;
  font-weight:900;
  cursor:pointer;
  box-shadow:0 16px 36px rgba(8,215,255,.24),0 12px 28px rgba(122,53,255,.28);
}
.selected-detail-btn b{
  font-size:13px;
  line-height:1;
}
@media(max-width:960px){
  .selected-stage{min-height:auto;padding:24px;}
  .selected-sitebar{align-items:flex-start;flex-wrap:wrap;}
  .selected-tabs{order:3;width:100%;justify-content:flex-start;gap:22px;}
  .selected-head{grid-template-columns:1fr;gap:18px;min-height:auto;margin-top:0;padding:0 0 22px;}
  .selected-head h2{font-size:clamp(54px,11vw,82px);line-height:.86;}
  .selected-head p:last-child{justify-self:start;max-width:680px;margin:0;}
  .selected-project{grid-template-columns:38px minmax(0,1fr) 76px 36px;}
  .selected-project small{display:none;}
  .selected-project-preview{grid-column:1 / -1;}
  .selected-project.is-active .selected-project-preview{max-height:760px;}
}
@media(max-width:620px){
  .selected-stage{padding:18px;}
  .selected-year{min-width:108px;}
  .selected-tabs{display:none;}
  .selected-head h2{font-size:48px;}
  .selected-head .eyebrow{font-size:11px;letter-spacing:.22em;}
  .selected-head p:last-child{font-size:13px;line-height:1.65;}
  .selected-project{grid-template-columns:32px minmax(0,1fr) 32px;gap:10px;padding:14px;}
  .selected-project strong{font-size:18px;}
  .selected-project em{display:none;}
  .selected-preview-frame{border-radius:12px;}
  .selected-project.is-active .selected-project-preview{max-height:360px;margin-top:8px;}
  .selected-detail-btn{right:12px;bottom:12px;height:30px;padding:0 12px;}
}

/* 第七屏：参考视频 45-50 秒的散装作品展示区 */
.waterfall-grid{
  --gallery-speed:.6s;
  --gallery-ease:cubic-bezier(.2,1,.3,1);
  --gallery-active-flex:1.15;
  --gallery-squeeze-factor:.46;
  --gallery-fixed-height:980px;
  display:flex;
  align-items:stretch;
  gap:18px;
  width:min(1140px,100%);
  height:var(--gallery-fixed-height);
  flex:0 0 var(--gallery-fixed-height);
  margin:0 auto;
  box-sizing:border-box;
  perspective:1200px;
  overflow:hidden;
}
.gallery-column{
  min-width:0;
  height:100%;
  display:flex;
  flex-direction:column;
  gap:18px;
  flex:var(--base-flex-c, 1) 1 0;
  transition:flex var(--gallery-speed) var(--gallery-ease);
}
.gallery-column.col-1{--base-flex-c:1.2;}
.gallery-column.col-2{--base-flex-c:1.6;}
.gallery-column.col-3{--base-flex-c:.9;}
.gallery-column.col-4{--base-flex-c:1.3;}
.waterfall-grid.has-bento-active .gallery-column{
  flex:calc(var(--base-flex-c, 1) * var(--gallery-squeeze-factor)) 1 0;
}
.waterfall-grid.has-bento-active .gallery-column.is-bento-column-active{
  flex:var(--gallery-active-flex) 1 0;
}
.gallery-column.is-empty{
  display:none;
}
.waterfall-grid .gallery-item{
  position:relative;
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  width:100%;
  flex:var(--base-flex-r, 1) 1 0;
  height:auto;
  min-height:0;
    margin:0;
    transform-origin:center center;
    contain:layout paint;
    cursor:zoom-in;
  will-change:flex,filter,opacity;
  border-color:rgba(255,255,255,.10);
  border-radius:16px;
  background:#050814;
  box-shadow:0 18px 46px rgba(0,0,0,.34);
  transition:
    flex var(--gallery-speed) var(--gallery-ease),
    border-color .26s ease,
    box-shadow .34s ease,
    opacity .34s ease,
    filter .34s ease;
}
.gallery-column .gallery-item{--base-flex-r:1;}
.gallery-column.col-1 .gallery-item:nth-child(1){--base-flex-r:2.7;}
.gallery-column.col-1 .gallery-item:nth-child(2){--base-flex-r:1.45;}
.gallery-column.col-1 .gallery-item:nth-child(3){--base-flex-r:1.7;}
.gallery-column.col-1 .gallery-item:nth-child(4){--base-flex-r:1.05;}
.gallery-column.col-2 .gallery-item:nth-child(1){--base-flex-r:1.05;}
.gallery-column.col-2 .gallery-item:nth-child(2){--base-flex-r:2.1;}
.gallery-column.col-2 .gallery-item:nth-child(3){--base-flex-r:1.35;}
.gallery-column.col-2 .gallery-item:nth-child(4){--base-flex-r:1.25;}
.gallery-column.col-3 .gallery-item:nth-child(1){--base-flex-r:2.2;}
.gallery-column.col-3 .gallery-item:nth-child(2){--base-flex-r:1.35;}
.gallery-column.col-3 .gallery-item:nth-child(3){--base-flex-r:1.85;}
.gallery-column.col-3 .gallery-item:nth-child(4){--base-flex-r:1.15;}
.gallery-column.col-4 .gallery-item:nth-child(1){--base-flex-r:1.55;}
.gallery-column.col-4 .gallery-item:nth-child(2){--base-flex-r:1.15;}
.gallery-column.col-4 .gallery-item:nth-child(3){--base-flex-r:2.2;}
.gallery-column.col-4 .gallery-item:nth-child(4){--base-flex-r:1.4;}
.gallery-column.col-1 .gallery-item:is(:nth-child(5),:nth-child(9),:nth-child(13)){--base-flex-r:2.7;}
.gallery-column.col-1 .gallery-item:is(:nth-child(6),:nth-child(10),:nth-child(14)){--base-flex-r:1.45;}
.gallery-column.col-1 .gallery-item:is(:nth-child(7),:nth-child(11),:nth-child(15)){--base-flex-r:1.7;}
.gallery-column.col-1 .gallery-item:is(:nth-child(8),:nth-child(12),:nth-child(16)){--base-flex-r:1.05;}
.gallery-column.col-2 .gallery-item:is(:nth-child(5),:nth-child(9),:nth-child(13)){--base-flex-r:1.05;}
.gallery-column.col-2 .gallery-item:is(:nth-child(6),:nth-child(10),:nth-child(14)){--base-flex-r:2.1;}
.gallery-column.col-2 .gallery-item:is(:nth-child(7),:nth-child(11),:nth-child(15)){--base-flex-r:1.35;}
.gallery-column.col-2 .gallery-item:is(:nth-child(8),:nth-child(12),:nth-child(16)){--base-flex-r:1.25;}
.gallery-column.col-3 .gallery-item:is(:nth-child(5),:nth-child(9),:nth-child(13)){--base-flex-r:2.2;}
.gallery-column.col-3 .gallery-item:is(:nth-child(6),:nth-child(10),:nth-child(14)){--base-flex-r:1.35;}
.gallery-column.col-3 .gallery-item:is(:nth-child(7),:nth-child(11),:nth-child(15)){--base-flex-r:1.85;}
.gallery-column.col-3 .gallery-item:is(:nth-child(8),:nth-child(12),:nth-child(16)){--base-flex-r:1.15;}
.gallery-column.col-4 .gallery-item:is(:nth-child(5),:nth-child(9),:nth-child(13)){--base-flex-r:1.55;}
.gallery-column.col-4 .gallery-item:is(:nth-child(6),:nth-child(10),:nth-child(14)){--base-flex-r:1.15;}
.gallery-column.col-4 .gallery-item:is(:nth-child(7),:nth-child(11),:nth-child(15)){--base-flex-r:2.2;}
.gallery-column.col-4 .gallery-item:is(:nth-child(8),:nth-child(12),:nth-child(16)){--base-flex-r:1.4;}
.waterfall-grid.has-bento-active .gallery-item:not(.is-bento-active){
  opacity:.78;
  filter:brightness(.82) saturate(.92);
}
.gallery-column.is-bento-column-active .gallery-item{
  flex:calc(var(--base-flex-r, 1) * var(--gallery-squeeze-factor)) 1 0;
}
.gallery-column.is-bento-column-active .gallery-item.is-bento-active,
.waterfall-grid .gallery-item.is-bento-active{
  flex:var(--gallery-active-flex) 1 0;
  z-index:8;
  opacity:1;
  filter:brightness(1.04) saturate(1.08);
  border-color:rgba(139,241,255,.72);
  box-shadow:0 32px 100px rgba(8,215,255,.18),0 24px 72px rgba(0,0,0,.56);
}
.waterfall-grid .gallery-item img{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  min-height:0;
  object-fit:cover;
  object-position:50% var(--focus-y, 50%);
  background:#fff;
  transform:scale(1.01);
  transition:transform .62s cubic-bezier(.18,.92,.22,1),filter .34s ease;
}
.waterfall-grid .gallery-item[data-kind="main"] img,
.waterfall-grid .gallery-item[data-kind="sku"] img{
  box-sizing:border-box;
  object-fit:cover;
  object-position:50% 68%;
  padding:0;
  background:linear-gradient(180deg,#fff,#f3f7fb);
}
.waterfall-grid .gallery-item figcaption{
  display:none;
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  z-index:2;
  padding:40px 16px 14px;
  background:linear-gradient(180deg,transparent,rgba(3,6,16,.88));
  color:rgba(255,255,255,.90);
  font-size:14px;
  font-weight:800;
  text-shadow:0 2px 14px rgba(0,0,0,.38);
}
.waterfall-grid .gallery-item figcaption:before{
  content:"ARTWORK";
  display:block;
  margin-bottom:2px;
  color:#5ff0ff;
  font-size:10px;
  font-weight:900;
  letter-spacing:.12em;
}
.waterfall-grid .gallery-item:hover,
.waterfall-grid .gallery-item:focus-visible{
  z-index:9;
  border-color:rgba(139,241,255,.78);
  box-shadow:0 30px 96px rgba(8,215,255,.18),0 20px 66px rgba(0,0,0,.50);
  transform:none;
  outline:none;
}
.waterfall-grid .gallery-item:hover img,
.waterfall-grid .gallery-item:focus-visible img,
.waterfall-grid .gallery-item.is-bento-active img{
  transform:scale(1.035);
}
.featured-row .nft-card{
  cursor:pointer;
}
.waterfall-grid .gallery-item.gallery-jump-focus{
  border-color:rgba(139,241,255,.92);
  box-shadow:0 0 0 2px rgba(139,241,255,.34),0 28px 80px rgba(8,215,255,.24);
}
.waterfall-grid .gallery-item.is-hidden{
  display:none;
}
.full-gallery.gallery-filter-snap .gallery-column,
.full-gallery.gallery-filter-snap .waterfall-grid .gallery-item,
.full-gallery.gallery-filter-snap .waterfall-grid .gallery-item img{
  transition:none!important;
}
.lightbox.is-crop-preview img{
  width:min(82vw,960px);
  height:min(76vh,720px);
  max-width:none;
  max-height:none;
  object-fit:cover;
}
.lightbox.is-long-detail img{
  width:min(82vw,790px);
  height:auto;
  max-width:none;
  max-height:none;
  object-fit:contain;
}
.archive-more{
  display:flex;
  justify-content:center;
  margin:clamp(22px,3vh,34px) 0 0;
}
.archive-more-btn{
  height:46px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  padding:0 28px;
  border:1px solid rgba(8,215,255,.55);
  border-radius:999px;
  background:linear-gradient(100deg,rgba(122,53,255,.82),rgba(8,215,255,.70));
  color:#fff;
  font-weight:900;
  cursor:pointer;
  box-shadow:0 18px 48px rgba(8,215,255,.18),0 12px 34px rgba(122,53,255,.28);
  transition:transform .25s ease,filter .25s ease,box-shadow .3s ease;
}
.archive-more-btn:hover{
  transform:translateY(-3px) scale(1.035);
  filter:brightness(1.12);
  box-shadow:0 24px 68px rgba(8,215,255,.24),0 18px 44px rgba(122,53,255,.34);
}
.archive-more-btn span{
  font-size:16px;
}
.archive-overlay{
  position:fixed;
  inset:0;
  z-index:260;
  display:none;
  align-items:center;
  justify-content:center;
  padding:24px;
  background:rgba(0,0,0,.88);
  backdrop-filter:blur(20px);
}
.archive-overlay.show{
  display:flex;
}
.archive-overlay.is-side-dragging{
  cursor:grabbing;
}
body.archive-open{
  overflow:hidden;
}
.archive-panel{
  position:relative;
  width:auto;
  height:min(960px,calc(100dvh - 48px));
  aspect-ratio:5 / 3;
  max-width:calc(100vw - 96px);
  overflow:auto;
  border:1px solid rgba(255,255,255,.10);
  border-radius:12px;
  background:linear-gradient(180deg,rgba(8,12,22,.96),rgba(0,0,0,.98));
  box-shadow:0 40px 160px rgba(0,0,0,.82),0 0 90px rgba(8,215,255,.10) inset;
}
.archive-panel::-webkit-scrollbar{
  width:0;
  height:0;
}
.archive-panel:before{
  content:"";
  position:sticky;
  top:0;
  display:block;
  height:0;
  z-index:2;
  box-shadow:0 0 80px 50px rgba(8,18,36,.52);
}
.archive-close{
  position:sticky;
  top:18px;
  left:calc(100% - 48px);
  z-index:4;
  width:34px;
  height:34px;
  display:grid;
  place-items:center;
  border:1px solid rgba(255,255,255,.16);
  border-radius:50%;
  background:rgba(255,255,255,.10);
  color:#fff;
  font-size:23px;
  cursor:pointer;
  backdrop-filter:blur(10px);
}
.archive-header{
  position:sticky;
  top:0;
  z-index:3;
  padding:22px 24px 16px;
  margin-top:-34px;
  background:linear-gradient(180deg,rgba(2,4,10,.92),rgba(2,4,10,.62),transparent);
}
.archive-header h3{
  margin:0;
  font-size:19px;
  letter-spacing:0;
}
.archive-header p{
  margin:4px 0 0;
  color:rgba(255,255,255,.62);
  font-size:11px;
}
.archive-waterfall{
  --archive-speed:.58s;
  --archive-ease:cubic-bezier(.2,1,.3,1);
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  align-items:flex-start;
  gap:12px;
  height:auto;
  min-height:0;
  padding:0 24px 40px;
  overflow:visible;
  box-sizing:border-box;
}
.archive-card{
  position:relative;
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  width:100%;
  min-height:300px;
  margin:0;
  flex:0 0 auto;
  aspect-ratio:3 / 4;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.08);
  border-radius:10px;
  background:#fff;
  box-shadow:0 18px 54px rgba(0,0,0,.36);
  cursor:zoom-in;
  transform:translateZ(0) scale(1);
  transform-origin:center;
  will-change:transform,filter,opacity;
  transition:transform var(--archive-speed) var(--archive-ease),filter .26s ease,opacity .26s ease,box-shadow .3s ease,border-color .26s ease;
}
.archive-card:not([data-lightbox]){
  cursor:default;
}
.archive-card.muted{
  background:linear-gradient(145deg,rgba(26,36,52,.96),rgba(18,26,40,.96));
}
.archive-card img{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  background:#fff;
  transform:scale(1.01);
  transition:transform .38s ease;
}
.archive-card figcaption{
  position:absolute;
  left:10px;
  bottom:9px;
  z-index:1;
  margin:0;
  padding:5px 8px;
  border-radius:999px;
  background:rgba(0,0,0,.36);
  color:rgba(255,255,255,.82);
  font-size:11px;
  backdrop-filter:blur(8px);
}
.archive-card:hover,
.archive-waterfall .archive-card.is-archive-active{
  border-color:rgba(255,255,255,.08);
  box-shadow:0 18px 54px rgba(0,0,0,.36);
}
.archive-waterfall:has(.archive-card:hover) .archive-card:not(:hover),
.archive-waterfall.has-archive-active .archive-card:not(.is-archive-active),
.archive-waterfall .archive-card.is-archive-active{
  z-index:auto;
  transform:translateZ(0) scale(1);
  opacity:1;
  filter:none;
}
.archive-card:hover img,
.archive-card.is-archive-active img{
  transform:scale(1.01);
}
.lightbox{
  z-index:360;
  overflow:hidden;
  touch-action:none;
}
.lightbox img{
  cursor:grab;
  transform-origin:center center;
  transform:translate3d(var(--lightbox-x,0px),var(--lightbox-y,0px),0) scale(var(--lightbox-zoom,1)) !important;
  transition:transform .14s ease;
  will-change:transform;
  user-select:none;
  touch-action:none;
  animation:none;
}
.lightbox.is-zoomed{
  align-items:center;
  justify-content:center;
}
.lightbox.is-zoomed img{
  cursor:grab;
}
.lightbox.is-dragging img{
  cursor:grabbing;
  transition:none;
}
body.lightbox-open{
  overflow:hidden;
}
.selected-detail-page{
  position:fixed;
  inset:0;
  z-index:230;
  display:none;
  color:#fff;
  background:
    radial-gradient(circle at 26% 18%,rgba(122,53,255,.22),transparent 30%),
    radial-gradient(circle at 72% 28%,rgba(8,215,255,.18),transparent 28%),
    linear-gradient(180deg,rgba(3,4,12,.98),rgba(5,4,15,.96));
  overflow:hidden;
  overscroll-behavior:contain;
}
.selected-detail-page:before{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  background-image:radial-gradient(rgba(255,255,255,.16) 1px,transparent 1px);
  background-size:18px 18px;
  opacity:.08;
}
.selected-detail-page.show{
  display:block;
}
.selected-detail-shell{
  position:relative;
  width:min(1480px,calc(100vw - 48px));
  height:calc(100dvh - 44px);
  margin:22px auto;
  padding:0;
  display:flex;
  flex-direction:column;
  min-height:0;
}
.selected-detail-top{
  position:relative;
  z-index:5;
  display:flex;
  align-items:center;
  gap:14px;
  min-height:68px;
  margin:0 0 18px;
  padding:10px 16px;
  border:1px solid rgba(255,255,255,.10);
  border-radius:22px;
  background:linear-gradient(180deg,rgba(3,4,12,.94),rgba(8,10,24,.82));
  backdrop-filter:blur(16px);
  box-shadow:0 18px 70px rgba(0,0,0,.34),0 0 0 1px rgba(139,241,255,.04) inset;
}
.selected-detail-back,
.selected-detail-close{
  width:42px;
  height:42px;
  border:1px solid rgba(255,255,255,.15);
  border-radius:50%;
  display:grid;
  place-items:center;
  background:rgba(255,255,255,.07);
  color:#fff;
  cursor:pointer;
}
.selected-detail-top strong{
  display:block;
  font-size:18px;
  font-weight:900;
}
.selected-detail-top span{
  display:block;
  margin-top:3px;
  color:rgba(255,255,255,.56);
  font-size:11px;
  font-weight:800;
  letter-spacing:.12em;
}
.selected-detail-close{
  margin-left:auto;
  font-size:24px;
}
.selected-detail-layout{
  flex:1;
  min-height:0;
  display:grid;
  grid-template-columns:minmax(360px,.9fr) minmax(0,1.35fr);
  gap:34px;
  align-items:stretch;
  overflow:hidden;
  padding:0 2px 4px;
  overscroll-behavior:contain;
}
.selected-detail-page.is-image-only-detail .selected-detail-layout{
  grid-template-columns:1fr;
}
.selected-detail-page.is-image-only-detail .selected-detail-copy{
  display:none;
}
.selected-detail-copy{
  height:100%;
  max-height:100%;
  overflow-x:hidden;
  overflow-y:auto;
  cursor:grab;
  touch-action:none;
  overscroll-behavior:contain;
  scrollbar-color:rgba(212,119,255,.42) rgba(255,255,255,.04);
  scrollbar-width:thin;
  padding:34px;
  border:1px solid rgba(255,255,255,.12);
  border-radius:18px;
  background:linear-gradient(180deg,rgba(16,18,34,.72),rgba(8,8,20,.54));
  box-shadow:0 28px 90px rgba(0,0,0,.35),0 0 0 1px rgba(139,241,255,.05) inset;
}
.selected-detail-copy::-webkit-scrollbar{
  width:8px;
}
.selected-detail-copy::-webkit-scrollbar-track{
  background:rgba(255,255,255,.04);
  border-radius:999px;
}
.selected-detail-copy::-webkit-scrollbar-thumb{
  background:linear-gradient(180deg,rgba(212,119,255,.72),rgba(8,215,255,.42));
  border-radius:999px;
}
.selected-detail-copy h2{
  margin:0 0 24px;
  font-size:clamp(72px,6vw,112px);
  line-height:.92;
  font-weight:300;
  letter-spacing:0;
}
.selected-detail-meta{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:18px;
  margin:0 0 34px;
}
.selected-detail-meta div{
  position:relative;
  padding-left:28px;
}
.selected-detail-meta span{
  position:absolute;
  left:0;
  top:6px;
  width:14px;
  height:14px;
  border-radius:50%;
  background:#d477ff;
  box-shadow:0 0 20px rgba(212,119,255,.42);
}
.selected-detail-meta strong,
.selected-detail-brief h3{
  display:block;
  color:#f08bff;
  font-size:28px;
  line-height:1.15;
  font-weight:900;
}
.selected-detail-meta p,
.selected-detail-brief p,
.selected-detail-points p{
  margin:10px 0 0;
  color:rgba(255,255,255,.88);
  line-height:1.72;
}
.selected-detail-brief{
  position:relative;
  margin:0 0 30px;
  padding-left:28px;
}
.selected-detail-brief:before{
  content:"";
  position:absolute;
  left:0;
  top:8px;
  width:18px;
  height:18px;
  border-radius:50%;
  background:#d477ff;
}
.selected-detail-brief h3{
  margin:0 0 18px;
  font-size:42px;
}
.selected-detail-points{
  display:grid;
  gap:12px;
}
.selected-detail-points.is-single-point{
  gap:0;
  margin:0 0 30px;
}
.selected-detail-points article{
  padding:16px 18px;
  border:1px solid rgba(255,255,255,.10);
  border-radius:14px;
  background:rgba(255,255,255,.045);
}
.selected-detail-points.is-single-point article:not([hidden]){
  position:relative;
  padding:0 0 0 28px;
  border:0;
  border-radius:0;
  background:transparent;
}
.selected-detail-points.is-single-point article:not([hidden]):before{
  content:"";
  position:absolute;
  left:0;
  top:8px;
  width:18px;
  height:18px;
  border-radius:50%;
  background:#d477ff;
}
.selected-detail-points b{
  display:block;
  color:rgba(212,119,255,.72);
  font-size:18px;
  margin-bottom:8px;
}
.selected-detail-points.is-single-point b{
  display:none;
}
.selected-detail-points strong{
  display:block;
  font-size:18px;
}
.selected-detail-points.is-single-point strong{
  color:#f08bff;
  font-size:42px;
  line-height:1.15;
  font-weight:900;
}
.selected-detail-turn-zone{
  position:relative;
  margin-top:14px;
  padding:16px 18px;
  border:1px solid rgba(255,255,255,.10);
  border-radius:14px;
  overflow:hidden;
  background:rgba(255,255,255,.045);
  cursor:zoom-in;
  touch-action:none;
  user-select:none;
  box-shadow:none;
  transition:border-color .22s ease,background .22s ease,box-shadow .22s ease,transform .22s ease;
}
.selected-detail-turn-zone:before{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  pointer-events:none;
  background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(8,8,20,.08));
}
.selected-detail-turn-zone img{
  position:relative;
  z-index:2;
  width:100%;
  height:auto;
  display:block;
  object-fit:contain;
  object-position:50% 50%;
  border-radius:10px;
  cursor:zoom-in;
  user-select:none;
  -webkit-user-drag:none;
}
.selected-detail-turn-zone.is-note-grid{
  display:grid;
  grid-template-columns:1fr;
  gap:14px;
}
.selected-detail-turn-zone.is-note-grid img{
  width:100%;
  height:auto;
  max-height:none;
  object-fit:contain;
}
.selected-detail-turn-zone:is(:hover,:focus-visible){
  border-color:rgba(212,119,255,.34);
  background:rgba(255,255,255,.065);
  box-shadow:0 18px 48px rgba(0,0,0,.22),0 0 24px rgba(212,119,255,.12);
  transform:translateY(-1px);
}
.selected-detail-turn-zone.is-dragging{
  cursor:grabbing;
}
.selected-detail-visual{
  height:100%;
  max-height:100%;
  border:1px solid rgba(139,241,255,.20);
  border-radius:20px;
  background:rgba(255,255,255,.035);
  box-shadow:0 28px 90px rgba(0,0,0,.42);
  overflow-x:hidden;
  overflow-y:auto;
  cursor:grab;
  touch-action:none;
  overscroll-behavior:contain;
  -webkit-overflow-scrolling:touch;
  scrollbar-color:rgba(139,241,255,.42) rgba(255,255,255,.06);
  scrollbar-width:thin;
}
.selected-detail-visual::-webkit-scrollbar{
  width:10px;
}
.selected-detail-visual::-webkit-scrollbar-track{
  background:rgba(255,255,255,.06);
  border-radius:999px;
}
.selected-detail-visual::-webkit-scrollbar-thumb{
  background:linear-gradient(180deg,rgba(212,119,255,.78),rgba(8,215,255,.55));
  border-radius:999px;
}
.selected-detail-visual img{
  width:100%;
  height:auto;
  display:block;
  background:#fff;
  user-select:none;
  -webkit-user-drag:none;
}
.selected-detail-copy.is-dragging,
.selected-detail-visual.is-dragging,
.selected-detail-panel.is-dragging{
  cursor:grabbing;
  user-select:none;
}
.selected-detail-page.is-page-turning .selected-detail-copy,
.selected-detail-page.is-page-turning .selected-detail-visual{
  animation:detailPageTurn .26s cubic-bezier(.2,.8,.2,1) both;
}
.selected-detail-side-nav{
  position:fixed;
  right:28px;
  top:50%;
  z-index:8;
  display:grid;
  gap:12px;
  transform:translateY(-50%);
}
.selected-detail-side-nav-left{
  left:28px;
  right:auto;
}
.selected-detail-side-nav button{
  width:48px;
  height:48px;
  display:grid;
  place-items:center;
  border:1px solid rgba(139,241,255,.34);
  border-radius:50%;
  background:linear-gradient(180deg,rgba(16,18,34,.86),rgba(8,8,20,.72));
  color:#fff;
  font-size:22px;
  font-weight:900;
  cursor:pointer;
  box-shadow:0 18px 50px rgba(0,0,0,.34),0 0 24px rgba(8,215,255,.12);
  transition:transform .22s ease,border-color .22s ease,background .22s ease;
}
.selected-detail-side-nav button:hover{
  transform:translateX(-3px);
  border-color:rgba(139,241,255,.72);
  background:linear-gradient(180deg,rgba(122,53,255,.72),rgba(8,120,255,.42));
}
.selected-detail-side-nav-left button:hover{
  transform:translateX(3px);
}
.selected-detail-side-nav button:focus-visible{
  outline:2px solid rgba(139,241,255,.8);
  outline-offset:4px;
}
.selected-detail-visual.is-long-spread{
  background:#05030a;
}
.selected-detail-page.is-image-only-detail .selected-detail-visual{
  cursor:default;
  overflow:hidden;
}
.selected-detail-spread{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
  align-items:stretch;
  padding:14px;
  min-height:100%;
}
.selected-detail-visual.is-four-col-spread .selected-detail-spread{
  grid-template-columns:repeat(4,minmax(0,1fr));
}
.selected-detail-page.is-image-only-detail .selected-detail-visual.is-four-col-spread{
  height:calc(100dvh - 128px);
  cursor:grab;
  touch-action:none;
}
.selected-detail-page.is-image-only-detail .selected-detail-visual.is-four-col-spread.is-dragging{
  cursor:grabbing;
}
.selected-detail-page.is-image-only-detail .selected-detail-visual.is-four-col-spread .selected-detail-spread{
  gap:12px;
  padding:12px;
  height:100%;
  min-height:0;
  overflow:hidden;
}
.selected-detail-panel{
  min-height:0;
  height:100%;
  overflow-y:auto;
  overflow-x:hidden;
  cursor:grab;
  touch-action:none;
  border-radius:12px;
  background:#05030a;
  box-shadow:0 0 0 1px rgba(255,255,255,.08);
  scrollbar-color:rgba(139,241,255,.42) rgba(255,255,255,.06);
  scrollbar-width:thin;
}
.selected-detail-panel::-webkit-scrollbar{
  width:10px;
}
.selected-detail-panel::-webkit-scrollbar-track{
  background:rgba(255,255,255,.06);
  border-radius:999px;
}
.selected-detail-panel::-webkit-scrollbar-thumb{
  background:linear-gradient(180deg,rgba(212,119,255,.78),rgba(8,215,255,.55));
  border-radius:999px;
}
.selected-detail-slice{
  width:100%;
  min-height:100%;
  aspect-ratio:var(--detail-slice-ratio, 790 / 10257);
  background-repeat:no-repeat;
  background-size:100% 200%;
  background-color:#05030a;
}
.selected-detail-visual.is-four-col-spread .selected-detail-panel{
  overflow-y:auto;
  cursor:grab;
}
.selected-detail-visual.is-four-col-spread .selected-detail-slice{
  height:auto;
  min-height:100%;
  aspect-ratio:var(--detail-slice-ratio, 790 / 2564);
  background-size:100% 400%;
}
.selected-detail-slice.is-start{
  background-position:top center;
}
.selected-detail-slice.is-end{
  background-position:bottom center;
}
.selected-detail-visual.is-four-col-spread .selected-detail-slice.is-slice-1{
  background-position:top center;
}
.selected-detail-visual.is-four-col-spread .selected-detail-slice.is-slice-2{
  background-position:center 33.3333%;
}
.selected-detail-visual.is-four-col-spread .selected-detail-slice.is-slice-3{
  background-position:center 66.6667%;
}
.selected-detail-visual.is-four-col-spread .selected-detail-slice.is-slice-4{
  background-position:bottom center;
}
@keyframes detailPageTurn{
  from{opacity:.68;transform:translateY(10px);}
  to{opacity:1;transform:translateY(0);}
}
html.detail-page-open,
body.detail-page-open{
  overflow:hidden;
  overscroll-behavior:contain;
}
@media(max-width:960px){
  .selected-detail-shell{
    width:min(100% - 28px,760px);
    height:calc(100dvh - 28px);
    margin:14px auto;
  }
  .selected-detail-top{
    min-height:64px;
    margin-bottom:14px;
    border-radius:20px;
  }
  .selected-detail-layout{
    grid-template-columns:1fr;
    gap:20px;
    overflow-y:auto;
    padding-bottom:24px;
  }
  .selected-detail-copy{
    height:auto;
    max-height:none;
    overflow:visible;
    min-height:auto;
    padding:24px;
  }
  .selected-detail-copy h2{
    font-size:64px;
  }
  .selected-detail-meta{
    grid-template-columns:1fr;
  }
  .selected-detail-brief h3{
    font-size:34px;
  }
  .selected-detail-visual{
    height:min(70dvh,680px);
    max-height:none;
  }
  .selected-detail-side-nav{
    right:16px;
  }
  .selected-detail-side-nav-left{
    left:16px;
    right:auto;
  }
  .selected-detail-side-nav button{
    width:42px;
    height:42px;
    font-size:19px;
  }
}
@media(max-width:960px){
  .waterfall-grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    height:auto;
    flex:initial;
    overflow:visible;
    padding:0;
  }
  .waterfall-grid.has-bento-active .gallery-column,
  .waterfall-grid.has-bento-active .gallery-column.is-bento-column-active{
    flex:initial;
  }
  .gallery-column{
    height:auto;
    min-width:0;
  }
  .archive-panel{
    width:calc(100vw - 32px);
    height:min(820px,calc(100dvh - 64px));
    max-width:none;
  }
  .archive-waterfall{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    height:auto;
    min-height:0;
    overflow:visible;
  }
}
@media(max-width:620px){
  .waterfall-grid{
    display:flex;
    flex-direction:column;
    flex:initial;
    height:auto;
    gap:12px;
    padding:0;
  }
  .archive-overlay{padding:14px;}
  .archive-panel{
    width:calc(100vw - 28px);
    height:calc(100dvh - 28px);
    aspect-ratio:auto;
  }
  .archive-waterfall{
    display:flex;
    flex-direction:column;
    height:auto;
    min-height:0;
    padding:0 14px 20px;
  }
  .archive-header{padding-left:16px;}
  .lightbox.is-zoomed{
    padding:54px 22px;
  }
}

/* First-screen report copy. */
.hero h1.hero-title-cn{
  max-width:760px;
  font-size:clamp(58px,6.4vw,104px);
  line-height:1.06;
  letter-spacing:0;
  white-space:nowrap;
}

.hero-company{
  margin-top:24px;
  font-size:clamp(22px,2.2vw,34px);
  line-height:1.35;
  font-weight:700;
  color:rgba(255,255,255,.88);
}

.hero-report-meta{
  display:grid;
  gap:10px;
  margin-top:34px;
  color:#fff;
}

.hero-report-meta p{
  margin:0;
  display:flex;
  flex-wrap:wrap;
  gap:4px;
  align-items:baseline;
  font-size:clamp(22px,2vw,32px);
  line-height:1.28;
  font-weight:900;
}

.hero-report-meta span,
.hero-report-meta strong{
  font:inherit;
}

@media(max-width:620px){
  .hero h1.hero-title-cn{
    font-size:46px;
  }

  .hero-company{
    font-size:20px;
  }

  .hero-report-meta{
    margin-top:26px;
  }

  .hero-report-meta p{
    font-size:20px;
  }
}

/* First-screen metrics updated to match the report summary reference. */
.hero-stats{
  width:min(590px,100%);
}

.hero-stats strong{
  font-size:clamp(22px,2vw,28px);
  letter-spacing:0;
  white-space:nowrap;
}

.hero-stats span{
  font-size:13px;
  font-weight:800;
  margin-top:3px;
  white-space:nowrap;
}

@media(max-width:620px){
  .hero-stats{
    grid-template-columns:repeat(2,1fr);
    width:100%;
  }

  .hero-stats div+div{
    border-left:1px solid rgba(255,255,255,.15);
    border-top:0;
  }

  .hero-stats div:nth-child(odd){
    border-left:0;
  }

  .hero-stats div:nth-child(n+3){
    border-top:1px solid rgba(255,255,255,.15);
  }
}

/* First-screen avatar carousel: five avatars, four visible, 2s loop. */
.avatar-stack{
  position:relative;
  flex:0 0 310px;
  width:310px;
  height:70px;
  overflow:visible;
  display:block;
  -webkit-mask-image:none;
  mask-image:none;
}

.avatar-stack img{
  position:absolute;
  left:6px;
  top:6px;
  width:58px;
  height:58px;
  margin-left:0;
  border:2px solid rgba(255,255,255,.94);
  border-radius:50%;
  object-fit:cover;
  object-position:center;
  background:#071226;
  box-shadow:0 0 22px rgba(8,215,255,.20),0 8px 20px rgba(0,0,0,.20);
  opacity:0;
  transform:translate3d(var(--avatar-x,0),0,0) scale(.92);
  transition:transform .68s cubic-bezier(.18,.92,.22,1),opacity .42s ease,filter .42s ease;
}

.avatar-stack img.is-visible{
  opacity:1;
  filter:saturate(1.04) contrast(1.02);
  transform:translate3d(var(--avatar-x,0),0,0) scale(1);
}

.avatar-stack img.is-hidden-edge{
  opacity:0;
  filter:blur(1px) saturate(.8);
  transform:translate3d(var(--avatar-x,0),0,0) scale(.9);
}

.content-card .content-ip-frame{
  position:absolute;
  right:14px;
  top:22px;
  left:14px;
  z-index:0;
  height:clamp(170px,22vh,235px);
  max-width:none;
  border-radius:12px;
  overflow:hidden;
  background:#fff;
  pointer-events:none;
  opacity:.9;
  filter:drop-shadow(0 22px 38px rgba(0,0,0,.38));
  transform:translateY(0);
  transition:transform .34s ease,opacity .34s ease;
}

.content-card .content-ip-art{
  width:100%;
  height:100%;
  max-width:none;
  object-fit:cover;
  object-position:center 38%;
}

.content-card:hover .content-ip-frame{
  opacity:1;
  transform:translateY(-8px) scale(1.02);
}

.content-card .card-num,
.content-card h3,
.content-card p{
  position:relative;
  z-index:1;
}

.content-card .card-num{
  color:rgba(0,234,255,.78);
  text-shadow:0 0 18px rgba(0,234,255,.42),0 2px 12px rgba(0,0,0,.38);
  -webkit-text-stroke:1px rgba(255,255,255,.18);
}

.content-card h3{
  margin-top:clamp(232px,32vh,292px);
  margin-bottom:10px;
}

.content-card p{
  margin-top:0;
}

#contents .content-grid .content-card{
  min-height:198px;
  padding:20px;
}

#contents .content-grid .content-card .content-ip-frame{
  right:14px;
  left:14px;
  top:22px;
  height:clamp(165px,21vh,226px);
}

#contents .content-grid .content-card h3{
  margin-top:clamp(226px,30vh,282px);
  margin-bottom:8px;
}

#contents .content-grid .content-card p{
  line-height:1.55;
}

/* 岗位职责网页设计：目录后的职责框架页 */
.responsibilities-section{
  position:relative;
  width:min(1180px,calc(100vw - 32px));
  isolation:isolate;
}

.responsibilities-section:before{
  content:"";
  position:absolute;
  inset:76px -58px 26px;
  z-index:-1;
  border-radius:34px;
  background:
    radial-gradient(circle at 12% 20%,rgba(122,53,255,.28),transparent 32%),
    radial-gradient(circle at 88% 26%,rgba(8,215,255,.18),transparent 30%),
    linear-gradient(135deg,rgba(255,255,255,.045),rgba(255,255,255,.012));
  border:1px solid rgba(255,255,255,.08);
  box-shadow:0 34px 120px rgba(0,0,0,.24) inset;
}

.responsibility-title{
  text-align:center;
  margin-bottom:clamp(34px,4.6vw,58px);
}

.responsibility-title h2{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:.18em;
}

.responsibility-title h2:after{
  content:"";
  width:.26em;
  height:.26em;
  border:.08em solid var(--purple);
  border-radius:50%;
  box-shadow:0 0 24px rgba(122,53,255,.7);
}

.responsibility-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:clamp(20px,2.2vw,32px);
}

.responsibility-card{
  position:relative;
  min-height:clamp(282px,33vh,350px);
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
  padding:clamp(30px,2.8vw,46px) clamp(26px,2.4vw,38px);
  overflow:hidden;
  border:1px solid rgba(255,255,255,.13);
  border-radius:22px;
  background:
    radial-gradient(circle at 50% 0,color-mix(in srgb,var(--accent,#08d7ff) 18%,transparent),transparent 46%),
    linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.025));
  box-shadow:0 24px 74px rgba(0,0,0,.26);
  transition:transform .28s ease,border-color .28s ease,box-shadow .28s ease;
}

.responsibility-card:before{
  content:"";
  position:absolute;
  inset:auto -44px -54px auto;
  width:150px;
  height:150px;
  border-radius:50%;
  background:radial-gradient(circle,color-mix(in srgb,var(--accent,#08d7ff) 34%,transparent),transparent 66%);
  pointer-events:none;
}

.responsibility-card:hover{
  transform:translateY(-8px);
  border-color:rgba(8,215,255,.58);
  box-shadow:0 26px 82px color-mix(in srgb,var(--accent,#08d7ff) 18%,transparent);
}

.responsibility-icon{
  width:clamp(70px,6vw,96px);
  height:clamp(70px,6vw,96px);
  display:grid;
  place-items:center;
  margin-bottom:clamp(22px,2vw,30px);
  border-radius:50%;
  color:color-mix(in srgb,var(--accent,#08d7ff) 84%,white 16%);
  background:radial-gradient(circle,rgba(255,255,255,.12),rgba(255,255,255,.035));
  border:1px solid rgba(255,255,255,.15);
  box-shadow:0 0 32px color-mix(in srgb,var(--accent,#08d7ff) 22%,transparent);
}

.responsibility-icon svg{
  width:48%;
  height:48%;
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
}

.responsibility-card h3{
  position:relative;
  z-index:1;
  margin:0 0 16px;
  font-size:clamp(24px,2.2vw,34px);
  line-height:1.12;
  letter-spacing:0;
}

.responsibility-card h3:after{
  content:"";
  display:block;
  width:46px;
  height:3px;
  margin:14px auto 0;
  border-radius:999px;
  background:linear-gradient(90deg,var(--accent,#08d7ff),rgba(255,255,255,.5));
}

.responsibility-card p{
  position:relative;
  z-index:1;
  max-width:22em;
  margin:0 auto;
  color:rgba(247,251,255,.74);
  font-size:clamp(14px,.95vw,17px);
  line-height:1.76;
}

@media(max-width:960px){
  .responsibility-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

@media(max-width:620px){
  .responsibilities-section:before{
    inset:54px -16px 14px;
    border-radius:24px;
  }

  .responsibility-grid{
    grid-template-columns:1fr;
  }

  .responsibility-card{
    min-height:260px;
  }
}

/* First-screen alpha video layer: sits above the background and below the copy. */
.hero{
  position:relative;
  isolation:isolate;
  overflow:visible;
}

.hero-copy{
  position:relative;
  z-index:2;
}

.hero-video-layer{
  position:absolute;
  left:50%;
  top:0;
  z-index:1;
  display:flex;
  align-items:center;
  justify-content:center;
  width:100vw;
  height:min(100%, 56.25vw);
  min-height:100%;
  aspect-ratio:16 / 9;
  pointer-events:none;
  overflow:visible;
  transform:translateX(-50%);
}

.hero-alpha-video{
  width:100%;
  height:100%;
  max-width:none;
  object-fit:contain;
  object-position:left center;
  transform:none;
  filter:drop-shadow(0 38px 84px rgba(0,0,0,.38));
}

body.ppt-mode .hero-alpha-video{
  width:100%;
  transform:none;
}

body.ppt-mode .hero.section-pad{
  overflow:visible;
}

@media(min-width:1600px){
  .hero-alpha-video{
    width:100%;
    transform:translateX(-16vw);
  }
}

@media(max-width:960px){
  .hero-video-layer{
    position:absolute;
    inset:0 auto auto 50%;
    width:100vw;
    height:min(100%, 56.25vw);
    min-height:100%;
    margin-top:0;
  }

  .hero-alpha-video,
  body.ppt-mode .hero-alpha-video{
    width:100%;
    height:100%;
    transform:translateX(-8vw);
  }
}

@media(max-width:620px){
  .hero-alpha-video,
  body.ppt-mode .hero-alpha-video{
    width:100%;
    transform:translateX(-2vw);
  }
}

/* External-share fallback: keep sections visible even when JS animation setup is slow. */
.reveal{
  opacity:1;
  transform:none;
}

html.js .reveal{
  opacity:0;
  transform:translateY(28px);
}

html.js .reveal.in{
  opacity:1;
  transform:translateY(0);
}

/* Design category slide: portrait frame layout. */
.explore-section{
  width:min(1480px,calc(100vw - 64px));
}

.explore-section .category-grid{
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:clamp(18px,2.2vw,34px);
  align-items:stretch;
}

.explore-section .category-card{
  position:relative;
  min-height:clamp(380px,48vh,460px);
  padding:8px;
  border-radius:12px;
  overflow:hidden;
  background:linear-gradient(180deg,rgba(255,255,255,.09),rgba(255,255,255,.025));
  box-shadow:0 24px 70px rgba(0,0,0,.28);
}

.explore-section .category-card:before{
  content:"";
  position:absolute;
  inset:8px;
  z-index:2;
  border:1px solid rgba(255,255,255,.18);
  border-radius:8px;
  pointer-events:none;
}

.explore-section .mosaic{
  position:absolute;
  inset:8px;
  height:auto;
  border-radius:8px;
  display:grid;
  grid-template-columns:1fr;
  grid-template-rows:1fr;
  gap:0;
}

.explore-section .mosaic img{
  grid-area:1 / 1;
  width:100%;
  height:100%;
  object-fit:cover;
}

.explore-section .mosaic img:first-child{
  grid-row:auto;
}

.explore-section .mosaic img:nth-child(2){
  display:none;
}

.explore-section .mosaic img:nth-child(3){
  display:none;
}

.explore-section .category-card p{
  position:absolute;
  left:8px;
  right:8px;
  bottom:8px;
  z-index:3;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  min-height:58px;
  box-sizing:border-box;
  margin:0;
  padding:13px 18px;
  border-radius:0 0 8px 8px;
  background:linear-gradient(90deg,rgba(122,53,255,.86),rgba(8,119,255,.66),rgba(8,215,255,.42));
  backdrop-filter:blur(8px);
  font-size:16px;
  font-weight:900;
  box-shadow:0 -16px 40px rgba(0,0,0,.22);
}

.explore-section .category-card span{
  flex:0 0 auto;
  padding:0;
  border-radius:0;
  background:transparent;
  color:#fff;
  font-size:13px;
  font-weight:800;
}

@media(max-width:960px){
  .explore-section{
    width:min(900px,calc(100vw - 32px));
  }

  .explore-section .category-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

@media(max-width:620px){
  .explore-section .category-grid{
    grid-template-columns:1fr;
  }

  .explore-section .category-card{
    min-height:390px;
  }
}

/* 第三页：工作回顾数据化展示 */
.review-section{
  width:min(1420px,calc(100vw - clamp(32px,4vw,88px)));
  padding-top:clamp(96px,12vh,126px);
  padding-bottom:clamp(72px,8vh,96px);
}

.review-dashboard{
  position:relative;
  display:grid;
  gap:clamp(24px,2.2vw,34px);
  width:100%;
  max-width:1320px;
  margin:0 auto;
  isolation:isolate;
}

.review-title{
  display:grid;
  grid-template-columns:1fr auto 1fr;
  align-items:center;
  justify-content:center;
  gap:16px;
  text-align:center;
}

.review-title span{
  height:2px;
  max-width:170px;
  background:linear-gradient(90deg,transparent,rgba(8,215,255,.78),transparent);
  box-shadow:0 0 18px rgba(8,215,255,.45);
}

.review-title .eyebrow{
  margin:0;
  color:#25f1ff;
  text-shadow:0 0 18px rgba(8,215,255,.46);
}

.review-title h2{
  grid-column:1 / -1;
  margin:0;
  font-size:clamp(42px,4vw,66px);
  line-height:1.05;
  letter-spacing:0;
  text-shadow:0 0 24px rgba(8,215,255,.22);
}

.review-stat-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:clamp(16px,1.5vw,22px);
  width:100%;
  align-items:stretch;
}

.review-stat-card{
  position:relative;
  min-height:152px;
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  align-items:center;
  gap:18px;
  overflow:hidden;
  padding:20px 20px;
  border:1px solid color-mix(in srgb,var(--accent) 42%,rgba(255,255,255,.16));
  border-radius:8px;
  background:
    linear-gradient(115deg,color-mix(in srgb,var(--accent) 18%,rgba(6,10,28,.92)),rgba(9,20,44,.78) 58%,rgba(255,255,255,.045)),
    rgba(4,8,22,.78);
  box-shadow:0 24px 72px rgba(0,0,0,.32),0 0 42px color-mix(in srgb,var(--accent) 18%,transparent) inset;
  cursor:pointer;
  transition:transform .28s ease,border-color .28s ease,box-shadow .28s ease;
}

.review-stat-card:before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.12),transparent);
  transform:translateX(-120%);
  opacity:.8;
}

.review-stat-card:hover{
  transform:translateY(-4px);
  border-color:color-mix(in srgb,var(--accent) 78%,#fff);
  box-shadow:0 30px 88px color-mix(in srgb,var(--accent) 18%,rgba(0,0,0,.52)),0 0 52px color-mix(in srgb,var(--accent) 22%,transparent) inset;
}

.review-stat-copy{
  position:relative;
  z-index:2;
  display:grid;
  justify-items:start;
  gap:9px;
  min-width:0;
  padding-right:clamp(70px,7vw,118px);
  text-align:left;
}

.review-stat-card b{
  font-size:clamp(15px,.92vw,20px);
  color:rgba(255,255,255,.88);
  white-space:nowrap;
}

.review-stat-card strong{
  display:flex;
  align-items:baseline;
  justify-content:flex-start;
  gap:8px;
  font-size:clamp(25px,1.75vw,36px);
  line-height:1;
  font-weight:900;
  color:#fff;
  text-shadow:0 0 20px color-mix(in srgb,var(--accent) 36%,transparent);
  white-space:nowrap;
}

.review-stat-card em{
  font-style:normal;
}

.review-stat-card strong small{
  font-size:clamp(12px,.72vw,14px);
  color:rgba(255,255,255,.78);
  font-weight:900;
  white-space:nowrap;
}

.review-sparkline{
  position:absolute;
  z-index:1;
  right:20px;
  bottom:24px;
  width:clamp(56px,4.8vw,88px);
  height:42px;
  opacity:.74;
  pointer-events:none;
}

.review-sparkline path{
  fill:none;
  stroke:var(--accent);
  stroke-width:4;
  stroke-linecap:round;
  filter:drop-shadow(0 0 10px var(--accent));
}

.review-icon{
  position:relative;
  z-index:1;
  width:60px;
  height:60px;
  display:grid;
  place-items:center;
  border:1px solid color-mix(in srgb,var(--accent) 65%,rgba(255,255,255,.15));
  border-radius:50%;
  color:var(--accent);
  box-shadow:0 0 28px color-mix(in srgb,var(--accent) 38%,transparent),0 0 22px color-mix(in srgb,var(--accent) 18%,transparent) inset;
}

.review-icon svg{
  width:31px;
  height:31px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.9;
  stroke-linecap:round;
  stroke-linejoin:round;
  filter:drop-shadow(0 0 10px currentColor);
}

.review-table-card{
  width:100%;
  max-width:1320px;
  margin:0 auto;
  overflow:hidden;
  border:1px solid rgba(8,215,255,.34);
  border-radius:8px;
  background:linear-gradient(180deg,rgba(7,18,42,.82),rgba(3,10,25,.92));
  box-shadow:0 28px 90px rgba(0,0,0,.36),0 0 70px rgba(8,215,255,.10) inset;
}

.review-table-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  min-height:72px;
  padding:0 28px;
  border-bottom:1px solid rgba(255,255,255,.10);
  background:linear-gradient(90deg,rgba(8,215,255,.09),rgba(122,53,255,.08),rgba(255,79,197,.07));
}

.review-table-head h3{
  margin:0;
  font-size:clamp(20px,1.3vw,28px);
  letter-spacing:0;
}

.review-table-head small{
  margin-left:8px;
  color:rgba(255,255,255,.58);
  font-size:.72em;
}

.review-table-head > span{
  flex:0 0 auto;
  padding:10px 22px;
  border-radius:8px;
  background:rgba(255,255,255,.08);
  box-shadow:0 12px 28px rgba(0,0,0,.26);
  font-weight:900;
  color:rgba(255,255,255,.88);
}

.review-table{
  display:grid;
  width:100%;
}

.review-row{
  --row-height:88px;
  display:grid;
  grid-template-columns:minmax(180px,1.1fr) minmax(160px,.95fr) minmax(180px,1fr) minmax(120px,.75fr) minmax(240px,1.15fr);
  align-items:center;
  min-height:var(--row-height);
  border-bottom:1px solid rgba(255,255,255,.08);
  background:linear-gradient(90deg,rgba(7,20,45,.72),rgba(10,31,66,.48),rgba(5,13,31,.62));
}

.review-row:last-child{
  border-bottom:0;
}

.review-row > span{
  min-width:0;
  height:100%;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:0 clamp(14px,1.4vw,24px);
  border-right:1px solid rgba(255,255,255,.08);
  font-size:clamp(20px,1.35vw,30px);
  font-weight:800;
}

.review-row > span:last-child{
  border-right:0;
}

.review-row-header{
  --row-height:58px;
  background:rgba(8,20,43,.74);
}

.review-row-header > span{
  font-size:clamp(15px,.95vw,20px);
  color:rgba(255,255,255,.82);
}

.review-person{
  justify-content:flex-start!important;
  gap:16px;
  padding-left:clamp(18px,2vw,28px)!important;
  font-size:clamp(17px,1.1vw,24px)!important;
}

.review-person img{
  width:58px;
  height:58px;
  flex:0 0 auto;
  border-radius:50%;
  object-fit:cover;
  border:2px solid rgba(255,255,255,.88);
  box-shadow:0 0 24px rgba(8,215,255,.20);
}

.review-meter{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) max-content;
  gap:clamp(10px,1vw,16px);
  width:min(100%,420px);
  margin:0 auto;
  justify-content:stretch;
}

.review-meter i{
  position:relative;
  width:100%;
  height:14px;
  overflow:hidden;
  border-radius:999px;
  background:rgba(255,255,255,.10);
  box-shadow:0 0 20px rgba(8,215,255,.10) inset;
}

.review-meter i:before{
  content:"";
  position:absolute;
  left:0;
  top:0;
  width:max(var(--percent), 8px);
  height:100%;
  border-radius:inherit;
  background:linear-gradient(90deg,#7537ff,#00d9ff);
  box-shadow:0 0 18px rgba(8,215,255,.58);
  transform-origin:left center;
}

.review-meter b{
  min-width:82px;
  font-size:clamp(20px,1.25vw,28px);
  font-weight:900;
  font-style:italic;
  text-align:right;
  white-space:nowrap;
  text-shadow:0 0 14px rgba(255,255,255,.25);
}

@keyframes reviewCardIn{
  0%{opacity:1;transform:translateY(22px);filter:blur(4px);}
  100%{opacity:1;transform:translateY(0);filter:blur(0);}
}

@keyframes reviewSweep{
  0%{transform:translateX(-120%);}
  100%{transform:translateX(120%);}
}

@keyframes reviewSparkDraw{
  0%{stroke-dashoffset:190;opacity:.2;}
  100%{stroke-dashoffset:0;opacity:1;}
}

@keyframes reviewMeterGrow{
  0%{transform:scaleX(0);}
  100%{transform:scaleX(1);}
}

body.ppt-mode .review-stat-card,
body.ppt-mode .review-table-card{
  opacity:1;
}

body.ppt-mode .review-sparkline path{
  stroke-dasharray:190;
  stroke-dashoffset:0;
}

body.ppt-mode .review-meter i:before{
  transform:scaleX(1);
}

body.ppt-mode .review-section.ppt-active .review-stat-card{
  animation:reviewCardIn .72s cubic-bezier(.2,.9,.2,1) both;
  animation-delay:var(--delay);
}

body.ppt-mode .review-section.ppt-active .review-stat-card:before{
  animation:reviewSweep .88s ease both;
  animation-delay:calc(var(--delay) + 160ms);
}

body.ppt-mode .review-section.ppt-active .review-sparkline path{
  animation:reviewSparkDraw 1.05s cubic-bezier(.2,.8,.2,1) both;
  animation-delay:calc(var(--delay) + 260ms);
}

body.ppt-mode .review-section.ppt-active .review-table-card{
  animation:reviewCardIn .72s cubic-bezier(.2,.9,.2,1) .38s both;
}

body.ppt-mode .review-section.ppt-active .review-meter i:before{
  animation:reviewMeterGrow .95s cubic-bezier(.18,.9,.22,1) both;
  animation-delay:calc(.72s + var(--delay));
}

@media(max-width:1180px){
  .review-section{
    width:min(1140px,calc(100vw - 32px));
  }

  .review-stat-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .review-row{
    grid-template-columns:minmax(170px,1.05fr) minmax(140px,.9fr) minmax(160px,1fr) minmax(110px,.7fr) minmax(220px,1.1fr);
  }
}

@media(max-width:760px){
  .review-section{
    width:min(680px,calc(100vw - 32px));
  }

  .review-stat-grid{
    grid-template-columns:1fr;
  }

  .review-table-card{
    overflow-x:auto;
  }

  .review-row{
    min-width:760px;
  }
}

/* Next stage slide: neon goal panel inspired by the reference layout. */
.cta-section{
  display:flex;
  align-items:center;
}

.cta-card{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  width:100%;
  min-height:clamp(520px,63vh,590px);
  margin:0 auto;
  padding:clamp(36px,3.6vw,54px);
  display:grid;
  grid-template-columns:minmax(300px,.82fr) minmax(0,1.86fr);
  align-items:stretch;
  gap:clamp(28px,2.5vw,46px);
  border:1px solid rgba(8,215,255,.78);
  border-radius:34px 34px 86px 34px;
  background:
    linear-gradient(115deg,rgba(9,18,48,.95),rgba(4,16,42,.90) 42%,rgba(9,22,58,.84)),
    radial-gradient(circle at 14% 18%,rgba(122,53,255,.28),transparent 38%),
    radial-gradient(circle at 84% 75%,rgba(8,215,255,.18),transparent 40%);
  box-shadow:
    0 36px 130px rgba(0,0,0,.46),
    0 0 54px rgba(8,215,255,.20),
    inset 0 0 0 1px rgba(122,53,255,.22);
}

.cta-card:before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-2;
  background-image:radial-gradient(rgba(139,241,255,.20) 1.5px,transparent 1.5px);
  background-size:20px 20px;
  opacity:.18;
  mask-image:linear-gradient(90deg,#000 0,rgba(0,0,0,.45) 22%,transparent 46%,transparent 70%,rgba(0,0,0,.55) 100%);
}

.cta-card:after{
  content:"";
  position:absolute;
  inset:-30% -12%;
  z-index:-1;
  background:
    linear-gradient(98deg,rgba(122,53,255,.36),transparent 24%,rgba(8,215,255,.18) 48%,transparent 70%,rgba(255,79,197,.24)),
    radial-gradient(circle at 50% 118%,rgba(8,215,255,.25),transparent 42%);
  filter:blur(24px);
  opacity:.84;
  transform:skewY(-4deg);
}

.cta-copy{
  position:relative;
  z-index:1;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:flex-start;
  min-width:0;
}

.cta-copy .eyebrow{
  margin-bottom:18px;
  color:#87f6ff;
  font-size:clamp(13px,.86vw,17px);
}

.cta-copy .eyebrow:after{
  content:"";
  display:inline-block;
  width:76px;
  height:10px;
  margin-left:13px;
  background:repeating-linear-gradient(110deg,rgba(8,215,255,.9) 0 7px,transparent 7px 14px);
  filter:drop-shadow(0 0 10px rgba(8,215,255,.50));
  transform:skewX(-18deg);
}

.cta-copy h2{
  max-width:610px;
  margin:0;
  color:#fff;
  font-size:clamp(34px,3vw,54px);
  line-height:1.15;
  letter-spacing:0;
  text-shadow:0 0 28px rgba(8,215,255,.16);
}

.cta-copy > p:not(.eyebrow){
  max-width:520px;
  margin:clamp(16px,1.8vh,22px) 0 0;
  color:rgba(255,255,255,.78);
  font-size:clamp(18px,1.25vw,24px);
  line-height:1.55;
  font-weight:800;
}

.cta-copy .primary-btn{
  margin-top:clamp(26px,3.5vh,44px);
  min-width:164px;
  height:54px;
  border-radius:999px;
  padding:0 30px;
  font-size:16px;
}

.cta-objectives{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:clamp(18px,1.45vw,28px);
  align-items:stretch;
}

.plan-goal-card{
  --goal-accent:#08d7ff;
  position:relative;
  min-width:0;
  min-height:clamp(278px,36vh,370px);
  padding:clamp(24px,2.1vw,34px) clamp(18px,1.25vw,24px);
  display:flex;
  flex-direction:column;
  align-items:center;
  text-align:center;
  border:1px solid rgba(139,241,255,.16);
  border-radius:18px;
  background:linear-gradient(180deg,rgba(13,29,65,.64),rgba(9,18,43,.48));
  box-shadow:inset 0 0 34px rgba(8,215,255,.05),0 24px 74px rgba(0,0,0,.22);
  overflow:visible;
  transition:transform .32s ease,border-color .32s ease,box-shadow .36s ease;
}

.plan-goal-card:before{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 50% 18%,color-mix(in srgb,var(--goal-accent) 24%,transparent),transparent 34%),
    linear-gradient(180deg,rgba(255,255,255,.06),transparent 48%);
  opacity:.9;
  pointer-events:none;
}

.plan-goal-card:after{
  content:"";
  position:absolute;
  left:50%;
  bottom:22px;
  width:48px;
  height:4px;
  border-radius:999px;
  background:linear-gradient(90deg,var(--goal-accent),rgba(122,53,255,.58));
  box-shadow:0 0 16px var(--goal-accent);
  transform:translateX(-50%);
}

.plan-goal-card:hover{
  transform:translateY(-6px);
  border-color:color-mix(in srgb,var(--goal-accent) 62%,rgba(255,255,255,.24));
  box-shadow:inset 0 0 42px color-mix(in srgb,var(--goal-accent) 12%,transparent),0 30px 92px rgba(0,0,0,.32);
}

.plan-goal-icon{
  position:relative;
  z-index:1;
  width:72px;
  height:72px;
  margin:0 auto 24px;
  display:grid;
  place-items:center;
  border:1px solid color-mix(in srgb,var(--goal-accent) 70%,rgba(255,255,255,.18));
  border-radius:26px;
  color:#fff;
  background:rgba(8,18,50,.46);
  box-shadow:0 0 28px color-mix(in srgb,var(--goal-accent) 48%,transparent),inset 0 0 24px rgba(255,255,255,.06);
  font-size:28px;
  font-weight:900;
  text-shadow:0 0 18px var(--goal-accent);
  clip-path:polygon(50% 0,88% 22%,88% 74%,50% 100%,12% 74%,12% 22%);
}

.plan-goal-card b{
  position:relative;
  z-index:1;
  display:block;
  margin-bottom:10px;
  color:var(--goal-accent);
  font-size:clamp(31px,2.25vw,42px);
  line-height:1;
  font-weight:900;
  text-shadow:0 0 20px color-mix(in srgb,var(--goal-accent) 58%,transparent);
}

.plan-goal-card h3{
  position:relative;
  z-index:1;
  margin:0;
  min-height:clamp(54px,6.2vh,70px);
  padding:0 22px;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#fff;
  font-size:clamp(18px,1.12vw,23px);
  line-height:1.35;
  font-weight:900;
  letter-spacing:0;
  text-wrap:balance;
}

.plan-goal-card p{
  position:relative;
  z-index:1;
  margin:14px 0 0;
  color:rgba(255,255,255,.68);
  font-size:clamp(13px,.82vw,16px);
  line-height:1.85;
}

@keyframes planPanelIn{
  0%{opacity:0;transform:translateY(34px) scale(.985);filter:blur(6px);}
  100%{opacity:1;transform:translateY(0) scale(1);filter:blur(0);}
}

@keyframes planItemIn{
  0%{opacity:0;transform:translateY(26px) scale(.96);filter:blur(4px);}
  100%{opacity:1;transform:translateY(0) scale(1);filter:blur(0);}
}

body.ppt-mode .cta-card{
  opacity:1;
}

body.ppt-mode .cta-copy > *,
body.ppt-mode .plan-goal-card{
  opacity:0;
}

body.ppt-mode .cta-section.ppt-active .cta-card{
  animation:planPanelIn .78s cubic-bezier(.2,.9,.2,1) both;
}

body.ppt-mode .cta-section.ppt-active .cta-copy > *{
  animation:planItemIn .7s cubic-bezier(.2,.9,.2,1) both;
}

body.ppt-mode .cta-section.ppt-active .cta-copy > :nth-child(1){animation-delay:120ms;}
body.ppt-mode .cta-section.ppt-active .cta-copy > :nth-child(2){animation-delay:210ms;}
body.ppt-mode .cta-section.ppt-active .cta-copy > :nth-child(3){animation-delay:300ms;}
body.ppt-mode .cta-section.ppt-active .cta-copy > :nth-child(4){animation-delay:390ms;}

body.ppt-mode .cta-section.ppt-active .plan-goal-card{
  animation:planItemIn .72s cubic-bezier(.2,.9,.2,1) both;
  animation-delay:var(--goal-delay);
}

@media(min-width:961px){
  .plan-goal-card:not(:last-child){
    margin-right:0;
  }

  .plan-goal-card:not(:last-child)::after{
    box-shadow:0 0 16px var(--goal-accent);
  }

  .plan-goal-card:not(:last-child) h3:after{
    content:"";
    position:absolute;
    right:calc(clamp(-30px,-1.35vw,-20px));
    top:50%;
    width:16px;
    height:16px;
    border-top:3px solid rgba(8,215,255,.72);
    border-right:3px solid rgba(8,215,255,.72);
    transform:translateY(-50%) rotate(45deg);
    filter:drop-shadow(0 0 8px rgba(8,215,255,.56));
    pointer-events:none;
  }
}

@media(max-width:1180px){
  .cta-card{
    grid-template-columns:1fr;
  }

  .cta-copy{
    max-width:780px;
  }
}

@media(max-width:960px){
  .cta-card{
    display:grid;
    padding:32px 24px;
    border-radius:28px 28px 56px 28px;
  }

  .cta-objectives{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .plan-goal-card{
    min-height:260px;
  }
}

@media(max-width:620px){
  .cta-card{
    padding:26px 18px;
    gap:22px;
  }

  .cta-copy h2{
    font-size:30px;
  }

  .cta-objectives{
    grid-template-columns:1fr;
  }

  .plan-goal-card{
    min-height:220px;
  }
}

/* Expanded detail modal: large left copy area with two visual slots on the right. */
.modal{
  padding:clamp(18px,3vw,42px);
}

.modal-card{
  width:min(1280px,calc(100vw - 48px));
  min-height:min(620px,calc(100vh - 72px));
  max-height:calc(100vh - 56px);
  padding:clamp(36px,4vw,60px);
  border-color:rgba(139,241,255,.30);
  border-radius:28px;
  background:
    radial-gradient(circle at 12% 80%,rgba(8,215,255,.18),transparent 28%),
    radial-gradient(circle at 86% 24%,rgba(255,79,197,.14),transparent 24%),
    linear-gradient(180deg,rgba(11,18,46,.96),rgba(3,7,22,.96));
  box-shadow:0 44px 150px rgba(0,0,0,.72),0 0 0 1px rgba(255,255,255,.05) inset;
  overflow:hidden;
}

.modal-card:before{
  content:"";
  position:absolute;
  inset:0;
  background-image:
    linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);
  background-size:28px 28px;
  opacity:.25;
  pointer-events:none;
}

.modal-card .modal-close{
  z-index:3;
  right:clamp(18px,2vw,28px);
  top:clamp(18px,2vw,28px);
}

.modal-layout{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr);
  gap:clamp(36px,4.2vw,64px);
  align-items:center;
}

.modal-copy{
  min-width:0;
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding-right:clamp(0px,.6vw,10px);
}

.modal-copy .eyebrow{
  margin-bottom:14px;
  color:#9868ff;
  font-size:14px;
}

.modal-card h3{
  margin:0 0 26px;
  max-width:720px;
  font-size:clamp(38px,4.1vw,64px);
  line-height:1.06;
  letter-spacing:0;
  text-shadow:0 0 32px rgba(122,53,255,.24);
}

.modal-card h3.modal-title-split{
  display:grid;
  gap:clamp(10px,1.35vh,16px);
  max-width:820px;
  margin-bottom:clamp(26px,3vh,38px);
  text-shadow:none;
}

.modal-title-kicker{
  display:inline-flex;
  align-items:center;
  width:max-content;
  color:#9868ff;
  font-size:clamp(18px,1.18vw,24px);
  line-height:1;
  font-weight:900;
  letter-spacing:.12em;
  text-shadow:0 0 22px rgba(122,53,255,.42);
}

.modal-title-main{
  display:block;
  max-width:100%;
  color:#f7fbff;
  font-size:clamp(48px,4.05vw,68px);
  line-height:1.02;
  font-weight:900;
  letter-spacing:0;
  text-wrap:balance;
  text-shadow:0 0 34px rgba(8,215,255,.12);
}

.modal-title-main:after{
  content:"";
  display:block;
  width:clamp(68px,5.4vw,96px);
  height:4px;
  margin-top:clamp(16px,1.8vh,24px);
  border-radius:999px;
  background:linear-gradient(90deg,var(--purple),var(--cyan));
  box-shadow:0 0 18px rgba(8,215,255,.42);
}

.modal-text{
  display:grid;
  gap:clamp(14px,1.8vh,20px);
  max-width:720px;
}

.modal-text p{
  margin:0;
  color:rgba(247,251,255,.82);
  font-size:clamp(16px,1.12vw,20px);
  line-height:1.82;
  font-weight:800;
}

.modal-tags{
  margin-top:30px;
}

.modal-tags span{
  padding:9px 14px;
  border-color:rgba(139,241,255,.30);
  background:rgba(8,215,255,.10);
  color:rgba(255,255,255,.86);
  font-weight:800;
}

.modal-visuals{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  grid-auto-rows:minmax(0,1fr);
  gap:clamp(18px,1.8vw,28px);
  align-content:center;
  align-items:center;
  align-self:center;
}

.modal:not(.has-visuals) .modal-layout{
  grid-template-columns:minmax(0,1fr);
}

.modal:not(.has-visuals) .modal-visuals{
  display:none;
}

.modal-scroll-capture{
  display:none;
}

.modal.modal-scroll-capture-mode{
  align-items:flex-start;
  overflow:auto;
}

.modal.modal-scroll-capture-mode .modal-card{
  width:min(1280px,calc(100vw - 96px));
  max-height:calc(100vh - 20px);
  padding:clamp(46px,4.8vw,68px);
  overflow-y:auto;
  cursor:grab;
  touch-action:none;
  overscroll-behavior:contain;
  scrollbar-width:none;
}

.modal.modal-scroll-capture-mode .modal-card::-webkit-scrollbar{
  width:0;
  height:0;
}

.modal.modal-scroll-capture-mode .modal-card.is-dragging{
  cursor:grabbing;
  user-select:none;
}

.modal-scroll-progress{
  --modal-scroll-thumb-y:0%;
  --modal-scroll-thumb-h:18%;
  position:absolute;
  right:14px;
  top:22px;
  bottom:22px;
  z-index:4;
  display:none;
  width:8px;
  border-radius:999px;
  pointer-events:none;
  background:linear-gradient(180deg,rgba(255,255,255,.09),rgba(255,255,255,.025));
  box-shadow:inset 0 0 0 1px rgba(139,241,255,.14),0 0 22px rgba(8,215,255,.10);
}

.modal-scroll-progress.show{
  display:block;
}

.modal-scroll-progress i{
  position:absolute;
  left:2px;
  right:2px;
  top:var(--modal-scroll-thumb-y);
  height:var(--modal-scroll-thumb-h);
  border-radius:999px;
  background:linear-gradient(180deg,rgba(139,241,255,.96),rgba(60,156,178,.52));
  box-shadow:0 0 14px rgba(8,215,255,.55);
  transition:top .16s ease,height .16s ease;
}

.modal.modal-scroll-capture-mode .modal-layout{
  grid-template-columns:1fr;
}

.modal.modal-scroll-capture-mode .modal-copy{
  display:grid;
  grid-template-columns:minmax(430px,.46fr) minmax(0,.54fr);
  column-gap:clamp(44px,5vw,76px);
  row-gap:clamp(18px,2.2vh,28px);
  align-items:start;
  padding-right:0;
}

.modal.modal-scroll-capture-mode .modal-copy .eyebrow{
  grid-column:1;
  grid-row:1;
  margin:0;
  align-self:start;
}

.modal.modal-scroll-capture-mode .modal-copy h3{
  grid-column:1;
  grid-row:2;
}

.modal.modal-scroll-capture-mode .modal-card h3.modal-title-split{
  margin-bottom:0;
  gap:clamp(14px,1.8vh,20px);
}

.modal.modal-scroll-capture-mode .modal-title-main{
  width:max-content;
  max-width:100%;
  font-size:clamp(48px,4.1vw,58px);
  line-height:1.02;
  white-space:nowrap;
}

.modal.modal-scroll-capture-mode .modal-title-main:after{
  width:clamp(76px,7vw,112px);
  margin-top:clamp(18px,2vh,26px);
}

.modal.modal-scroll-capture-mode .modal-text{
  grid-column:2;
  grid-row:1 / span 3;
  max-width:none;
  align-self:start;
  padding-top:clamp(24px,2.8vh,36px);
}

.modal.modal-scroll-capture-mode .modal-text p{
  font-size:clamp(17px,1.22vw,20px);
  line-height:1.9;
}

.modal.modal-scroll-capture-mode .modal-tags{
  grid-column:1;
  grid-row:3;
  align-self:end;
  margin-top:clamp(8px,1.2vh,14px);
}

.modal.modal-scroll-capture-mode .modal-scroll-capture{
  position:relative;
  z-index:1;
  display:block;
  margin-top:clamp(34px,4vh,52px);
  border-radius:0;
  overflow:visible;
  max-height:none;
  background:transparent;
  box-shadow:none;
}

.modal.modal-scroll-capture-mode .modal-scroll-capture.is-two-col,
.modal.modal-scroll-capture-mode .modal-scroll-capture.is-three-col{
  display:grid;
  grid-auto-rows:auto;
  gap:clamp(18px,2vw,28px);
  align-items:start;
}

.modal.modal-scroll-capture-mode .modal-scroll-capture.is-two-col{
  grid-template-columns:repeat(2,minmax(0,1fr));
}

.modal.modal-scroll-capture-mode .modal-scroll-capture.is-three-col{
  grid-template-columns:repeat(3,minmax(0,1fr));
}

.modal.modal-scroll-capture-mode .modal-scroll-capture.is-two-col img + img,
.modal.modal-scroll-capture-mode .modal-scroll-capture.is-three-col img + img{
  margin-top:0;
}

.modal-scroll-capture-frame{
  position:relative;
  height:100%;
  min-height:0;
  border-radius:18px;
  overflow:hidden;
  background:#0a0f22;
  box-shadow:0 28px 90px rgba(0,0,0,.36);
}

.modal-scroll-capture.is-two-col .modal-scroll-capture-frame,
.modal-scroll-capture.is-three-col .modal-scroll-capture-frame{
  height:auto;
  aspect-ratio:3 / 4;
  display:grid;
  place-items:center;
}

.modal-scroll-capture-frame.is-product-card{
  background:#fff;
}

.modal-scroll-capture.is-two-col .modal-scroll-capture-frame img,
.modal-scroll-capture.is-three-col .modal-scroll-capture-frame img{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  max-width:none;
  max-height:none;
  object-fit:cover;
  object-position:center;
  border-radius:0;
  box-shadow:none;
}

.modal-scroll-capture.is-product-cards .modal-scroll-capture-frame img{
  object-fit:contain;
  padding:clamp(24px,3.5vw,54px);
  box-sizing:border-box;
  background:#fff;
}

.modal-scroll-capture img{
  display:block;
  width:100%;
  max-width:none;
  height:auto;
  border-radius:18px;
  background:#fff;
  box-shadow:0 28px 90px rgba(0,0,0,.36);
  cursor:zoom-in;
  user-select:none;
  -webkit-user-drag:none;
}

.modal-scroll-capture img + img{
  margin-top:clamp(18px,2.4vh,28px);
}

.modal.modal-scroll-capture-mode .modal-scroll-capture.is-two-col > .modal-scroll-capture-frame,
.modal.modal-scroll-capture-mode .modal-scroll-capture.is-three-col > .modal-scroll-capture-frame{
  position:relative;
  width:100%;
  height:auto!important;
  min-height:0;
  aspect-ratio:3 / 4;
  display:block;
}

.modal.modal-scroll-capture-mode .modal-scroll-capture.is-two-col > .modal-scroll-capture-frame > img,
.modal.modal-scroll-capture-mode .modal-scroll-capture.is-three-col > .modal-scroll-capture-frame > img{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  max-width:none;
  max-height:none;
  object-fit:cover;
  object-position:center;
}

.modal.modal-scroll-capture-mode .modal-scroll-capture.is-product-cards > .modal-scroll-capture-frame > img{
  object-fit:contain;
  padding:clamp(24px,3.5vw,54px);
  box-sizing:border-box;
  background:#fff;
}

.modal-visual-frame{
  position:relative;
  height:clamp(238px,29vh,268px);
  min-height:0;
  margin:0;
  border:0;
  border-radius:16px;
  overflow:hidden;
  background:rgba(255,255,255,.035);
  box-shadow:0 24px 70px rgba(0,0,0,.28);
}

.modal-visuals[data-visual-count="1"],
.modal-visuals[data-visual-count="2"]{
  grid-template-rows:1fr;
}

.modal-visuals[data-visual-count="1"] .modal-visual-frame,
.modal-visuals[data-visual-count="2"] .modal-visual-frame{
  height:clamp(500px,62vh,560px);
}

.modal-visual-frame:before{
  content:none;
}

.modal-visual-frame img{
  width:100%;
  height:100%;
  max-width:none;
  object-fit:cover;
  object-position:center;
  cursor:zoom-in;
  filter:saturate(1.08) contrast(1.04);
}

.modal-visual-frame figcaption{
  display:none;
}

@media(max-width:1100px){
  .modal-layout{
    grid-template-columns:1fr;
  }

  .modal.modal-scroll-capture-mode .modal-card{
    width:calc(100vw - 48px);
    padding:42px 34px 34px;
  }

  .modal.modal-scroll-capture-mode .modal-copy{
    grid-template-columns:1fr;
    gap:20px;
  }

  .modal.modal-scroll-capture-mode .modal-copy .eyebrow,
  .modal.modal-scroll-capture-mode .modal-copy h3,
  .modal.modal-scroll-capture-mode .modal-text,
  .modal.modal-scroll-capture-mode .modal-tags{
    grid-column:1;
    grid-row:auto;
  }

  .modal.modal-scroll-capture-mode .modal-text{
    padding-top:0;
  }

  .modal.modal-scroll-capture-mode .modal-title-main{
    width:auto;
    white-space:normal;
  }

  .modal-copy{
    justify-content:start;
    padding-right:0;
  }

  .modal-visuals{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .modal-visual-frame{
    min-height:240px;
  }
}

@media(max-width:680px){
  .modal{
    align-items:flex-start;
    overflow:auto;
  }

  .modal-card{
    width:calc(100vw - 28px);
    min-height:auto;
    padding:30px 20px 24px;
  }

  .modal.modal-scroll-capture-mode .modal-card{
    width:calc(100vw - 28px);
    padding:32px 20px 24px;
  }

  .modal-card h3{
    font-size:34px;
  }

  .modal-title-main{
    max-width:100%;
    font-size:42px;
  }

  .modal-title-kicker{
    font-size:16px;
  }

  .modal-text p{
    font-size:16px;
    line-height:1.72;
  }

  .modal-visuals{
    grid-template-columns:1fr;
  }

  .modal-visual-frame{
    min-height:220px;
  }
}

#lightboxTitle{
  display:none!important;
}

/* Final slide: layered video background with separated title artwork. */
.footer.final-slide{
  position:relative;
  width:100%;
  min-height:100vh;
  margin:0;
  padding:0;
  display:grid;
  place-items:center;
  overflow:hidden;
  isolation:isolate;
  background:#02030c;
}

.final-slide-video{
  position:absolute;
  inset:0;
  z-index:0;
  width:100%;
  height:100%;
  max-width:none;
  object-fit:cover;
  object-position:center;
  filter:saturate(1.18) contrast(1.08) brightness(.92);
}

.final-slide-vignette{
  position:absolute;
  inset:0;
  z-index:1;
  pointer-events:none;
  background:
    radial-gradient(circle at 50% 44%, rgba(9,18,58,.08), transparent 34%),
    linear-gradient(180deg, rgba(0,0,0,.26), transparent 22%, rgba(0,0,0,.18) 100%),
    linear-gradient(90deg, rgba(0,0,0,.18), transparent 24%, transparent 76%, rgba(0,0,0,.18));
}

.final-title-layer{
  position:absolute;
  inset:0;
  z-index:2;
  width:100%;
  height:100%;
  display:grid;
  place-items:center;
  overflow:hidden;
  transform:scale(.74);
  filter:drop-shadow(0 0 26px rgba(55,137,255,.38)) drop-shadow(0 18px 44px rgba(0,0,0,.52));
}

.final-thanks-layer{
  width:100%;
  height:100%;
  max-width:none;
  object-fit:cover;
  object-position:center;
}

.final-title-sweep{
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(105deg, transparent 26%, rgba(255,255,255,0) 39%, rgba(142,237,255,.9) 47%, rgba(255,255,255,.96) 50%, rgba(105,125,255,.72) 54%, rgba(255,255,255,0) 62%, transparent 76%);
  mix-blend-mode:screen;
  opacity:.88;
  transform:translateX(-130%) skewX(-12deg);
  animation:finalTitleSweep 3.8s cubic-bezier(.42,0,.2,1) infinite;
  mask:url("assets/final-thankyou-transparent.webp") center / cover no-repeat;
  -webkit-mask:url("assets/final-thankyou-transparent.webp") center / cover no-repeat;
}

body.ppt-mode .footer.final-slide{
  min-height:100vh;
  width:100vw;
}

body.ppt-mode .footer.final-slide.ppt-active .final-title-layer{
  animation:finalTitleIn .86s cubic-bezier(.18,.9,.18,1) both;
}

@keyframes finalTitleIn{
  from{
    opacity:0;
    transform:scale(.74);
    filter:blur(10px) drop-shadow(0 0 0 rgba(55,137,255,0));
  }
  to{
    opacity:1;
    transform:scale(.74);
    filter:drop-shadow(0 0 26px rgba(55,137,255,.38)) drop-shadow(0 18px 44px rgba(0,0,0,.52));
  }
}

@keyframes finalTitleSweep{
  0%, 22%{
    transform:translateX(-130%) skewX(-12deg);
    opacity:0;
  }
  34%, 58%{
    opacity:.9;
  }
  78%, 100%{
    transform:translateX(130%) skewX(-12deg);
    opacity:0;
  }
}

@media(max-width:960px){
  .final-title-layer{
    height:100%;
  }
}

@media(max-width:620px){
  .footer.final-slide{
    min-height:100svh;
  }

  .final-thanks-layer{
    object-fit:contain;
  }
}

/* 统一页面标题结构：英文 / 主标题 / 说明文字 */
.section-title,
.review-title{
  display:block;
  text-align:center;
  margin-left:auto;
  margin-right:auto;
}

.section-title .eyebrow,
.review-title .eyebrow{
  margin:0 0 14px;
  color:#91f5ff;
  letter-spacing:.18em;
  font-size:clamp(13px,.9vw,16px);
  line-height:1.2;
  font-weight:900;
  text-shadow:0 0 18px rgba(8,215,255,.32);
}

.section-title h2,
.review-title h2{
  display:block;
  margin:0;
  font-size:clamp(44px,5vw,72px);
  line-height:1.06;
  letter-spacing:0;
  text-align:center;
  text-shadow:0 0 24px rgba(8,215,255,.18);
}

.section-title p:last-child,
.review-title p:last-child{
  max-width:760px;
  margin:16px auto 0;
  color:var(--muted);
  font-size:clamp(14px,1.05vw,17px);
  line-height:1.7;
  text-align:center;
}

.responsibility-title h2{
  display:block;
}

.responsibility-title h2:after,
.review-title span{
  display:none;
}

@media(max-width:620px){
  .section-title h2,
  .review-title h2{
    font-size:clamp(34px,10vw,46px);
  }
}