*{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%}
body{font:16.5px/1.75 'Source Sans 3',Arial,sans-serif;color:#25292e;background:#ece8e1}
a{color:inherit;text-decoration:none}
img{max-width:100%}
.wrap{max-width:1180px;margin:0 auto;padding:0 24px}
.eyebrow{display:block;font-family:'Source Sans 3',Arial,sans-serif;font-size:12.5px;font-weight:500;letter-spacing:3px;text-transform:uppercase}
.rule{display:block;width:64px;height:2px;background:#a7bccf}
.script{font-family:Allura,cursive;font-weight:400;line-height:1.1}
/* ── 页头 ── */
.hdr{background:#fff;position:relative;z-index:30}
.hdr>.wrap{display:flex;justify-content:center;align-items:center;min-height:92px;padding-top:12px;padding-bottom:12px}
.wm{display:block;text-align:center;font-family:'Source Sans 3',Arial,sans-serif;font-size:29px;line-height:1.2;letter-spacing:6px;text-transform:uppercase;color:#25292e}
.wm .l{font-weight:300} .wm .b{font-weight:700}
.wm .dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#32465a;margin:0 6px 0 4px;vertical-align:middle;position:relative;top:-2px}
.wm .tl{color:#32465a;font-weight:400}
.nbar{background:#32465a}
.nbar .wrap{display:flex;justify-content:center;align-items:center;gap:6px;min-height:48px;position:relative}
.menu{display:flex;flex-wrap:wrap;justify-content:center;align-items:center}
.menu>a,.nbar summary{display:block;padding:12px 17px;font-family:'Source Sans 3',Arial,sans-serif;font-size:14px;font-weight:600;letter-spacing:1px;text-transform:uppercase;color:#fff;cursor:pointer;list-style:none;white-space:nowrap}
.nbar summary::-webkit-details-marker{display:none}
.menu>a:hover,.nbar summary:hover,.menu .on{color:#a7bccf}
.more>summary:after,.mnav>summary:after{content:"";display:inline-block;width:5px;height:5px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg);margin:0 0 3px 8px}
.nbar details{position:relative}
.nbar .dd{position:absolute;left:0;top:100%;z-index:40;min-width:230px;background:#fff;box-shadow:0 12px 28px rgba(0,0,0,.12);padding:8px 0;border-top:3px solid #a7bccf}
.nbar .dd a{display:block;padding:9px 20px;font-size:15px;color:#25292e}
.nbar .dd a:hover,.nbar .dd a.on{background:#f9f7f3;color:#32465a}
.mnav{display:none}
.srch summary{padding:12px 14px}
.srch summary svg{display:block}
.srch .dd{left:auto;right:0;width:320px;padding:14px}
.search-form{display:flex;border:1px solid #d9d3c7;background:#fff}
.search-form input{flex:1;min-width:0;border:0;padding:11px 13px;font:15px 'Source Sans 3',Arial,sans-serif;background:transparent;color:#25292e}
.search-form button{border:0;background:#32465a;color:#fff;padding:0 16px;font:600 12.5px 'Source Sans 3',Arial,sans-serif;letter-spacing:1.5px;text-transform:uppercase;cursor:pointer}
/* ── 封面通用 ── */
.img{display:block;overflow:hidden;background:#d0d9e0}
.img img,.img .svg-cover{display:block;width:100%;height:100%;object-fit:cover}
.svg-cover svg{display:block;width:100%;height:100%}
.sq{aspect-ratio:1/1} .r169{aspect-ratio:16/9}
/* ── 圆环徽章 ── */
.badge{display:block}
.badge .rt{font-family:'Source Sans 3',Arial,sans-serif;font-weight:600;text-transform:uppercase}
.badge .it{font-family:Lora,Georgia,serif}
/* ── 首屏 ── */
.hero{position:relative;display:grid;grid-template-columns:31% 1fr;min-height:640px;background:#f9f7f3}
.hero .hph{position:relative;overflow:hidden;background:#d0d9e0}
.hero .hph img,.hero .hph .svg-cover{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:72% 32%}
.hero .hwrap{position:absolute;left:0;right:0;top:0;bottom:0;display:flex;align-items:center;pointer-events:none}
.hero .hbox{pointer-events:auto;width:47%;max-width:540px;background:#e4e0d8;padding:38px 44px 46px;text-align:center}
.hero .badge{width:168px;height:168px;margin:0 auto 16px}
.hero h1{font-family:Lora,Georgia,serif;font-weight:400;font-size:40.3px;line-height:1.3;color:#25292e}
.hero h1 em{color:#32465a}
.hero .sub{margin-top:18px;font-size:17px;line-height:1.6;color:#5a5f66}
/* ── 支柱带 ── */
.pil{background:#32465a;color:#fff;text-align:center;padding:24px 20px 26px}
.pil .eyebrow{color:#a7bccf;font-size:12px;margin-bottom:10px}
.pil nav{display:flex;justify-content:center;flex-wrap:wrap;align-items:center;gap:6px 0}
.pil a{font-family:'Source Sans 3',Arial,sans-serif;font-size:14.5px;font-weight:500;letter-spacing:2.4px;text-transform:uppercase;padding:2px 4px}
.pil a:hover{color:#a7bccf}
.pil i{display:inline-block;width:5px;height:5px;border-radius:50%;background:#a7bccf;margin:0 18px}
/* ── 介绍 ── */
.intro{text-align:center;padding:96px 0 92px}
.intro .eyebrow{color:#5a5f66}
.intro .rule{margin:22px auto 34px;background:#32465a}
.intro h2{font-family:Lora,Georgia,serif;font-weight:400;font-size:42.2px;line-height:1.25;max-width:900px;margin:0 auto 30px;color:#25292e}
.intro p{max-width:760px;margin:0 auto 18px;color:#3d3d38}
.intro p a{color:#32465a;text-decoration:underline;text-underline-offset:3px}
.intro .bold{font-weight:700;color:#25292e;margin-top:6px}
/* ── 我是… ── */
.me{display:grid;grid-template-columns:1fr 1fr;min-height:600px;background:#32465a}
.me .tx{display:flex;flex-direction:column;justify-content:center;padding:90px 12% 90px 10.5%;color:#fff}
.me h2{font-family:Lora,Georgia,serif;font-weight:400;font-size:44.2px;line-height:1.2;color:#fff}
.me .rule{margin:28px 0 30px;width:50px}
.me p{max-width:420px;color:rgba(255,255,255,.88);margin-bottom:14px}
.me .lnk{display:inline-block;margin-top:8px;font-size:13px;font-weight:600;letter-spacing:2px;text-transform:uppercase;color:#a7bccf;border-bottom:1px solid #a7bccf;padding-bottom:3px;align-self:flex-start}
.me .lnk:hover{color:#fff;border-color:#fff}
.me .sig{font-size:50px;color:#a7bccf;margin-top:26px}
.me .ph{position:relative;overflow:hidden;background:#d0d9e0}
.me .ph img,.me .ph .svg-cover{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 35%}
/* ── Articles ── */
.arts{padding:88px 0 80px}
.sh{text-align:center;font-family:Lora,Georgia,serif;font-weight:400;font-size:42.2px;line-height:1.2;color:#25292e}
.sh+.rule{margin:20px auto 46px}
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;max-width:1100px;margin:0 auto}
.card{display:flex;flex-direction:column;background:#fff;text-align:center;border:1px solid rgba(0,0,0,.05)}
.card .img{position:relative}
.card .img:after{content:"";position:absolute;top:16px;right:16px;bottom:16px;left:16px;border:2px solid rgba(255,255,255,.82);box-shadow:0 0 0 1px rgba(0,0,0,.10),inset 0 0 0 1px rgba(0,0,0,.06);pointer-events:none;transition:all .35s}
.card:hover .img:after{top:24px;right:24px;bottom:24px;left:24px}
.card .tx{padding:24px 26px 30px}
.card .cat{display:block;font-size:11.5px;font-weight:600;letter-spacing:2px;text-transform:uppercase;color:#5a5f66;margin-bottom:8px}
.card h3{font-family:Lora,Georgia,serif;font-weight:400;font-size:18.7px;line-height:1.4;color:#32465a}
.card:hover h3{text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px}
.card p{font-size:15px;line-height:1.6;color:#55554f;margin-top:10px}
.pnums{display:flex;justify-content:flex-end;align-items:center;flex-wrap:wrap;gap:6px;max-width:1100px;margin:30px auto 0;font-size:14px}
.pnums a,.pnums span{display:inline-block;min-width:34px;padding:5px 9px;text-align:center;color:#5a5f66}
.pnums a:hover{color:#32465a;text-decoration:underline;text-underline-offset:3px}
.pnums .cur{background:#32465a;color:#fff}
.pnums .gap{min-width:0;padding:5px 2px}
/* ── 引言 + 订阅 ── */
.qn{display:grid;grid-template-columns:1fr 1fr}
.qn .q{background:#d0d9e0;padding:84px 9% 84px 8%}
.qn .q .eyebrow{color:#25292e}
.qn .q .rule{margin:18px 0 36px;background:#32465a;width:44px}
.qn blockquote{font-family:Lora,Georgia,serif;font-style:italic;font-size:28.8px;line-height:1.45;color:#25292e}
.qn .by{display:block;margin-top:24px;font-size:42px;color:#32465a}
.qn .n{background:#32465a;color:#fff;padding:84px 9%;display:flex;flex-direction:column;justify-content:center;text-align:center}
.qn .n h2{font-family:Lora,Georgia,serif;font-weight:400;text-transform:uppercase;font-size:27.8px;line-height:1.35;letter-spacing:.5px;color:#a7bccf}
.qn .n p{color:rgba(255,255,255,.84);margin:18px auto 26px;max-width:430px;font-size:16px}
.nform{display:flex;width:100%;max-width:450px;margin:0 auto;border:1px solid rgba(255,255,255,.55)}
.nform input{flex:1;min-width:0;background:transparent;border:0;color:#fff;padding:13px 15px;font:15.5px 'Source Sans 3',Arial,sans-serif}
.nform input::placeholder{color:rgba(255,255,255,.65)}
.nform button{background:#a7bccf;color:#32465a;border:0;padding:0 20px;font:700 12.5px 'Source Sans 3',Arial,sans-serif;letter-spacing:1.8px;text-transform:uppercase;cursor:pointer}
.nform button:hover{background:#fff}
/* ── 内页 ── */
.pbar{background:#f9f7f3;border-bottom:1px solid rgba(0,0,0,.06)}
.pbar .wrap{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:6px 20px;min-height:88px;padding-top:16px;padding-bottom:16px}
.pbar h1,.pbar .pt{font-family:Lora,Georgia,serif;font-weight:400;font-size:28.8px;line-height:1.25;color:#25292e}
.pbar .cnt{font-family:'Source Sans 3',Arial,sans-serif;font-size:14px;color:#5a5f66;margin-left:12px;letter-spacing:.3px;white-space:nowrap}
.bc{font-size:13.5px;color:#5a5f66} .bc a:hover{color:#32465a;text-decoration:underline} .bc i{font-style:normal;margin:0 7px;opacity:.6}
.inner{padding:54px 0 90px}
.artwrap{max-width:860px;margin:0 auto;background:#fff;padding:54px 64px 48px}
.ahead{text-align:center;margin-bottom:34px}
.ahead .eyebrow{color:#32465a}
.ahead h1{font-family:Lora,Georgia,serif;font-weight:400;font-size:38.4px;line-height:1.25;margin:14px 0 14px;color:#25292e}
.ahead .meta{font-size:14px;color:#5a5f66} .ahead .meta i{font-style:normal;margin:0 8px;opacity:.6}
.ahead .rule{margin:24px auto 0}
.artwrap .cover{margin:0 -64px 40px}
.entry{font-size:17px;line-height:1.8;color:#33332e}
.entry p{margin-bottom:1.25em}
.entry h2{font-family:Lora,Georgia,serif;font-weight:400;font-size:27.8px;line-height:1.3;margin:1.6em 0 .55em;color:#25292e}
.entry h3{font-family:Lora,Georgia,serif;font-weight:400;font-style:italic;font-size:22.1px;margin:1.4em 0 .5em;color:#32465a}
.entry a{color:#32465a;text-decoration:underline;text-underline-offset:3px}
.entry ul,.entry ol{margin:0 0 1.25em 1.5em} .entry li{margin-bottom:.45em}
.entry blockquote{margin:1.6em 0;padding:18px 26px;background:#f9f7f3;border-left:3px solid #a7bccf;font-family:Lora,Georgia,serif;font-style:italic;font-size:1.12em}
.entry table{border-collapse:collapse;width:100%;margin:1.4em 0;font-size:15.5px}
.entry td,.entry th{border:1px solid #e4dfd5;padding:9px 11px;text-align:left}
.entry th{background:#f9f7f3}
.entry img{height:auto}
.filed{margin-top:30px;padding-top:18px;border-top:1px solid #eee8de;font-size:14px;color:#5a5f66} .filed a{color:#32465a}
.comments-closed{margin-top:6px;font-size:14px;color:#99958c;font-style:italic}
.authorbox{display:flex;gap:22px;align-items:center;background:#f9f7f3;padding:24px 26px;margin-top:30px}
.authorbox .av{flex:0 0 92px;width:92px;height:92px;border-radius:50%;overflow:hidden;background:#32465a;display:flex;align-items:center;justify-content:center;font-family:Lora,Georgia,serif;font-size:38px;color:#fff}
.authorbox .av img{width:100%;height:100%;object-fit:cover}
.authorbox h4{font-family:Lora,Georgia,serif;font-weight:400;font-size:20.2px;color:#25292e;margin-bottom:4px}
.authorbox p{font-size:15px;line-height:1.65;color:#5a5f66}
.authorbox a{color:#32465a;font-weight:600}
.rel{max-width:1100px;margin:80px auto 0}
.lst{max-width:1100px;margin:0 auto}
/* ── 页脚 ── */
.ftr{background:#32465a;color:#fff;border-top:3px solid #a7bccf}
.ftr>.wrap{padding-top:58px;padding-bottom:30px}
.fgrid{display:grid;grid-template-columns:250px auto 250px;justify-content:center;align-items:center}
.fcol{display:flex;flex-direction:column;align-items:center;gap:16px;padding:8px 20px}
.fcol.l{border-right:1px solid rgba(255,255,255,.35)} .fcol.r{border-left:1px solid rgba(255,255,255,.35)}
.fcol a{font-size:14.5px;font-weight:500;letter-spacing:1px;text-transform:uppercase;text-align:center}
.fcol a:hover,.fcol a.on{color:#a7bccf}
.fmid{display:flex;flex-direction:column;align-items:center;gap:12px;padding:0 44px}
.fmid .badge{width:150px;height:150px}
.fmid .mail{display:inline-flex;color:#fff;opacity:.85} .fmid .mail:hover{opacity:1;color:#a7bccf}
.fcopy{text-align:center;margin-top:40px;font-size:14px;color:rgba(255,255,255,.82)}
.fcopy a{color:#a7bccf} .fcopy a:hover{color:#fff} .fcopy i{font-style:normal;margin:0 8px;opacity:.6}
@media(max-width:1100px){.hero h1{font-size:34.6px}.hero .hbox{padding:32px 32px 38px}.hero .badge{width:140px;height:140px}}
@media(max-width:980px){.grid3{grid-template-columns:1fr 1fr}.menu>a,.nbar summary{padding:12px 11px}
  .me .tx{padding:70px 8%}.qn .q,.qn .n{padding:64px 7%}.intro h2,.sh{font-size:36.5px}}
@media(max-width:860px){.menu{display:none}.mnav{display:block}.nbar .wrap{justify-content:space-between}
  .mnav .dd{position:absolute;left:0;right:0;top:100%}.nbar .wrap{position:relative}.nbar details.mnav{position:static}
  .hero{display:block;padding-bottom:30px}.hero .hband{display:none}.hero .hph{aspect-ratio:4/3}
  .hero .hwrap{position:relative;margin-top:-64px}.hero .hbox{width:100%;max-width:none}
  .me{grid-template-columns:1fr}.me .ph{aspect-ratio:4/3}
  .qn{grid-template-columns:1fr}
  .fgrid{grid-template-columns:1fr 1fr;row-gap:30px}.fmid{grid-column:1/-1;order:-1}.fcol.r{border-left:0}}
@media(max-width:680px){.wrap{padding:0 16px}
  .hdr>.wrap{min-height:70px}.wm{font-size:19px;letter-spacing:3px}.wm .dot{width:6px;height:6px;margin:0 4px 0 2px}
  .srch .dd{width:auto;left:0;right:0;position:absolute}.nbar details.srch{position:static}
  .hero .hph{aspect-ratio:1/1}.hero .hbox{padding:26px 20px 32px}.hero .badge{width:124px;height:124px;margin-bottom:10px}.hero h1{font-size:28.8px}.hero .sub{font-size:16px}
  .pil a{font-size:13px;letter-spacing:1.6px}.pil i{margin:0 10px}
  .intro{padding:62px 0 58px}.intro h2,.sh{font-size:30.7px}.intro .rule{margin:18px auto 26px}
  .me .tx{padding:56px 22px}.me h2{font-size:34.6px}.me .rule{margin:20px 0 22px}
  .arts{padding:62px 0 56px}.sh+.rule{margin:16px auto 32px}.grid3{grid-template-columns:1fr;gap:24px}.card .sq{aspect-ratio:4/3}
  .pnums{justify-content:center}
  .qn .q,.qn .n{padding:54px 22px}.qn blockquote{font-size:23.0px}.qn .n h2{font-size:22.1px}
  .pbar .wrap{min-height:0}.pbar h1,.pbar .pt{font-size:24.0px}
  .inner{padding:24px 0 64px}.artwrap{padding:30px 20px 34px;margin:0 -16px}.artwrap .cover{margin:0 -20px 28px}
  .ahead h1{font-size:27.8px}.entry{font-size:16.5px}.authorbox{flex-direction:column;text-align:center}
  .rel{margin-top:56px}
  .fcol{padding:4px 10px;gap:14px}.fcol a{font-size:14px}}