:root{
    --bg:#f5f9f7;
    --card:#ffffff;
    --line:#e3ece7;
    --line-strong:#cfe2d8;
    --ink:#17251f;
    --muted:#5a6b63;
    --faint:#8b9b93;
    --accent:#0da678;
    --accent-2:#0d9488;
    --accent-soft:#e7f7f0;
    --dark:#0c1420;
    --mono:ui-monospace,"Cascadia Code",Consolas,"Courier New",monospace;
  }
  *{box-sizing:border-box;margin:0;padding:0}
  ::selection{background:rgba(13,166,120,.18)}
  html{scroll-behavior:smooth;scroll-padding-top:84px}
  body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei","PingFang SC",sans-serif;background:var(--bg);color:var(--ink);line-height:1.75}
  a{color:var(--accent);text-decoration:none}
  .wrap{max-width:1040px;margin:0 auto;padding:0 24px}

  /* ---------- 顶部导航（封面透明，滚动变白） ---------- */
  header.site{position:fixed;top:0;left:0;right:0;z-index:50;background:transparent;transition:background .25s,box-shadow .25s}
  header.site.scrolled{background:rgba(255,255,255,.94);backdrop-filter:blur(12px);box-shadow:0 1px 0 var(--line),0 8px 24px rgba(23,37,31,.06)}
  .bar{display:flex;align-items:center;justify-content:space-between;min-height:68px;flex-wrap:wrap;padding:8px 0;gap:8px}
  .logo{font-size:19px;font-weight:700;color:#fff;display:flex;align-items:center;gap:11px;transition:color .25s}
  nav.top{display:flex;gap:26px;font-size:15px;flex-wrap:wrap}
  nav.top a{color:rgba(255,255,255,.85);position:relative;padding:4px 0;transition:color .2s}
  nav.top a::after{content:"";position:absolute;left:0;bottom:0;height:2px;width:0;background:linear-gradient(90deg,#34d399,#14b8a6);border-radius:2px;transition:width .25s}
  nav.top a:hover::after,nav.top a.active::after{width:100%}
  nav.top a:hover,nav.top a.active{color:#6ee7b7}
  header.site.scrolled .logo{color:var(--ink)}
  header.site.scrolled nav.top a{color:var(--muted)}
  header.site.scrolled nav.top a:hover,header.site.scrolled nav.top a.active{color:var(--accent)}

  /* ---------- 首页封面（深色横幅 + 粒子） ---------- */
  .hero{position:relative;overflow:hidden;min-height:560px;height:88vh;background:linear-gradient(150deg,#0e1a26 0%,var(--dark) 55%,#0b1a18 100%)}
  .glow{position:absolute;border-radius:50%;filter:blur(90px);pointer-events:none;opacity:.5}
  .glow.a{width:480px;height:480px;background:rgba(16,185,129,.16);top:-160px;left:-100px}
  .glow.b{width:440px;height:440px;background:rgba(20,184,166,.13);bottom:-180px;right:-80px}
  #fx{position:absolute;inset:0;width:100%;height:100%;z-index:1;pointer-events:none}
  #fx2{position:absolute;inset:0;width:100%;height:100%;z-index:2;pointer-events:none}
  .frame{position:absolute;border:1px solid rgba(255,255,255,.14);z-index:1;pointer-events:none}
  .frame.a{width:520px;height:270px;left:50%;top:50%;transform:translate(-62%,-50%)}
  .frame.b{width:620px;height:330px;left:50%;top:50%;transform:translate(-38%,-50%)}
  .hero-inner{position:relative;z-index:2;height:100%;display:flex;flex-direction:column;justify-content:center}
  .dash{display:block;width:38px;height:3px;background:rgba(255,255,255,.9);border-radius:2px;margin-bottom:28px}
  .chip{align-self:flex-start;display:inline-block;padding:9px 24px;font-size:21px;font-weight:700;color:#fff;letter-spacing:1px;background:linear-gradient(92deg,#0da678,#0d9488);border-radius:4px;box-shadow:0 8px 24px rgba(13,166,120,.35)}
  .hero h1{margin-top:22px;font-size:clamp(38px,6.4vw,68px);font-weight:800;font-style:italic;letter-spacing:1px;color:#fff;line-height:1.15}
  .hero h1 span{color:#34d399;font-style:normal}
  .hero .sub{margin-top:14px;color:rgba(255,255,255,.82);font-size:17px}
  .adash{display:block;width:46px;height:3px;background:linear-gradient(90deg,#34d399,#14b8a6);border-radius:2px;margin:18px 0 4px}

  /* ---------- 内容区 ---------- */
  main{position:relative;z-index:2}
  section.block{padding:56px 0 8px}
  h2.sec{font-size:21px;display:flex;align-items:center;gap:11px}
  h2.sec::before{content:"";width:5px;height:20px;border-radius:3px;background:linear-gradient(180deg,#34d399,#0d9488);display:inline-block}
  p.sec-sub{color:var(--faint);font-size:14px;margin-top:5px}

  .empty{margin-top:22px;background:rgba(255,255,255,.94);border:1.5px dashed var(--line-strong);border-radius:14px;padding:50px 20px;text-align:center;color:var(--muted);font-size:14.5px;box-shadow:0 1px 2px rgba(23,37,31,.03)}
  .empty .spark{display:block;font-size:22px;margin-bottom:10px;background:linear-gradient(135deg,#34d399,#0d9488);-webkit-background-clip:text;background-clip:text;color:transparent}

  .cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;margin-top:22px}
  .card{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:22px;box-shadow:0 1px 2px rgba(23,37,31,.04);transition:border-color .15s,box-shadow .15s,transform .15s}
  .card:hover{border-color:#a9dfc9;box-shadow:0 10px 28px rgba(13,166,120,.12);transform:translateY(-2px)}
  .card .tag{font-size:12px;font-weight:600;color:var(--accent);background:var(--accent-soft);border-radius:999px;padding:3px 11px}
  .card h3{margin-top:13px;font-size:17px}
  .card p{margin-top:8px;color:var(--muted);font-size:14px}
  .card .meta{margin-top:14px;font-family:var(--mono);font-size:13px;color:var(--faint)}

  .posts{margin-top:22px;background:var(--card);border:1px solid var(--line);border-radius:14px;overflow:hidden;box-shadow:0 1px 2px rgba(23,37,31,.04)}
  .post{display:flex;gap:16px;padding:19px 24px;border-bottom:1px solid var(--line);align-items:baseline;flex-wrap:wrap}
  .post:last-child{border-bottom:none}
  .post > div{flex:1;min-width:240px}
  .post time{font-family:var(--mono);color:var(--faint);font-size:13.5px;white-space:nowrap}
  .post .cat{font-size:12px;font-weight:600;color:var(--accent);background:var(--accent-soft);border-radius:999px;padding:3px 11px;white-space:nowrap}
  .post .t{font-size:16px;font-weight:600}
  .post .d{color:var(--muted);font-size:14px;margin-top:4px}

  .about{background:rgba(255,255,255,.96);border:1px solid var(--line);border-radius:14px;padding:26px;margin-top:22px;font-size:15px;box-shadow:0 1px 2px rgba(23,37,31,.04)}
  .about p+p{margin-top:10px}
  .about strong{color:var(--accent)}
  .disc{margin:6px 0 0;padding-left:22px}
  .disc li+li{margin-top:8px}
  .notice{margin-top:16px;background:#fffbeb;border:1px solid #fde68a;color:#92400e;border-radius:10px;padding:11px 15px;font-size:14px}

  /* ---------- 页脚 ---------- */

  @media (max-width:720px){
    .frame{display:none}
    .hero{height:auto;min-height:520px;padding:110px 0 70px}
    .hero-inner{height:auto}
  }
/* ===== 页脚（全站统一） ===== */
footer.site{margin-top:72px;background:var(--dark);position:relative;z-index:2}
.foot-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:36px;padding:46px 24px 34px}
.foot-brand .brand{font-size:16px;font-weight:700;color:#fff;margin-bottom:10px}
.foot-brand p{color:rgba(255,255,255,.5);font-size:13.5px;line-height:1.9}
.foot-col h4{font-size:14px;font-weight:600;color:#fff;margin-bottom:12px}
.foot-col a{display:block;color:rgba(255,255,255,.55);font-size:13.5px;line-height:2.15;transition:color .15s}
.foot-col a:hover{color:#6ee7b7}
.foot-bottom{border-top:1px solid rgba(255,255,255,.08)}
.foot-bottom .wrap{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;padding-top:16px;padding-bottom:16px;color:rgba(255,255,255,.42);font-size:13px}
.foot-bottom a{color:rgba(255,255,255,.55)}
.foot-bottom a:hover{color:#6ee7b7}
.foot-bottom .icp{font-family:var(--mono)}

/* ===== 子页面（法律声明等） ===== */
header.site.solid{background:rgba(255,255,255,.94);backdrop-filter:blur(12px);box-shadow:0 1px 0 var(--line),0 8px 24px rgba(23,37,31,.06)}
header.site.solid .logo{color:var(--ink)}
header.site.solid nav.top a{color:var(--muted)}
header.site.solid nav.top a:hover{color:var(--accent)}
.page-main{padding-top:104px;padding-bottom:8px}
.crumb{display:flex;gap:9px;align-items:center;color:var(--faint);font-size:13.5px;flex-wrap:wrap}
.crumb a{color:var(--faint)}
.crumb a:hover{color:var(--accent)}
.crumb .sep{color:#c3d2ca}
.crumb .cur{color:var(--muted)}
.page-title{font-size:30px;font-weight:700;margin:20px 0 6px}
.page-intro{color:var(--muted);font-size:15px;margin-bottom:8px}
.lc-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;margin-top:26px;padding-bottom:26px}
.lc{display:block;background:var(--card);border:1px solid var(--line);border-radius:14px;padding:24px;box-shadow:0 1px 2px rgba(23,37,31,.04);transition:border-color .15s,box-shadow .15s,transform .15s}
.lc:hover{border-color:#a9dfc9;box-shadow:0 10px 28px rgba(13,166,120,.12);transform:translateY(-2px)}
.lc .lc-tag{display:inline-block;font-size:12px;font-weight:600;color:var(--accent);background:var(--accent-soft);border-radius:999px;padding:3px 11px}
.lc h3{margin-top:13px;font-size:17px;color:var(--ink)}
.lc p{margin-top:8px;color:var(--muted);font-size:14px}
.lc .more{display:inline-block;margin-top:14px;color:var(--accent);font-size:14px}

@media (max-width:720px){
  .foot-grid{grid-template-columns:1fr;gap:24px;padding:36px 24px 26px}
  .page-main{padding-top:92px}
}