/* 首页视觉层：保留基础样式，在其上建立更清晰的编辑式层次。 */
:root{
  --paper:#f1e8da;
  --paper-muted:#c9bdac;
  --gold-bright:#d8b47b;
}

body{
  background:
    radial-gradient(circle at 4% 18%,rgba(182,139,83,.055),transparent 26rem),
    radial-gradient(circle at 95% 72%,rgba(156,49,38,.045),transparent 30rem),
    var(--bg);
}

h1,h2,h3{overflow-wrap:normal;text-wrap:balance}
p,li{orphans:2;widows:2}
.lead,.intro,.method-note,.open-item p,.contact-copy p{overflow-wrap:break-word;text-wrap:pretty}
.keep-together{display:inline-block;white-space:nowrap}

header{box-shadow:0 12px 36px rgba(0,0,0,.13)}
.brand{display:flex;align-items:baseline;gap:12px}
.brand::after{
  content:"领导力与教练";
  color:#82786b;
  font-size:10px;
  font-weight:500;
  letter-spacing:.18em;
}

.hero{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  padding:78px 0 96px;
  background:
    linear-gradient(90deg,rgba(13,12,10,.96) 0%,rgba(13,12,10,.82) 47%,rgba(13,12,10,.12) 100%),
    linear-gradient(145deg,#171512 0%,var(--bg-deep) 72%);
}
.hero::before{
  content:"";
  position:absolute;
  z-index:-1;
  inset:0;
  opacity:.16;
  background-image:linear-gradient(rgba(255,255,255,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.08) 1px,transparent 1px);
  background-size:100% 110px,110px 100%;
  mask-image:linear-gradient(90deg,#000,transparent 72%);
}
.hero-inner{grid-template-columns:1.04fr .96fr;gap:78px}
.hero-copy{padding:26px 0 8px}
.hero-kicker{display:flex;align-items:center;gap:15px;margin-bottom:24px;color:var(--gold-soft);font-size:12px;letter-spacing:.2em}
.hero-kicker::before{content:"";width:44px;height:1px;background:var(--gold)}
.hero .eyebrow{display:none}
.hero h1{
  max-width:680px;
  margin-bottom:30px;
  color:var(--paper);
  font-family:"Songti SC","STSong","SimSun",serif;
  font-size:clamp(46px,5.15vw,68px);
  font-weight:700;
  line-height:1.22;
  letter-spacing:.015em;
}
.hero .lead{max-width:650px;color:#d9cebe;font-size:clamp(18px,1.75vw,22px);line-height:1.95}
.hero .actions{margin-top:5px}
.hero-proof{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:0;
  max-width:700px;
  margin-top:54px;
  padding-top:22px;
  border-top:1px solid rgba(212,183,134,.27);
}
.hero-proof span{padding:0 17px;color:#a99e90;font-size:12px;letter-spacing:.08em;line-height:1.65;border-left:1px solid rgba(255,255,255,.1)}
.hero-proof span:first-child{padding-left:0;border-left:0}
.hero-visual{min-height:650px}
.hero-visual::before{inset:26px -24px -25px 24px;border-color:rgba(212,183,134,.5)}
.hero-visual img{filter:saturate(.86) contrast(1.04);object-position:55% center}
.hero-visual::after{background:linear-gradient(180deg,rgba(12,11,9,.03) 35%,rgba(10,9,8,.76) 100%)}
.hero-caption{display:flex;align-items:center;gap:12px;bottom:24px;font-family:"Songti SC","STSong","SimSun",serif;font-size:16px}
.hero-caption::before{content:"";width:36px;height:1px;background:var(--gold-bright)}
.hero-side-note{position:absolute;z-index:3;right:-42px;top:74px;writing-mode:vertical-rl;color:rgba(242,235,222,.58);font-size:11px;letter-spacing:.34em}

section{position:relative}
.section-soft{
  background:
    linear-gradient(180deg,rgba(255,255,255,.016),transparent 20%),
    #151310;
}
.section-head{grid-template-columns:150px minmax(0,1fr);gap:30px;margin-bottom:52px}
.num{position:relative;color:var(--gold-bright)}
.num::after{content:"";display:block;width:38px;height:1px;margin-top:14px;background:var(--red)}
h2{font-family:"Songti SC","STSong","SimSun",serif;font-weight:700;letter-spacing:.02em}

.service-grid{gap:20px;counter-reset:service}
.card{
  position:relative;
  min-height:430px;
  overflow:hidden;
  padding:38px 30px 30px;
  background:
    linear-gradient(155deg,rgba(255,255,255,.025),transparent 55%),
    var(--panel);
  counter-increment:service;
}
.card::before{
  content:counter(service,decimal-leading-zero);
  position:absolute;
  right:22px;
  top:6px;
  color:rgba(212,183,134,.1);
  font-family:Georgia,serif;
  font-size:86px;
  line-height:1;
}
.card::after{content:"";position:absolute;left:0;right:100%;bottom:0;height:3px;background:var(--red);transition:right .25s ease}
.card:hover::after{right:0}
.card .tag{position:relative;z-index:1;min-height:44px;padding-right:72px}
.card h3{position:relative;z-index:1;margin-top:18px;font-family:"Songti SC","STSong","SimSun",serif;font-size:28px}
.card p,.card ul{position:relative;z-index:1}
.card .card-action{display:inline-flex;align-items:center;gap:8px;text-decoration:none}
.card .card-action::after{content:"";width:0;height:1px;background:var(--gold);transition:width .2s ease}
.card .card-action:hover{text-decoration:none}
.card .card-action:hover::after{width:28px}

.profile-section{margin:0;background:var(--bg-deep)}
.profile-layout{grid-template-columns:410px 1fr;min-height:590px}
.profile-photo{min-height:590px}
.profile-photo img{filter:saturate(.72) contrast(1.05);object-position:center 32%}
.profile-photo::before{content:"";position:absolute;z-index:2;inset:24px;border:1px solid rgba(242,235,222,.18);pointer-events:none}
.profile-copy{position:relative;overflow:hidden;padding-left:12%}
.profile-copy::after{content:"镜";position:absolute;right:2%;bottom:-15%;color:rgba(212,183,134,.055);font-family:"Songti SC","STSong",serif;font-size:290px;line-height:1}
.profile-copy>*{position:relative;z-index:1}
.profile-copy h2{font-size:clamp(42px,5vw,64px)}
.profile-copy .intro{font-size:19px;line-height:1.9}

.method-layout{grid-template-columns:.9fr 1.1fr;gap:78px}
.method-visual{height:460px;margin-top:12px;box-shadow:24px 24px 0 rgba(182,139,83,.09)}
.method-visual img{object-position:center 48%}
.method-visual figcaption{position:absolute;z-index:2;left:22px;bottom:17px;color:rgba(255,255,255,.85);font-size:12px;letter-spacing:.12em}
.method-quote{margin-top:48px;font-family:"Songti SC","STSong","SimSun",serif}
.steps{counter-reset:steps}
.steps li{position:relative;padding:25px 0;transition:padding-left .18s ease,background .18s ease}
.steps li:hover{padding-left:12px;background:linear-gradient(90deg,rgba(182,139,83,.07),transparent 72%)}
.steps strong{font-family:"Songti SC","STSong","SimSun",serif;font-size:20px}

.open-grid{gap:0;border:1px solid var(--line)}
.open-item{position:relative;min-height:210px;padding:38px 30px 32px;border-top:0;background:var(--panel-soft)}
.open-item+.open-item{border-left:1px solid var(--line)}
.open-item::before{display:block;margin-bottom:32px;color:var(--gold);font-family:Georgia,serif;font-size:13px;letter-spacing:.14em}
.open-item:nth-child(1)::before{content:"01 / KNOW"}
.open-item:nth-child(2)::before{content:"02 / APPLY"}
.open-item:nth-child(3)::before{content:"03 / LEARN"}
.open-item h3{font-family:"Songti SC","STSong","SimSun",serif;font-size:24px}
.open-item a{color:var(--gold-soft);text-underline-offset:4px}

.contact-layout{gap:86px}
.contact-copy h2{font-size:clamp(39px,4.8vw,58px)}
.message-builder{position:relative;overflow:hidden;padding:38px;background:linear-gradient(145deg,#201d18,#171512);box-shadow:var(--shadow)}
.message-builder::before{content:"";position:absolute;left:0;top:0;width:88px;height:3px;background:var(--red)}
.message-builder h3{font-family:"Songti SC","STSong","SimSun",serif;font-size:27px}
.boundary-box{padding:30px 34px;background:linear-gradient(90deg,#171512,#13110f)}

@media(max-width:980px){
  .brand::after{display:none}
  .hero-inner{grid-template-columns:1fr;gap:58px}
  .hero-copy{padding-top:0}
  .hero-proof{max-width:none}
  .hero-visual{min-height:620px;width:calc(100% - 18px)}
  .hero-side-note{right:-38px}
  .profile-layout{grid-template-columns:1fr}
  .profile-photo{min-height:560px}
  .profile-copy{padding:68px 7% 74px}
  .profile-copy::after{font-size:220px}
  .method-layout,.contact-layout{gap:55px}
}

@media(max-width:700px){
  .hero{padding-top:58px}
  .hero h1{font-size:clamp(40px,11.5vw,54px)}
  .hero h1 br,.hero .lead br{display:none}
  .hero-proof{grid-template-columns:1fr;margin-top:42px}
  .hero-proof span{padding:8px 0;border-left:0;border-top:1px solid rgba(255,255,255,.08)}
  .hero-proof span:first-child{border-top:0}
  .hero-visual{min-height:500px}
  .hero-side-note{display:none}
  .section-head{grid-template-columns:1fr;gap:8px}
  .card{min-height:auto}
  .profile-photo{min-height:470px}
  .method-visual{height:440px;box-shadow:14px 14px 0 rgba(182,139,83,.09)}
  .open-grid{grid-template-columns:1fr}
  .open-item+.open-item{border-left:0;border-top:1px solid var(--line)}
}

@media(max-width:480px){
  .hero-kicker{letter-spacing:.14em}
  .hero-visual{min-height:420px}
  .hero-visual::before{inset:12px -12px -12px 12px}
  .profile-photo{min-height:390px}
  .profile-copy{padding:54px 20px 60px}
  .method-quote{font-size:29px}
  .message-builder{padding:30px 23px}
}