@import url("./liling-colors-20261023-ice.css");

/* 参考图细修：紫色实色圆环、清晰彩色灯芯、贴近边缘的柔光。 */
:root{
  --aqua-from:#66b8f1;--aqua-to:#5eccdf;--aqua-rgb:80,198,221;
  --lilac-from:#7877e1;--lilac-to:#9562d2;--lilac-rgb:149,98,210;
  --coral-from:#f5c47b;--coral-to:#f4af80;--coral-rgb:245,181,117;
  --rose-from:#fc89b1;--rose-to:#f879d9;--rose-rgb:248,121,217;
  --glow-blue:83,154,246;
  --control-raised:3px 4px 9px #bfd6e6,-3px -3px 9px #f7fcff,inset 0 1px 1px #ffffff80;
  --control-inset:inset 3px 3px 7px #bdd5e6,inset -3px -3px 7px #f5fbff;
  --frame-raised:7px 8px 18px #bed5e5,-6px -6px 18px #f5fbff;
}

.primary-button,.subpage .btn-p{
  background:linear-gradient(120deg,#376ed6,#6359cb);
  box-shadow:0 2px 6px rgba(var(--glow-blue),.16),0 5px 14px rgba(var(--lilac-rgb),.2),
    -3px -3px 10px #f7fcffb3,inset 0 1px 1px #ffffff4d;
}
.primary-button:hover,.subpage .btn-p:hover{
  box-shadow:0 2px 8px rgba(var(--glow-blue),.24),0 5px 18px rgba(var(--lilac-rgb),.3),
    inset 0 1px 1px #ffffff66;
}
.media-home .status-dot{
  background:linear-gradient(135deg,var(--aqua-from),var(--aqua-to));
  box-shadow:0 0 4px #5eccdf80,0 0 10px #5eccdf4d;
}
.media-home .stage-ring{
  --ring-track:12px;--ring-band:22px;
  position:relative;isolation:isolate;padding:calc(var(--ring-track) + var(--ring-band));
  background:var(--surface-inset);border-color:#f7fcff99;
  box-shadow:inset 4px 4px 10px #bcd5e7,inset -4px -4px 10px #f7fcff,
    3px 3px 9px #bfd8e633;
}
.media-home .stage-ring:before{
  content:"";position:absolute;inset:var(--ring-track);border-radius:50%;pointer-events:none;
  background:linear-gradient(120deg,var(--lilac-from) 10%,var(--lilac-to) 88%);
  box-shadow:0 0 5px #9562d233,3px 4px 11px #b875df59;
}
.media-home .stage-ring>div{
  z-index:1;background:var(--surface);border-color:transparent;
  box-shadow:inset 2px 3px 8px #bfd6e64d,inset -2px -3px 8px #f7fcff99;
}
.media-home .sensing-label .small-icon{
  background:linear-gradient(155deg,var(--aqua-from),var(--aqua-to));
  color:#17475e;
  box-shadow:inset 0 1px 1px #ffffff26,0 0 5px #5eccdf6b,0 0 13px #5eccdf47;
}
.media-home .video-button .play-icon{
  background:linear-gradient(145deg,var(--coral-from),var(--coral-to));
  box-shadow:inset 0 1px 1px #fff8dc4d,0 0 5px #f5c47b70,0 0 13px #f4af8047;
}
.media-home .video-button .play-icon svg{fill:#754636}
.media-home .video-button:hover .play-icon{
  box-shadow:inset 0 1px 1px #fff4cf59,0 0 7px #f5c47b8c,0 0 16px #f4af8066;
}
.media-home .carousel-dots [aria-pressed=true] span{
  --dot-rgb:var(--aqua-rgb);
  box-shadow:0 0 4px rgba(var(--dot-rgb),.65),0 0 10px rgba(var(--dot-rgb),.35);
}
.media-home .carousel-dots [data-goto="1"][aria-pressed=true] span{--dot-rgb:var(--lilac-rgb)}
.media-home .carousel-dots [data-goto="2"][aria-pressed=true] span{--dot-rgb:var(--coral-rgb)}

/* 标签用发光细条表达选中状态，文字保留清楚的深色。 */
.film-selector button{position:relative}
.film-selector button[aria-selected=true]{
  background:linear-gradient(145deg,#edf7fe,var(--surface));
  box-shadow:var(--control-raised);
}
.film-selector button[aria-selected=true]:after{
  content:"";position:absolute;left:18px;right:18px;bottom:3px;height:3px;border-radius:4px;
  background:linear-gradient(90deg,var(--tone-from),var(--tone-to));
  box-shadow:0 0 4px rgba(var(--tone-rgb),.7),0 0 9px rgba(var(--tone-rgb),.4);
  pointer-events:none;
}
.film-play{
  background:linear-gradient(145deg,#88dcf05c,#a888df61);
  box-shadow:inset 0 0 12px #ffffff52,0 0 15px #8bdced59,0 0 32px #c2a1ee52;
}
.film-card:hover .film-play{
  background:linear-gradient(145deg,#9be6f47a,#b69be578);
  box-shadow:inset 0 0 12px #ffffff80,0 0 20px #8bdced80,0 0 38px #c2a1ee73;
}
.gallery-card{
  box-shadow:var(--frame-raised);
}
.gallery-card>span{
  background:linear-gradient(125deg,#eff9fff2,#e5f1faed);
  border-color:#ffffff80;
  box-shadow:0 3px 9px #3259761c,inset 0 1px 1px #ffffff80;
}
.gallery-card>span:before{
  background:linear-gradient(var(--tone-from),var(--tone-to));
  box-shadow:0 0 4px rgba(var(--tone-rgb),.7),0 0 9px rgba(var(--tone-rgb),.5),
    0 0 16px rgba(var(--tone-rgb),.2);
}
.gallery-card>i{
  background:#edf8fff0;
  box-shadow:inset 0 1px 1px #ffffffb3,0 0 5px rgba(var(--tone-rgb),.45),0 0 12px rgba(var(--tone-rgb),.25);
}
.gallery-more.soft-button{
  background:linear-gradient(135deg,#f7f4ff,#eaf5ff);
  box-shadow:inset 0 0 0 1px #f879d94d,0 0 5px #f879d933,0 3px 12px #f879d92e,var(--control-raised);
}
.media-home .contact-panel,.subpage .cta-band{
  background:radial-gradient(ellipse at 0 100%,#72dbe228,transparent 42%),
    radial-gradient(ellipse at 100% 100%,#e88bd42b,transparent 40%),var(--surface);
  box-shadow:inset 4px 4px 11px #bdd6e6,inset -4px -4px 11px #f6fbff;
}

/* 内页复用相同发光材质，所有装饰都不占据额外布局空间。 */
.subpage .card .ico{
  background:linear-gradient(145deg,#f5fbff,var(--tone-wash))!important;
  box-shadow:inset 0 1px 2px #ffffff,0 0 9px rgba(var(--tone-rgb),.4),0 0 20px rgba(var(--tone-rgb),.26);
}
.subpage .case-card,.subpage .patent-card{
  border-top-color:rgba(var(--tone-rgb),.7);
  box-shadow:var(--raised),0 -3px 15px rgba(var(--tone-rgb),.18);
}

/* 独立粉色点缀用于现有选中状态和卡片，避开产品图片。 */
.media-home .stage-ring>div:after{border-color:#c9deee80;box-shadow:none}
.media-home .segmented button{position:relative}
.media-home .segmented button[aria-pressed=true]:after{
  content:"";position:absolute;left:calc(50% - 12px);bottom:4px;width:24px;height:3px;border-radius:4px;
  background:linear-gradient(90deg,var(--rose-from),var(--rose-to));
  box-shadow:0 0 4px #f879d9a6,0 0 10px #f879d961;
  pointer-events:none;
}
.gallery-card:nth-child(4n+3){
  --tone-from:var(--rose-from);--tone-to:var(--rose-to);--tone-ink:var(--rose-ink);
  --tone-wash:var(--rose-wash);--tone-rgb:var(--rose-rgb);
}
/* 同一光源下的凹槽、浮起控件和内侧轮廓，尺寸沿用定稿。 */
.floating-label{
  background:linear-gradient(145deg,#edf8fff2,#e4f1faf2);
  border-color:#ffffff73;
  box-shadow:4px 5px 12px #afcfe06b,-3px -3px 10px #f8fcffb3,inset 0 1px 0 #ffffff66;
}
.segmented,.film-selector{
  background:var(--surface-inset);
  box-shadow:var(--control-inset);
}
.segmented button[aria-pressed=true],.soft-button{
  background:linear-gradient(145deg,#ebf6fd,var(--surface));
  box-shadow:var(--control-raised);
}
.film-card{box-shadow:var(--frame-raised)}
.film-card:after,.gallery-card:after{
  content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:2;
  box-shadow:inset 0 1px 0 #ffffff85,inset 0 -1px 0 #33566e1a;
}
.soft-button,.segmented button,.film-selector button,.gallery-more{
  transition:box-shadow .18s ease,border-color .18s ease,background .18s ease,transform .18s ease;
}
@media(hover:hover){
  .soft-button:hover,.gallery-more:hover{box-shadow:var(--control-inset)}
  .segmented button:not([aria-pressed=true]):hover,
  .film-selector button:not([aria-selected=true]):hover{
    background:#edf7fd80;box-shadow:inset 0 1px 1px #ffffff66;
  }
  .gallery-card:hover>img{transform:scale(1.035)}
  .gallery-card:hover{border-color:#ffffffb3}
}
.soft-button:active,.segmented button:active,.film-selector button:active,.gallery-more:active{
  box-shadow:var(--control-inset);transform:translateY(1px);
}
.primary-button:active,.subpage .btn-p:active{
  transform:translateY(1px);
  box-shadow:inset 2px 2px 5px #26478b47,inset -1px -1px 3px #ffffff33;
}
@media(max-width:900px){
  .media-home .stage-ring{--ring-track:10px;--ring-band:18px}
}


/* 产品略缩小并向上校准，给旋转浮动和下方说明留出空间。 */
.media-home .product-cutout img{width:132%;left:-16%;top:calc(50% - 16px)}
@media(max-width:900px){
  .media-home .product-cutout img{width:134%;left:-17%;top:calc(50% - 12px)}
}