:root{
  --gold-l:#E9CEB5; --gold:#C0A884; --gold-d:#9C7854;
  --bg:#050505; --t1:#f5f5f7; --t2:#9b9b9f; --t3:#5f5f63;
  --line:rgba(255,255,255,.09);
}
*{margin:0;padding:0;box-sizing:border-box}
html{-webkit-font-smoothing:antialiased;scroll-behavior:smooth}
body{font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","PingFang SC",sans-serif;
  background:var(--bg);color:var(--t1);line-height:1.5;min-height:100vh;
  display:flex;flex-direction:column;position:relative;overflow-x:hidden}
body::before{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;
  background:radial-gradient(60% 50% at 50% 12%,rgba(192,168,132,.10),transparent 70%)}
a{color:inherit;text-decoration:none}
.reveal{opacity:0;transform:translateY(20px);transition:opacity 1s cubic-bezier(.2,.7,.2,1),transform 1s cubic-bezier(.2,.7,.2,1)}
.reveal.in{opacity:1;transform:none}
main,footer,.doc{position:relative;z-index:1}

/* ---------- 首页 hero ---------- */
main{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;
  text-align:center;padding:110px 24px 60px}
.hero{max-width:760px}
.hero .kicker{font-size:13px;font-weight:600;letter-spacing:.22em;text-transform:uppercase;
  color:var(--gold);margin-bottom:26px}
.hero h1{font-size:64px;font-weight:600;letter-spacing:.04em;margin-bottom:22px;color:var(--t1)}
.hero .slogan{font-size:23px;font-weight:400;color:var(--t2);letter-spacing:.01em}

/* ---------- 首页 作品 ---------- */
.works{width:100%;max-width:560px;margin-top:96px}
.works .label{font-size:12px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;
  color:var(--t3);margin-bottom:22px;display:flex;align-items:center;gap:14px;justify-content:center}
.works .label::before,.works .label::after{content:"";height:1px;flex:1;max-width:90px;background:var(--line)}

.card{display:flex;align-items:center;gap:22px;text-align:left;color:var(--t1);
  padding:22px 24px;border-radius:24px;
  background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.02));
  border:1px solid var(--line);
  transition:transform .35s cubic-bezier(.2,.7,.2,1),border-color .35s,background .35s,box-shadow .35s}
.card:hover{transform:translateY(-4px);border-color:rgba(192,168,132,.45);
  box-shadow:0 24px 60px rgba(0,0,0,.5),0 0 50px rgba(192,168,132,.08)}
.card .ic{position:relative;flex:none}
.card .ic img{width:76px;height:76px;border-radius:18px;display:block;
  box-shadow:0 10px 30px rgba(0,0,0,.5)}
.card .ic::after{content:"";position:absolute;inset:-12px;z-index:-1;border-radius:30px;
  background:radial-gradient(circle,rgba(192,168,132,.30),transparent 70%);opacity:0;transition:opacity .35s}
.card:hover .ic::after{opacity:1}
.card .info{flex:1;min-width:0}
.card .info .top{display:flex;align-items:center;gap:10px;margin-bottom:5px}
.card .info h3{font-size:21px;font-weight:600;letter-spacing:.01em;color:var(--t1)}
.card .info .tag{font-size:11px;font-weight:600;color:var(--t2);
  border:1px solid var(--line);padding:2px 8px;border-radius:7px}
.card .info p{font-size:14.5px;color:var(--t2);line-height:1.45}
.card .go{flex:none;display:flex;align-items:center;gap:8px;
  padding:9px 15px;border-radius:980px;font-size:13px;font-weight:600;
  background:rgba(255,255,255,.06);border:1px solid var(--line);color:var(--t1);
  transition:background .3s,border-color .3s}
.card:hover .go{background:linear-gradient(135deg,var(--gold-l),var(--gold-d));color:#3a2e1e;border-color:transparent}

/* ---------- 内容页（法律长文） ---------- */
.doc{flex:1;width:100%;max-width:720px;margin:0 auto;padding:56px 24px 90px}
.doc h1{font-size:40px;font-weight:600;letter-spacing:.01em;margin-bottom:10px;color:var(--t1)}
.doc .updated{font-size:13px;color:var(--t3);margin-bottom:40px}
.doc h2{font-size:22px;font-weight:600;margin:36px 0 14px;color:var(--t1)}
.doc p{font-size:16px;color:var(--t2);line-height:1.7;margin-bottom:14px}
.doc ul{margin:0 0 14px;padding-left:22px}
.doc li{font-size:16px;color:var(--t2);line-height:1.7;margin-bottom:8px}
.doc a{color:var(--gold-l)}
.doc ol{margin:0 0 14px;padding-left:22px}
.doc ol li{font-size:16px;color:var(--t2);line-height:1.7;margin-bottom:8px}
.doc ul ul,.doc ol ol{margin:8px 0 0}
.doc strong{color:var(--t1);font-weight:600}

/* ---------- 通用页脚 ---------- */
footer{padding:40px;border-top:1px solid var(--line);
  display:flex;flex-wrap:wrap;gap:8px 16px;align-items:center;justify-content:center;
  font-size:12.5px;color:var(--t3);text-align:center}
footer .dot{opacity:.4}
footer a{color:inherit;transition:color .2s}
footer a:hover{color:var(--t2)}

@media(max-width:560px){
  .hero h1{font-size:46px}.hero .slogan{font-size:19px}
  .card{flex-direction:column;text-align:center;gap:16px}
  .card .info .top{justify-content:center}
  .works{margin-top:64px}
  .doc h1{font-size:32px}
}