/* 精英出海首页 V4 - 按参考图重构：完整星际背景、玻璃顶栏、玻璃侧栏、居中 Hero、三卡片入口 */
:root{
  --v4-cyan:#53e8ff;
  --v4-blue:#3998ff;
  --v4-purple:#8f62ff;
  --v4-text:#f4f8ff;
  --v4-muted:#c5d3e9;
  --v4-line:rgba(107,201,255,.42);
  --v4-glass1:rgba(10,37,78,.48);
  --v4-glass2:rgba(17,44,88,.30);
}

html,body{min-height:100%;background:#020819!important}
body.jy-home-v4{
  margin:0!important;
  min-height:100vh;
  color:var(--v4-text)!important;
  overflow-x:hidden;
  font-family:"Microsoft YaHei","PingFang SC","Noto Sans CJK SC",Arial,sans-serif!important;
  background:#020819!important;
}
body.jy-home-v4::before{display:none!important}

.v4-scene{
  position:fixed;
  inset:-3.5%;
  z-index:0;
  pointer-events:none;
  background:url('/assets/home-reference-bg.webp?v=20261018-ref4') center 50% / cover no-repeat;
  transform:scale(1.045);
  filter:saturate(1.18) contrast(1.06) brightness(.88);
  animation:none;
  will-change:auto;
}
.v4-scene::after{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(180deg,rgba(0,7,23,.24),rgba(0,8,28,.05) 40%,rgba(0,5,22,.20)),
    radial-gradient(ellipse at 50% 44%,rgba(6,13,40,.04) 0%,rgba(1,6,20,.14) 60%,rgba(0,3,13,.40) 100%);
}
.v4-scene-glow{
  position:fixed;
  inset:0;
  z-index:1;
  pointer-events:none;
  overflow:hidden;
  background:
    radial-gradient(ellipse at 68% 24%,rgba(30,228,255,.13),transparent 32%),
    radial-gradient(ellipse at 45% 66%,rgba(76,89,255,.12),transparent 34%),
    radial-gradient(ellipse at 83% 72%,rgba(176,68,255,.11),transparent 28%);
  mix-blend-mode:screen;
  animation:none;
}
.v4-stars{
  position:fixed;
  inset:0;
  z-index:2;
  pointer-events:none;
  opacity:.62;
  background-image:
    radial-gradient(circle at 16px 27px,rgba(255,255,255,.96) 0 1px,transparent 1.7px),
    radial-gradient(circle at 71px 96px,rgba(103,224,255,.88) 0 1px,transparent 1.8px),
    radial-gradient(circle at 126px 43px,rgba(255,255,255,.74) 0 .8px,transparent 1.5px),
    radial-gradient(circle at 49px 151px,rgba(197,140,255,.85) 0 1px,transparent 1.7px);
  background-size:176px 176px,257px 257px,221px 221px,319px 319px;
  animation:none;
}

@keyframes v4SceneDrift{
  0%{transform:scale(1.045) translate3d(0,0,0);background-position:50% 50%}
  100%{transform:scale(1.085) translate3d(-.8%,-.8%,0);background-position:52% 49%}
}
@keyframes v4GlowPulse{0%{opacity:.72;transform:scale(1)}100%{opacity:1;transform:scale(1.025)}}
@keyframes v4StarsMove{from{background-position:0 0,31px 47px,73px 12px,19px 87px}to{background-position:176px 88px,-226px 304px,294px -209px,-300px 406px}}

.v4-page{position:relative;z-index:5;min-height:100vh;padding:16px 34px 24px}
.v4-glass{
  background:linear-gradient(135deg,var(--v4-glass1),var(--v4-glass2))!important;
  border:1px solid var(--v4-line)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.11),
    inset 0 0 38px rgba(69,164,255,.055),
    0 16px 44px rgba(0,7,28,.22),
    0 0 22px rgba(57,153,255,.08)!important;
  backdrop-filter:blur(5px) saturate(120%)!important;
  -webkit-backdrop-filter:blur(5px) saturate(120%)!important;
}

