:root{
  --navy:#1B3A5C;
  --gold:#E8954C;
  --cream:#F8F6F2;
  --ink:#2A2A2A;
  --line:#ECE6DC;
}
*{box-sizing:border-box;margin:0;padding:0;}
html,body{
  background:var(--cream);
  color:var(--ink);
  font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Helvetica Neue",Arial,sans-serif;
  -webkit-font-smoothing:antialiased;
}
body{
  max-width:480px;
  margin:0 auto;
  min-height:100vh;
  display:flex;
  flex-direction:column;
}

/* ===== 头部 ===== */
.lp-header{
  position:relative;
  padding:46px 24px 34px;
  background:var(--navy);
  color:#fff;
  overflow:hidden;
  text-align:center;
}
.lp-tree{
  position:absolute;inset:0;
  width:100%;height:100%;
  object-fit:cover;
  opacity:.16;
}
.lp-mask{
  position:absolute;inset:0;
  background:linear-gradient(160deg,rgba(27,58,92,.94),rgba(27,58,92,.80));
}
.lp-brand{
  position:relative;
  display:flex;align-items:center;justify-content:center;
  gap:12px;margin-bottom:22px;
}
.lp-avatar{
  width:50px;height:50px;border-radius:50%;
  border:2px solid var(--gold);object-fit:cover;
}
.lp-brand-text{display:flex;flex-direction:column;text-align:left;}
.lp-name{font-size:18px;font-weight:700;letter-spacing:1px;}
.lp-slogan{font-size:12px;color:var(--gold);margin-top:2px;}
.lp-headline{
  position:relative;
  font-size:22px;font-weight:700;line-height:1.45;
  margin-bottom:10px;
}
.lp-sub{
  position:relative;
  font-size:13px;opacity:.82;line-height:1.6;
}

/* ===== 卡片 ===== */
.lp-main{
  flex:1;
  padding:24px 18px;
  display:flex;flex-direction:column;gap:16px;
}
.lp-card{
  position:relative;
  display:flex;align-items:center;gap:14px;
  background:#fff;
  border:1px solid var(--line);
  border-radius:16px;
  padding:20px 18px;
  text-decoration:none;
  color:var(--ink);
  box-shadow:0 4px 18px rgba(27,58,92,.06);
  transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease;
}
.lp-card:active{transform:scale(.985);}
.lp-card:hover{
  border-color:var(--gold);
  box-shadow:0 6px 22px rgba(232,149,76,.18);
}
.lp-card-icon{
  width:46px;height:46px;flex:0 0 46px;
  display:flex;align-items:center;justify-content:center;
  font-size:18px;font-weight:700;color:var(--navy);
  background:rgba(27,58,92,.06);
  border-radius:12px;
}
.lp-card-body{flex:1;min-width:0;}
.lp-card-title{
  font-size:16px;font-weight:700;color:var(--navy);
  margin-bottom:4px;
}
.lp-card-desc{
  font-size:12.5px;line-height:1.55;color:#5A5A5A;
  margin-bottom:9px;
}
.lp-card-meta{
  display:inline-block;
  font-size:11px;color:var(--gold);
  background:rgba(232,149,76,.10);
  padding:3px 10px;border-radius:999px;font-weight:600;
}
.lp-card-go{
  font-size:13px;font-weight:700;color:var(--navy);
  white-space:nowrap;
}

/* ===== 页脚 ===== */
.lp-footer{
  text-align:center;padding:18px;
  font-size:12px;color:#9A9A9A;
}