:root{
  --mint:#7CE8CE;--rose:#FF6B9D;--periwinkle:#A78BFA;--sun:#FBBF24;
  --coral2:#F97316;--teal:#14B8A6;--ink2:#2D1B3D;--bg:#FFFBF5;
}
*{margin:0;padding:0;box-sizing:border-box;
  font-family:"PingFang SC","Microsoft YaHei","Noto Sans SC",sans-serif}
body{
  background:
    radial-gradient(600px 300px at 10% 8%,rgba(124,232,206,.28),transparent 60%),
    radial-gradient(580px 320px at 90% 12%,rgba(255,107,157,.22),transparent 60%),
    radial-gradient(540px 280px at 50% 92%,rgba(167,139,250,.20),transparent 60%),
    linear-gradient(145deg,#fffbff 0%,#f0faff 50%,#fff5f0 100%);
  min-height:100vh;padding:20px;color:var(--ink2);overflow-x:hidden;
}
.wrap{max-width:1380px;margin:0 auto}
.glass{
  background:rgba(255,255,255,0.72);backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
  border:1px solid rgba(124,232,206,.40);border-radius:26px;
  box-shadow:0 10px 28px rgba(167,139,250,.14);transition:.3s;position:relative;overflow:hidden;
}
.glass:hover{transform:translateY(-4px)}
.emo{position:absolute;top:12px;right:16px;font-size:1.8rem}
.sec-h{font-size:2.1rem;font-weight:900;color:#E84B8A}
.sec-h b{color:#14B8A6}
.sec-tag{font-size:.86rem;font-weight:800;padding:4px 14px;border-radius:60px;
  background:#fff;border:1px solid rgba(249,115,22,.5);color:#C2410C;margin-left:10px}
.bar{display:flex;justify-content:space-between;align-items:center;padding:12px 26px;border-radius:100px;
  background:rgba(255,255,255,.88);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);
  border:1px solid rgba(167,139,250,.40);position:sticky;top:0;z-index:60}
.logo{display:flex;align-items:center;gap:10px;font-weight:900;font-size:1.5rem;color:#E84B8A}
.logo img{height:32px;width:auto;display:block;border-radius:8px}
.logo b{color:#14B8A6}
.menu{display:flex;gap:20px;font-weight:800;color:#5b4a6b}
.menu a{color:inherit;text-decoration:none;cursor:pointer}
.menu a:hover{color:#F97316}
.hero{display:flex;gap:40px;padding:42px 48px;margin:22px 0;border-radius:40px;
  background:radial-gradient(ellipse at 20% 20%,rgba(251,191,36,.22),transparent 55%),
             radial-gradient(ellipse at 80% 75%,rgba(255,107,157,.18),transparent 55%)}
.hero-l{flex:1.2}
.tagline{display:inline-block;padding:6px 18px;border-radius:60px;font-weight:800;color:#fff;
  background:linear-gradient(120deg,#7CE8CE,#A78BFA);font-size:.84rem;margin-bottom:12px}
.hero h1{font-size:3rem;line-height:1.14;font-weight:900;color:#E84B8A}
.hero h1 b{color:#14B8A6}
.hero-sub{font-size:1.18rem;font-weight:800;margin:10px 0 12px;color:#5b3a7a}
.hero-p{font-size:1.02rem;line-height:1.9;color:#3d2f4d;max-width:600px}
.pills{display:flex;flex-wrap:wrap;gap:10px;margin:16px 0}
.pills span{padding:6px 15px;border-radius:60px;background:#fff;font-weight:800;color:#5b4a6b;
  border:1px solid rgba(167,139,250,.5)}
.btns{display:flex;gap:14px;margin:14px 0;flex-wrap:wrap}
.b{padding:12px 30px;border-radius:60px;font-weight:800;border:none;cursor:pointer;text-decoration:none;display:inline-block;font-size:1rem}
.b.p{background:linear-gradient(120deg,#FF6B9D,#F97316);color:#fff}
.b.s{background:#fff;border:1px solid rgba(232,75,138,.4);color:#E84B8A}
.facts{display:flex;gap:10px;flex-wrap:wrap}
.facts span{padding:6px 14px;border-radius:60px;background:#fff;font-weight:800;color:#14B8A6;border:1px solid rgba(20,184,166,.4)}
.hero-r{flex:1;display:flex;flex-direction:column;align-items:center;gap:12px}
.hero-pic{width:100%;max-width:430px;aspect-ratio:16/10;border-radius:26px;overflow:hidden;
  border:3px solid rgba(124,232,206,.7)}
.hero-pic img{width:100%;height:100%;object-fit:cover;display:block}
.cap{font-size:.88rem;color:#5b4a6b;background:#fff;padding:8px 16px;border-radius:60px;border:1px solid rgba(255,107,157,.4);text-align:center}
.crumb{display:inline-block;margin:4px 0 14px;padding:7px 16px;border-radius:60px;background:#fff;
  border:1px solid rgba(167,139,250,.4);font-size:.88rem;color:#5b4a6b}
.g6{display:grid;grid-template-columns:repeat(6,1fr);gap:14px}
.chip{padding:16px 8px;text-align:center;border-radius:26px;font-weight:800;background:#fff;border:1px solid rgba(167,139,250,.5);color:#5b3a7a}
.g3{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.card{padding:24px 20px;border-radius:28px;background:#fff;position:relative}
.c1{border:1px solid rgba(255,107,157,.55)}
.c2{border:1px solid rgba(20,184,166,.55)}
.c3{border:1px solid rgba(251,191,36,.65)}
.c4{border:1px solid rgba(167,139,250,.55)}
.c5{border:1px solid rgba(249,115,22,.55)}
.c6{border:1px solid rgba(124,232,206,.65)}
.card h4{font-size:1.18rem;margin:8px 0 8px}
.c1 h4{color:#E84B8A}
.c2 h4{color:#0D9488}
.c3 h4{color:#B45309}
.c4 h4{color:#7C3AED}
.c5 h4{color:#C2410C}
.c6 h4{color:#0F766E}
.card p{line-height:1.82;color:#3d2f4d;font-size:.96rem}
.g32{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.news{padding:22px 18px;border-radius:26px;background:#fff;display:flex;flex-direction:column;gap:8px}
.news .re{font-size:1.7rem}
.news .nt{font-weight:800;color:#E84B8A;line-height:1.5}
.news .nd{font-size:.76rem;font-weight:800;color:#14B8A6}
.news .ns{font-size:.87rem;color:#3d2f4d;line-height:1.7;flex:1}
.news .nbtn{padding:7px 16px;border-radius:60px;align-self:flex-start;cursor:pointer;border:none;
  background:linear-gradient(120deg,#7CE8CE,#A78BFA);color:#1e1b2e;font-weight:800;font-size:.84rem}
.box{padding:30px 34px;border-radius:34px;background:#fff;border:1px solid rgba(251,191,36,.7);line-height:1.95;font-size:1.02rem}
.box p{margin-bottom:10px}
.box p:last-child{margin-bottom:0}
.box b{color:#E84B8A}
.cat{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.work{border-radius:26px;overflow:hidden;background:#fff}
.w1{border:1px solid rgba(255,107,157,.6)}
.w2{border:1px solid rgba(20,184,166,.6)}
.w3{border:1px solid rgba(251,191,36,.7)}
.w4{border:1px solid rgba(167,139,250,.6)}
.w5{border:1px solid rgba(249,115,22,.6)}
.w6{border:1px solid rgba(124,232,206,.7)}
.work .cv{height:176px;position:relative;overflow:hidden;background:#f7f2fb}
.work .cv img{width:100%;height:100%;object-fit:cover;object-position:center top;display:block}
.k1{position:absolute;top:10px;left:10px;padding:4px 12px;border-radius:40px;font-size:.7rem;font-weight:800;color:#fff;background:#F43F5E}
.k2{position:absolute;top:10px;left:10px;padding:4px 12px;border-radius:40px;font-size:.7rem;font-weight:800;color:#fff;background:#0D9488}
.k3{position:absolute;top:10px;left:10px;padding:4px 12px;border-radius:40px;font-size:.7rem;font-weight:800;color:#fff;background:#7C3AED}
.k4{position:absolute;top:10px;left:10px;padding:4px 12px;border-radius:40px;font-size:.7rem;font-weight:800;color:#1e1b2e;background:#FBBF24}
.k5{position:absolute;top:10px;left:10px;padding:4px 12px;border-radius:40px;font-size:.7rem;font-weight:800;color:#fff;background:#C2410C}
.k6{position:absolute;top:10px;left:10px;padding:4px 12px;border-radius:40px;font-size:.7rem;font-weight:800;color:#fff;background:#0F766E}
.sub1{position:absolute;bottom:10px;left:10px;padding:3px 10px;border-radius:40px;font-size:.66rem;color:#fff;background:rgba(45,27,61,.55)}
.sub2{position:absolute;bottom:10px;right:10px;padding:3px 10px;border-radius:40px;font-size:.66rem;color:#fff;background:rgba(20,184,166,.85)}
.wb{padding:14px 16px}
.wb h5{font-size:1.12rem;color:#E84B8A}
.wb .rule{font-size:.74rem;font-weight:800;color:#14B8A6}
.wb p{font-size:.85rem;color:#3d2f4d;line-height:1.6;margin:6px 0}
.wb .meta{display:flex;justify-content:space-between;font-size:.74rem;color:#5b4a6b;border-top:1px dashed rgba(232,75,138,.4);padding-top:8px;gap:8px}
.talk{height:420px;overflow:hidden;border-radius:34px;padding:12px;background:#fff;border:1px solid rgba(167,139,250,.5)}
.tlist{display:flex;flex-direction:column;gap:12px;animation:up 46s linear infinite}
.talk:hover .tlist{animation-play-state:paused}
@keyframes up{to{transform:translateY(-50%)}}
.row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 18px;border-radius:60px;background:#fff;border:1px solid rgba(124,232,206,.5)}
.row>div{display:flex;gap:12px;align-items:center}
.ava{width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:800;flex-shrink:0}
.nm{font-weight:800;color:#E84B8A}
.tx{color:#3d2f4d;font-size:.9rem}
.rt{font-size:.84rem;color:#14B8A6;flex-shrink:0}
.qa{padding:26px 34px}
.qi{padding:13px 0;border-bottom:1px solid rgba(167,139,250,.4)}
.qi:last-child{border-bottom:none}
.q{font-weight:800;color:#5b3a7a;cursor:pointer;display:flex;justify-content:space-between;align-items:center;user-select:none;gap:12px}
.q:hover{color:#E84B8A}
.q .ar{transition:.3s;margin-left:12px;flex-shrink:0}
.q.active .ar{transform:rotate(180deg)}
.aw{max-height:0;overflow:hidden;transition:max-height .5s ease}
.aw.open{max-height:1700px}
.an{margin:8px 0;padding:10px 16px;border-radius:18px;background:#fff;border:1px solid rgba(255,107,157,.35);line-height:1.9;color:#3d2f4d}
.wall{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.wall figure{border-radius:22px;overflow:hidden;background:#fff;border:1px solid rgba(167,139,250,.45);box-shadow:0 6px 18px rgba(167,139,250,.10)}
.wall img{width:100%;height:230px;object-fit:cover;object-position:center top;display:block}
.foot{padding:28px 24px;text-align:center;border-radius:80px;margin-top:34px;background:#fff;border:1px solid rgba(251,191,36,.7);color:#8a7d99;font-size:.82rem;line-height:1.9}
.foot p{margin:4px 0}
.foot a{color:#8a7d99;text-decoration:none}
.foot a:hover{color:#E84B8A}
.foot time{color:#a89bb8}
.modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(45,27,61,.55);z-index:200;align-items:center;justify-content:center;padding:16px}
.modal.show{display:flex}
.modal-box{background:#fff;border-radius:26px;padding:30px;max-width:560px;width:100%;max-height:80vh;overflow-y:auto}
.modal-box h3{color:#E84B8A;margin-bottom:12px}
.modal-box p{line-height:1.9;color:#3d2f4d;margin-bottom:10px}
.modal-close{padding:8px 22px;border-radius:60px;border:none;background:linear-gradient(120deg,#7CE8CE,#A78BFA);color:#1e1b2e;font-weight:800;cursor:pointer;margin-top:10px}
@media(max-width:1024px){.hero{flex-direction:column}
.cat{grid-template-columns:repeat(2,1fr)}
.g6{grid-template-columns:repeat(3,1fr)}
.g32{grid-template-columns:repeat(2,1fr)}
.wall{grid-template-columns:repeat(3,1fr)}}
@media(max-width:768px){.g3,.cat{grid-template-columns:1fr}
.g6{grid-template-columns:repeat(2,1fr)}
.g32{grid-template-columns:1fr}
.hero h1{font-size:2.2rem}
.menu{display:none}
.hero{padding:24px 20px}
.wall{grid-template-columns:repeat(2,1fr)}
.wall img{height:200px}
.qa{padding:20px 18px}
.box{padding:22px 20px}}
@media(max-width:480px){.hero h1{font-size:1.9rem}
.sec-h{font-size:1.5rem}
.bar{padding:10px 16px}
.logo{font-size:1.2rem}
.logo img{height:28px}
.b{padding:11px 22px}}