/* 聚星联盟独立站样式 —— 星夜深蓝 + 香槟金 */
:root{
  --gold:#D9B87A; --gold-l:#F0DFB8; --gold-d:#B3944F;
  --navy:#152549; --navy-2:#101C3A; --bg:#070D1E; --bg-2:#0B1428;
  --cream:#F4F1E9; --grey:#B6B4AE; --star:#9FC2FF;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:"Microsoft YaHei","PingFang SC","Segoe UI",sans-serif;background:var(--bg);color:var(--cream);line-height:1.7;-webkit-font-smoothing:antialiased;overflow-x:hidden}
a{color:inherit;text-decoration:none}
.container{max-width:1120px;margin:0 auto;padding:0 24px}
.hide-sm{display:inline}
@media(max-width:640px){.hide-sm{display:none}}

/* 导航 */
nav{position:fixed;top:0;left:0;right:0;z-index:50;background:rgba(7,13,30,.85);backdrop-filter:blur(12px);border-bottom:1px solid rgba(217,184,122,.18)}
nav .inner{max-width:1120px;margin:0 auto;padding:14px 24px;display:flex;align-items:center;gap:16px}
.brand{display:flex;align-items:center;gap:10px;font-weight:700;letter-spacing:2px;color:#fff}
.brand img{width:40px;height:40px;object-fit:contain}
.brand small{display:block;font-size:10px;font-weight:400;color:var(--gold);letter-spacing:2px;margin-top:2px}
.nav-links{margin-left:auto;display:flex;gap:2px;flex-wrap:wrap}
.nav-links a{padding:8px 11px;font-size:13.5px;color:var(--grey);border-radius:8px;transition:.25s}
.nav-links a:hover{color:var(--gold);background:rgba(217,184,122,.08)}
@media(max-width:980px){.nav-links{display:none}}

/* Hero */
.hero{position:relative;min-height:94vh;display:flex;align-items:center;overflow:hidden;
  background:radial-gradient(1200px 700px at 50% -10%,#22366b 0%,#14224a 35%,var(--bg) 100%)}
.hero .glow{position:absolute;border-radius:50%;filter:blur(70px);opacity:.5;pointer-events:none}
.hero .glow.g1{width:520px;height:520px;background:radial-gradient(circle,#D9B87A55,transparent 70%);top:-140px;right:-90px;animation:pulse 7s infinite}
.hero .glow.g2{width:460px;height:460px;background:radial-gradient(circle,#3c5b9aaa,transparent 70%);bottom:-160px;left:-110px}
.hero .glow.g3{width:320px;height:320px;background:radial-gradient(circle,#9FC2FF33,transparent 70%);top:22%;left:8%}
@keyframes pulse{0%,100%{opacity:.35}50%{opacity:.72}}
.stars{position:absolute;inset:0;pointer-events:none;opacity:.9;
  background-image:
    radial-gradient(1.6px 1.6px at 12% 18%,#fff,transparent),
    radial-gradient(1.4px 1.4px at 28% 62%,#cfe0ff,transparent),
    radial-gradient(1.8px 1.8px at 47% 26%,#fff,transparent),
    radial-gradient(1.3px 1.3px at 63% 71%,#e9d9b4,transparent),
    radial-gradient(1.7px 1.7px at 76% 34%,#fff,transparent),
    radial-gradient(1.4px 1.4px at 88% 58%,#cfe0ff,transparent),
    radial-gradient(1.5px 1.5px at 8% 82%,#fff,transparent),
    radial-gradient(1.3px 1.3px at 36% 12%,#e9d9b4,transparent),
    radial-gradient(1.6px 1.6px at 55% 88%,#fff,transparent),
    radial-gradient(1.4px 1.4px at 71% 8%,#cfe0ff,transparent),
    radial-gradient(1.2px 1.2px at 94% 22%,#fff,transparent),
    radial-gradient(1.5px 1.5px at 20% 44%,#fff,transparent),
    radial-gradient(1.3px 1.3px at 82% 82%,#e9d9b4,transparent),
    radial-gradient(1.2px 1.2px at 44% 56%,#fff,transparent),
    radial-gradient(1.4px 1.4px at 4% 34%,#cfe0ff,transparent);
  animation:twinkle 6s ease-in-out infinite}
@keyframes twinkle{0%,100%{opacity:.55}50%{opacity:1}}
.hero .inner{position:relative;z-index:2;text-align:center;width:100%;padding:140px 20px 80px}
.hero .logo{width:180px;margin:0 auto 26px;display:block;animation:float 4.5s ease-in-out infinite}
@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
.hero h1{font-size:clamp(34px,6.4vw,62px);font-weight:800;letter-spacing:8px;color:#fff;text-shadow:0 4px 34px rgba(0,0,0,.45)}
.hero h1 span{color:var(--gold)}
.hero .sub{margin-top:18px;font-size:clamp(13px,2vw,17px);color:var(--gold-l);letter-spacing:3px}
.hero .lead{margin:28px auto 0;max-width:720px;font-size:clamp(14px,2vw,17px);color:#cfcbc0}
.hero .cta{margin-top:40px;display:flex;gap:16px;justify-content:center;flex-wrap:wrap}
.btn{display:inline-flex;align-items:center;gap:8px;padding:14px 30px;border-radius:50px;font-size:15px;font-weight:600;cursor:pointer;transition:.3s;border:1px solid transparent}
.btn-gold{background:linear-gradient(135deg,var(--gold),var(--gold-d));color:#08112a;box-shadow:0 6px 26px rgba(217,184,122,.35)}
.btn-gold:hover{transform:translateY(-2px);box-shadow:0 10px 32px rgba(217,184,122,.5)}
.btn-ghost{border-color:var(--gold);color:var(--gold)}
.btn-ghost:hover{background:rgba(217,184,122,.1);transform:translateY(-2px)}
.hero .scroll{position:absolute;bottom:26px;left:50%;transform:translateX(-50%);color:var(--grey);font-size:13px;letter-spacing:2px;animation:float 2.4s infinite}

/* 通用板块 */
section{padding:90px 0}
.sec-h{text-align:center;margin-bottom:46px}
.sec-h .tag{display:inline-block;font-size:12px;letter-spacing:3px;color:var(--gold);border:1px solid rgba(217,184,122,.4);padding:5px 16px;border-radius:30px;margin-bottom:14px}
.sec-h h2{font-size:clamp(24px,4vw,36px);font-weight:800;letter-spacing:2px;color:#fff}
.sec-h h2::after{content:"";display:block;width:64px;height:3px;background:linear-gradient(90deg,var(--gold),transparent);margin:16px auto 0;border-radius:2px}
.sec-h p{max-width:660px;margin:16px auto 0;color:var(--grey);font-size:15px}
.bg2{background:var(--bg-2)}

/* 简介 */
.intro-card{background:rgba(217,184,122,.06);border:1px solid rgba(217,184,122,.18);border-radius:18px;padding:34px 38px;font-size:16px;color:#e9e4d6;box-shadow:0 10px 40px rgba(0,0,0,.3)}
.intro-card b{color:var(--gold)}
@media(max-width:640px){.intro-card{padding:26px 22px}}

/* 通用卡片网格 */
.grid{display:grid;gap:22px}
.g3{grid-template-columns:repeat(3,1fr)}
.g2{grid-template-columns:repeat(2,1fr)}
.g4{grid-template-columns:repeat(4,1fr)}
@media(max-width:980px){.g4{grid-template-columns:repeat(2,1fr)}}
@media(max-width:860px){.g3{grid-template-columns:1fr}.g2{grid-template-columns:1fr}.g4{grid-template-columns:1fr}}
.card{background:linear-gradient(180deg,#16244a,#101a35);border:1px solid rgba(217,184,122,.16);border-radius:16px;padding:28px;transition:.3s}
.card:hover{transform:translateY(-4px);border-color:var(--gold);box-shadow:0 14px 40px rgba(0,0,0,.4)}
.card .num{font-size:13px;letter-spacing:2px;color:var(--gold)}
.card h3{font-size:19px;margin:10px 0 12px;color:#fff}
.card p{font-size:14px;color:var(--grey)}
.card .icon{font-size:34px;margin-bottom:6px}
.card ul{margin-top:12px;list-style:none}
.card li{font-size:13.5px;color:#cfcac0;padding:5px 0 5px 22px;position:relative}
.card li::before{content:"";position:absolute;left:0;top:12px;width:8px;height:8px;border-radius:2px;background:var(--gold)}

/* 解字卡 */
.word{position:relative;overflow:hidden;padding:30px 30px 26px}
.word::before{content:"";position:absolute;right:-30px;top:-40px;width:170px;height:170px;border-radius:50%;
  background:radial-gradient(circle,rgba(217,184,122,.16),transparent 70%)}
.word .wchar{font-size:52px;font-weight:800;color:var(--gold);line-height:1;letter-spacing:4px;text-shadow:0 6px 26px rgba(217,184,122,.35)}
.word .wsub{margin-top:10px;font-size:13px;letter-spacing:2px;color:var(--star)}
.word p{margin-top:14px;font-size:14.5px;color:#e2ddd0;line-height:1.85}

/* 使命愿景面板 */
.val-panel{text-align:center;padding:34px 26px}
.val-panel h3{font-size:18px;letter-spacing:3px;color:var(--gold)}
.val-panel .big{font-size:20px;font-weight:800;color:#fff;margin:10px 0 12px;letter-spacing:1px;line-height:1.6}
.val-panel .vicon{font-size:38px;margin-bottom:10px}

/* 文化卡 */
.val{text-align:center;padding:30px 22px}
.val .vicon{font-size:40px;margin-bottom:12px}
.val h3{font-size:18px;color:#fff;margin-bottom:10px;letter-spacing:1px}
.val p{font-size:13.5px;color:var(--grey)}

/* 六维赋能 */
.eng .card{padding:24px}
.eng .enumb{font-size:12.5px;color:var(--gold);font-weight:700;letter-spacing:2px}

/* 成长路径 */
.path-wrap{position:relative;max-width:860px;margin:0 auto;padding-left:8px}
.path-wrap::before{content:"";position:absolute;left:27px;top:14px;bottom:14px;width:2px;
  background:linear-gradient(180deg,rgba(217,184,122,.7),rgba(217,184,122,.08))}
.pstep{position:relative;display:flex;gap:24px;padding:0 0 30px 0}
.pstep:last-child{padding-bottom:0}
.pdot{flex:0 0 56px;width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;
  font-size:20px;font-weight:800;color:#08112a;background:linear-gradient(135deg,var(--gold),var(--gold-d));
  box-shadow:0 8px 26px rgba(217,184,122,.35);z-index:2}
.pbody{background:linear-gradient(180deg,#16244a,#101a35);border:1px solid rgba(217,184,122,.16);border-radius:16px;padding:22px 26px;flex:1;transition:.3s}
.pstep:hover .pbody{border-color:var(--gold);transform:translateX(4px)}
.ptime{font-size:12.5px;letter-spacing:2px;color:var(--gold)}
.pbody h3{font-size:19px;color:#fff;margin:8px 0 8px}
.pbody p{font-size:14px;color:var(--grey)}
.pbody p b{color:var(--gold-l)}
@media(max-width:640px){.pdot{flex:0 0 44px;width:44px;height:44px;font-size:16px}.path-wrap::before{left:21px}.pstep{gap:16px}.pbody{padding:18px}}

/* CTA */
.cta-band{background:linear-gradient(135deg,var(--navy),var(--navy-2));border:1px solid rgba(217,184,122,.3);border-radius:20px;padding:60px 40px;text-align:center}
.cta-band h2{font-size:clamp(23px,4vw,34px);color:#fff;letter-spacing:3px;margin-bottom:14px}
.cta-band p{color:var(--grey);max-width:620px;margin:0 auto 30px;font-size:15px}
@media(max-width:640px){.cta-band{padding:40px 22px}}

footer{padding:40px 0;text-align:center;color:#6f7280;font-size:13px;border-top:1px solid rgba(217,184,122,.12)}
footer .f-brand{color:var(--gold-l);letter-spacing:2px;font-size:15px;margin-bottom:8px;font-weight:700}
footer a{color:var(--gold)}

/* 显现动画 */
.reveal{opacity:0;transform:translateY(30px);transition:opacity .7s ease,transform .7s ease}
.reveal.on{opacity:1;transform:none}