.v4-topbar{
  height:64px;
  border-radius:22px;
  display:grid;
  grid-template-columns:minmax(210px,1fr) auto minmax(290px,1fr);
  align-items:center;
  padding:0 18px;
  gap:22px;
}
.v4-brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:#fff;min-width:0}
.v4-brand-mark{
  width:43px;height:43px;border-radius:14px;display:grid;place-items:center;
  color:#baf6ff;font-size:22px;
  border:1px solid rgba(94,225,255,.62);
  background:linear-gradient(145deg,rgba(49,191,255,.34),rgba(106,68,255,.24));
  box-shadow:0 0 24px rgba(70,208,255,.24),inset 0 0 18px rgba(109,228,255,.08);
}
.v4-brand-copy{display:flex;flex-direction:column;line-height:1.08;white-space:nowrap}
.v4-brand-copy b{font-size:22px;letter-spacing:.5px;text-shadow:0 0 16px rgba(132,226,255,.24)}
.v4-brand-copy small{font-size:9px;color:#73dfff;margin-top:6px;letter-spacing:.3px}

.v4-topnav{display:flex;align-items:center;justify-content:center;gap:10px}
.v4-topnav a{
  position:relative;text-decoration:none;color:#d4def1;font-size:14px;padding:21px 17px 18px;white-space:nowrap;
  transition:.2s ease;
}
.v4-topnav a:hover,.v4-topnav a.active{color:#fff;text-shadow:0 0 12px rgba(91,223,255,.55)}
.v4-topnav a.active::after{
  content:"";position:absolute;left:17px;right:17px;bottom:8px;height:2px;border-radius:999px;
  background:linear-gradient(90deg,#56efff,#5e8dff);box-shadow:0 0 10px #53dfff;
}

.v4-header-actions{display:flex;align-items:center;justify-content:flex-end;gap:9px}
.v4-header-actions>a,.v4-invite{
  height:40px;display:flex;align-items:center;gap:8px;padding:0 14px;border-radius:13px;
  text-decoration:none;color:#f1f6ff;font-size:13px;white-space:nowrap;
  border:1px solid rgba(89,176,255,.35);background:rgba(5,22,57,.36);
  transition:.2s ease;
}
.v4-header-actions>a:hover{border-color:rgba(100,229,255,.72);background:rgba(13,58,116,.45);transform:translateY(-1px)}
.v4-invite{border-color:rgba(173,103,255,.52);background:linear-gradient(135deg,rgba(114,51,214,.30),rgba(36,42,118,.34))}
.v4-header-actions i{color:#72dcff}
.v4-invite i{color:#df8dff}

.v4-notice{
  height:50px;margin-top:12px;border-radius:17px;display:flex;align-items:center;gap:14px;padding:0 17px;
  overflow:hidden;background:linear-gradient(90deg,rgba(11,50,112,.64),rgba(13,65,138,.40),rgba(91,47,170,.36))!important;
}
.v4-notice-label{display:flex;align-items:center;gap:9px;color:#d9f6ff;flex:0 0 auto;font-size:13px}
.v4-notice-label i{font-size:18px;color:#66eeff;text-shadow:0 0 14px rgba(75,235,255,.8)}
.v4-marquee-viewport{flex:1;min-width:0;overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 3%,#000 97%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 3%,#000 97%,transparent)}
.v4-marquee-track{display:flex;width:max-content;gap:80px;white-space:nowrap;will-change:transform;transform:translate3d(0,0,0)}
.v4-marquee-track span{display:block;flex:none;color:#e4efff;font-size:13px;letter-spacing:.2px}
.v4-notice-arrow{color:#8aeaff;opacity:.9}

.v4-shell{display:grid;grid-template-columns:190px minmax(0,1fr);gap:24px;margin-top:16px;min-height:calc(100vh - 174px)}
.v4-sidebar{
  border-radius:22px;padding:18px 11px 14px;align-self:stretch;min-height:590px;
  display:flex;flex-direction:column;background:linear-gradient(180deg,rgba(9,38,78,.57),rgba(8,25,60,.42))!important;
}
.v4-side-title{display:flex;align-items:center;gap:10px;padding:4px 12px 14px;font-size:16px;font-weight:800;color:#f7fbff}
.v4-side-title i{color:#69e6ff}
.v4-side-nav{display:flex;flex-direction:column;gap:4px}
.v4-side-nav a{
  height:43px;border-radius:13px;display:grid;grid-template-columns:24px 1fr 12px;align-items:center;gap:8px;
  padding:0 11px;color:#d8e5f7;text-decoration:none;font-size:14px;border:1px solid transparent;transition:.18s ease;
}
.v4-side-nav a i{color:#b9d7f5;font-size:15px;text-align:center}
.v4-side-nav a b{font-size:20px;font-weight:400;color:#8ecfff;opacity:.8}
.v4-side-nav a:hover{background:rgba(46,125,207,.22);border-color:rgba(93,194,255,.30);transform:translateX(2px)}
.v4-side-nav a.active{
  background:linear-gradient(135deg,rgba(72,187,255,.42),rgba(84,91,231,.37));
  border-color:rgba(104,224,255,.68);box-shadow:inset 0 0 24px rgba(50,177,255,.16),0 0 20px rgba(43,160,255,.12);
}
.v4-side-nav a.active i{color:#fff;text-shadow:0 0 10px #70ecff}

.v4-main{min-width:0;display:flex;flex-direction:column;justify-content:center;padding:6px 4px 0}
.v4-hero{text-align:center;max-width:1020px;width:100%;margin:0 auto;padding:8px 0 18px;text-shadow:0 3px 18px rgba(0,2,16,.58)}
.v4-hero-kicker{font-size:10px;font-weight:800;letter-spacing:3px;color:#73e6ff;margin-bottom:15px;text-transform:uppercase;text-shadow:0 0 12px rgba(75,220,255,.58)}
.v4-hero h1{font-size:54px;line-height:1.12;margin:0;color:#f8fbff;letter-spacing:1px;font-weight:900;text-shadow:0 6px 28px rgba(0,0,20,.55),0 0 18px rgba(116,206,255,.10)}
.v4-hero h1 span{background:linear-gradient(90deg,#f3f9ff 0%,#8eedff 46%,#b68cff 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.v4-hero p{margin:16px auto 0;max-width:820px;color:#e0e9f7;font-size:15px;line-height:1.8;text-shadow:0 2px 13px rgba(0,0,0,.66)}

.v4-search-wrap{margin:28px auto 0;max-width:760px;position:relative}
.v4-search{
  height:62px;border-radius:999px;display:flex;align-items:center;padding:6px 7px 6px 21px;
  background:linear-gradient(90deg,rgba(10,35,75,.70),rgba(15,48,100,.60))!important;
  box-shadow:inset 0 0 28px rgba(55,142,255,.09),0 0 32px rgba(55,146,255,.14)!important;
}
.v4-search>i{font-size:21px;color:#e8f5ff;margin-right:12px}
.v4-search input{flex:1;min-width:0;border:0;outline:0;background:transparent;color:#fff;font-size:14px;padding:0 8px}
.v4-search input::placeholder{color:#91a8c8}
.v4-search button{
  width:50px;height:50px;border:1px solid rgba(145,248,255,.66);border-radius:50%;cursor:pointer;color:#fff;font-size:17px;
  display:grid;place-items:center;background:linear-gradient(135deg,#37dcff,#687dff 58%,#a15fff);box-shadow:0 0 25px rgba(79,217,255,.45),inset 0 0 14px rgba(255,255,255,.18);transition:.2s ease;
}
.v4-search button:hover{transform:scale(1.05) rotate(-3deg);box-shadow:0 0 34px rgba(79,217,255,.68)}
.v4-hot-search{display:flex;align-items:center;justify-content:center;gap:7px;margin-top:11px;flex-wrap:wrap}
.v4-hot-search>span{font-size:11px;color:#d4dfef}.v4-hot-search>span i{color:#ff875e}
.v4-hot-search button{border:1px solid rgba(119,191,255,.34);background:rgba(5,28,67,.42);color:#d8e8fb;border-radius:999px;padding:5px 10px;font-size:11px;cursor:pointer}
.v4-hot-search button:hover{border-color:#61dfff;color:#fff;background:rgba(26,92,158,.42)}

#searchResults{
  position:absolute;z-index:80;left:0;right:0;top:70px;display:none;max-height:390px;overflow:auto;text-align:left;
  border:1px solid rgba(94,181,255,.48);border-radius:18px;background:rgba(3,16,42,.94);backdrop-filter:blur(5px);box-shadow:0 24px 60px rgba(0,0,0,.45);padding:8px;
}
#searchResults.open{display:block}.search-item{display:flex;gap:12px;padding:12px 13px;border-radius:12px;color:#eef7ff;text-decoration:none}.search-item:hover{background:rgba(54,126,214,.22)}.search-item i{color:#6fdfff;margin-top:4px}.search-item div{display:flex;flex-direction:column;gap:4px}.search-item small{color:#9fb6d3}.search-empty{padding:16px;color:#aebfd6;text-align:center}

.v4-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;max-width:1020px;width:100%;margin:18px auto 0;padding-bottom:10px}
.v4-card{
  position:relative;min-height:146px;border-radius:20px;overflow:hidden;text-decoration:none;color:#fff;display:grid;grid-template-columns:108px 1fr 38px;align-items:center;gap:14px;padding:16px 15px;
  background:linear-gradient(145deg,rgba(28,93,163,.48),rgba(70,53,150,.28))!important;transition:.22s ease;
}
.v4-card::before{content:"";position:absolute;inset:auto -20% -70% 12%;height:140px;background:radial-gradient(ellipse,rgba(107,221,255,.19),transparent 66%);pointer-events:none}
.v4-card:hover{transform:translateY(-4px);border-color:rgba(123,237,255,.75)!important;box-shadow:0 20px 55px rgba(0,11,43,.30),0 0 28px rgba(67,169,255,.20)!important}
.v4-card-art{position:relative;width:98px;height:98px;border-radius:20px;display:grid;place-items:center;font-size:44px;color:#fff;transform:perspective(300px) rotateY(-10deg) rotateX(4deg);box-shadow:0 18px 26px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.30)}
.v4-art-doc{background:linear-gradient(145deg,#55d8ff,#6c63ff)}
.v4-art-book{background:linear-gradient(145deg,#70caff,#8f6dff)}
.v4-art-chart{background:linear-gradient(145deg,#25d9ff,#9b4cff)}
.v4-card-copy{position:relative;z-index:2;min-width:0}.v4-card-copy small{display:block;color:#b8dcff;font-size:10px;margin-bottom:6px}.v4-card-copy h2{margin:0 0 8px;font-size:22px}.v4-card-copy p{margin:0;color:#ccd9ec;font-size:12px;line-height:1.55}
.v4-card-arrow{position:relative;z-index:2;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;border:1px solid rgba(169,233,255,.45);background:rgba(85,151,242,.20);color:#fff}

.toast{position:fixed;z-index:200;left:50%;bottom:30px;transform:translate(-50%,20px);opacity:0;pointer-events:none;padding:11px 17px;border-radius:12px;background:rgba(5,20,49,.94);border:1px solid rgba(91,181,255,.48);color:#fff;transition:.2s}.toast.show{opacity:1;transform:translate(-50%,0)}

@media(max-width:1280px){
  .v4-page{padding-left:20px;padding-right:20px}.v4-topnav a{padding-left:10px;padding-right:10px}.v4-shell{grid-template-columns:178px 1fr;gap:18px}.v4-hero h1{font-size:48px}.v4-card{grid-template-columns:88px 1fr 32px}.v4-card-art{width:82px;height:82px;font-size:38px}
}
@media(max-width:1050px){
  .v4-topbar{grid-template-columns:1fr auto}.v4-topnav{display:none}.v4-shell{grid-template-columns:1fr}.v4-sidebar{display:none}.v4-main{padding-top:10px}.v4-cards{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:760px){
  .v4-page{padding:10px}.v4-topbar{height:auto;min-height:62px;border-radius:18px;padding:9px 10px;gap:8px}.v4-brand-copy small{display:none}.v4-brand-copy b{font-size:19px}.v4-header-actions{gap:5px}.v4-header-actions>a,.v4-invite{height:36px;padding:0 9px}.v4-header-actions span{display:none}.v4-notice{height:44px;border-radius:14px}.v4-notice-label b{display:none}.v4-shell{margin-top:8px}.v4-hero{padding-top:18px}.v4-hero-kicker{font-size:8px;letter-spacing:2px}.v4-hero h1{font-size:36px}.v4-hero p{font-size:13px}.v4-search-wrap{margin-top:20px}.v4-search{height:56px}.v4-search button{width:44px;height:44px}.v4-hot-search{display:none}.v4-cards{grid-template-columns:1fr;margin-top:18px}.v4-card{min-height:122px;grid-template-columns:78px 1fr 32px}.v4-card-art{width:72px;height:72px;font-size:32px}.v4-scene{background-position:60% center}
}
@media(prefers-reduced-motion:reduce){.v4-scene,.v4-scene-glow,.v4-stars{animation-duration:120s!important}}


/* JY_MARQUEE_FAST_V12_START */

.v4-marquee-viewport{
    overflow:hidden;
}

.v4-marquee-track{
    display:flex;
    width:max-content;
    gap:80px;
    white-space:nowrap;
    transform:translate3d(0,0,0);
    animation:
      jyMarqueeFastV12
      32s
      linear
      infinite !important;
    will-change:transform;
}

.v4-notice:hover .v4-marquee-track{
    animation-play-state:paused !important;
}

@keyframes jyMarqueeFastV12{
    from{
        transform:translate3d(0,0,0);
    }
    to{
        transform:translate3d(-50%,0,0);
    }
}

/* JY_MARQUEE_FAST_V12_END */