/* 背景调色层：降低饱和度，让流光服务于内容而非抢夺注意力 */
body{background:linear-gradient(135deg,#0d1d3f 0%,#162d5b 47%,#292558 100%)}
.ambient-field{background:radial-gradient(circle at 4% 22%,rgba(74,157,186,.22),transparent 29%),radial-gradient(circle at 88% 12%,rgba(128,101,181,.2),transparent 28%),radial-gradient(circle at 71% 79%,rgba(165,104,123,.12),transparent 31%),linear-gradient(120deg,#10244a,#1c3568 47%,#2b2757);animation-duration:16s}
.ambient-field:before{background:linear-gradient(108deg,transparent 12%,rgba(89,180,199,.04) 24%,rgba(84,171,197,.27) 42%,rgba(132,108,183,.25) 59%,rgba(174,112,126,.12) 72%,transparent 88%);animation-duration:15s}
.ambient-field:after{background:radial-gradient(circle,rgba(83,174,160,.2),rgba(76,120,179,.1) 40%,rgba(129,92,165,.04) 65%,transparent 73%);animation-duration:17s}

/* 站点脉络：用已有项目缩略图填充右上区域 */
.hero{align-items:start}
.hero-side{display:grid;gap:18px;align-self:stretch;padding-top:10px}
.hero-visual{min-height:255px;padding:17px;border:1px solid rgba(195,228,255,.28);border-radius:22px;background:linear-gradient(145deg,rgba(24,57,108,.72),rgba(20,31,79,.52));box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 20px 38px rgba(0,0,0,.17);backdrop-filter:blur(13px);overflow:hidden}
.visual-head{display:flex;align-items:center;gap:9px;position:relative;z-index:2}.visual-head span,.visual-foot{font:10px var(--mono);letter-spacing:.09em}.visual-head span{color:#b9e7ff}.visual-head strong{font:700 18px var(--display);letter-spacing:-.03em}.visual-head i{margin-left:auto;font:600 17px var(--mono);font-style:normal;color:#a6efff}
.visual-canvas{height:168px;margin:11px 0 4px;position:relative}.visual-card{position:absolute;display:block;width:132px;height:83px;object-fit:cover;border:1px solid rgba(231,248,255,.44);border-radius:12px;box-shadow:0 12px 25px rgba(3,11,36,.36);transition:transform .3s ease}.visual-card-main{left:19%;top:45px;transform:rotate(-5deg)}.visual-card-top{right:7%;top:3px;transform:rotate(6deg)}.visual-card-bottom{right:5%;bottom:0;transform:rotate(-4deg)}.hero-visual:hover .visual-card-main{transform:translateY(-4px) rotate(-3deg)}.hero-visual:hover .visual-card-top{transform:translateY(-5px) rotate(8deg)}.hero-visual:hover .visual-card-bottom{transform:translateY(2px) rotate(-2deg)}
.visual-path{position:absolute;height:1px;background:linear-gradient(90deg,transparent,rgba(121,219,255,.85),transparent);transform-origin:left center}.path-one{width:72%;left:3%;top:74px;transform:rotate(-19deg)}.path-two{width:58%;left:15%;top:124px;transform:rotate(18deg)}.visual-node{position:absolute;width:8px;height:8px;border-radius:50%;background:#83edff;box-shadow:0 0 0 5px rgba(131,237,255,.12),0 0 14px rgba(131,237,255,.9)}.node-one{left:12%;top:105px}.node-two{left:58%;top:43px}.node-three{right:19%;bottom:23px;background:#c0a8ff;box-shadow:0 0 0 5px rgba(192,168,255,.12),0 0 14px rgba(192,168,255,.9)}
.visual-foot{display:flex;justify-content:space-between;position:relative;z-index:2;color:#d7ebff}.visual-foot b{display:inline-block;width:6px;height:6px;border-radius:50%;background:#75e6bd;box-shadow:0 0 10px #75e6bd}
@media(max-width:950px){.hero-side{max-width:420px;padding-top:0}.hero-visual{min-height:240px}}