:root{--ink:#17241f;--deep:#0f1916;--paper:#f6f2e9;--sand:#e9e1d2;--red:#a34835;--gold:#c9a56b;--muted:#6a746e;--line:rgba(23,36,31,.14);--serif:"Songti SC","STSong","Noto Serif SC",serif;--sans:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;--wrap:1120px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.75;overflow-x:hidden}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}.wrap{width:min(calc(100% - 32px),var(--wrap));min-width:0;margin:auto}
.topbar{position:sticky;top:0;z-index:10;background:rgba(246,242,233,.92);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}.nav{min-height:66px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:9px;font-family:var(--serif);font-weight:700;font-size:20px;letter-spacing:.08em}.brand-mark{display:grid;place-items:center;flex:0 0 38px;width:38px;height:38px}.brand-mark img{display:block;width:100%;height:100%;object-fit:contain}.brand small{display:block;color:var(--muted);font-family:var(--sans);font-size:10px;font-weight:400;letter-spacing:.04em;line-height:1.2}.seal{display:grid;place-items:center;width:30px;height:30px;border:1px solid var(--red);color:var(--red);font-size:16px}.links{position:absolute;top:66px;left:0;right:0;display:none;flex-direction:column;padding:10px 16px 18px;background:var(--paper);border-bottom:1px solid var(--line)}.links.open{display:flex}.links a{padding:10px 0}.nav-contact{color:var(--red)}.menu{border:0;background:none;color:var(--ink);font-size:14px}
.hero{display:flex;flex-direction:column;padding:48px 0 40px;gap:34px}.hero-copy{width:100%;min-width:0;max-width:100%}.kicker{margin:0 0 14px;color:var(--red);font-size:12px;letter-spacing:.15em}.hero h1,.section-head h2,.practice-layout h2,.about-copy h2,.contact-card h2{margin:0;font-family:var(--serif);font-size:clamp(34px,10vw,72px);font-weight:600;line-height:1.22;overflow-wrap:anywhere;letter-spacing:.02em}.hero h1 em,.section-head h2 em,.practice-layout h2 em,.about-copy h2 em{color:var(--red);font-style:normal}.lead{width:calc(100vw - 32px);max-width:560px;margin:24px 0 0;font-size:17px;color:#48534d;overflow-wrap:anywhere;word-break:break-all}.actions{display:flex;align-items:center;flex-wrap:wrap;gap:18px;margin-top:28px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 20px;border:1px solid var(--ink);font-size:14px}.button span{margin-left:18px}.button.primary{background:var(--ink);color:#fff}.button.dark{background:var(--deep);color:#fff}.button.light{background:var(--paper);color:var(--ink);border-color:var(--paper)}.quiet-link{color:var(--red);font-size:14px;border-bottom:1px solid var(--red);padding-bottom:3px}.note{max-width:100%;margin:26px 0 0;color:var(--muted);font-size:12px;line-height:1.6;word-break:break-word}.hero-image{position:relative;min-width:0;margin:0;align-self:center;width:100%;max-width:460px}.hero-image:before{position:absolute;inset:7% -5% 5% 9%;border-radius:50%;background:radial-gradient(circle,rgba(201,165,107,.6),transparent 68%);content:""}.hero-image img{position:relative;z-index:1;width:100%;height:440px;object-fit:cover;object-position:center 15%;filter:saturate(.75)}.hero-image figcaption{position:absolute;z-index:2;right:8px;bottom:12px;padding:9px 12px;background:rgba(15,25,22,.88);color:#fff;line-height:1.3}.hero-image figcaption span{display:block;color:var(--gold);font-size:11px}.hero-image figcaption strong{display:block;font-family:var(--serif);font-size:18px}
.positioning{background:var(--ink);color:#e8e0d2}.positioning-inner{display:flex;align-items:center;gap:13px;min-height:70px;overflow:auto;white-space:nowrap;font-size:12px}.positioning-inner strong{color:var(--gold);font-weight:500}.positioning-inner i{width:1px;height:18px;background:rgba(232,224,210,.32)}
.motto{margin:18px 0 0;color:var(--red);font-family:var(--serif);font-size:20px;letter-spacing:.12em}.four-directions{padding:72px 0}.direction-grid{display:grid;gap:12px}.direction-card{position:relative;min-height:190px;padding:24px;background:var(--sand);border-top:2px solid var(--red);overflow:hidden}.direction-card:after{position:absolute;right:-28px;bottom:-48px;width:130px;height:130px;border:1px solid rgba(23,36,31,.12);border-radius:50%;content:""}.direction-card:nth-child(2){border-color:var(--gold)}.direction-card:nth-child(3){border-color:#6d8a82}.direction-card:nth-child(4){border-color:var(--ink)}.direction-card span{position:relative;z-index:1;color:var(--red);font-family:var(--serif);font-size:22px}.direction-card h3{position:relative;z-index:1;margin:10px 0 6px;font-family:var(--serif);font-size:26px}.direction-card p{position:relative;z-index:1;margin:0;color:var(--muted);font-size:14px}.direction-card p+p{margin-top:10px}.direction-card p b{display:inline-block;min-width:34px;color:var(--red);font-size:12px;font-weight:600;letter-spacing:.06em}.questions,.video-section,.about-section{padding:72px 0}.section-head{margin-bottom:30px}.section-head h2{font-size:34px}.question-grid{display:grid;gap:12px}.question-grid article{padding:24px;background:#fff;border:1px solid var(--line)}.question-grid span{color:var(--red);font-family:var(--serif);font-size:22px}.question-grid h3{margin:9px 0 6px;font-family:var(--serif);font-size:21px;line-height:1.45}.question-grid p,.muted{margin:0;color:var(--muted);font-size:14px}
.practice-section{padding:72px 0;background:var(--sand)}.practice-layout{display:grid;gap:30px}.practice-layout h2{font-size:35px}.practice-layout .muted{margin:20px 0 24px;max-width:510px}.sleep-options{display:grid;gap:12px}.sleep-option{display:block;padding:24px;background:var(--paper);border:1px solid var(--line);transition:.2s}.sleep-option:hover{transform:translateY(-2px);border-color:var(--red)}.sleep-option.featured{background:var(--ink);color:#fff}.option-tag{display:block;color:var(--red);font-size:11px;letter-spacing:.18em}.featured .option-tag{color:var(--gold)}.sleep-option strong{display:block;margin-top:14px;font-family:var(--serif);font-size:24px}.sleep-option small{display:block;margin-top:6px;color:var(--muted);font-size:13px}.featured small{color:rgba(255,255,255,.66)}.sleep-option b{display:block;margin-top:22px;color:var(--red);font-size:13px;font-weight:500}.featured b{color:var(--gold)}
.video-section{background:#fff}.split{display:block}.video-grid{display:grid;gap:16px}.video-card{padding-bottom:22px;border-bottom:1px solid var(--line)}.video-cover{position:relative;display:flex;align-items:flex-end;justify-content:space-between;height:180px;padding:18px;color:#fff;overflow:hidden}.video-cover:before{position:absolute;inset:0;background:linear-gradient(145deg,#1d382f,#6a3d2b 60%,#bc9a61);content:"";}.cover-breath:before{background:linear-gradient(145deg,#163534,#63817c 60%,#d5ba8b)}.cover-return:before{background:linear-gradient(145deg,#34251e,#923e2d 60%,#d0a96c)}.video-cover span,.video-cover b{position:relative;z-index:1}.video-cover span{font-family:var(--serif);font-size:27px}.video-cover b{display:grid;place-items:center;width:42px;height:42px;border:1px solid rgba(255,255,255,.65);border-radius:50%;font-size:15px}.video-card h3{margin:16px 0 5px;font-family:var(--serif);font-size:21px}.video-card p{margin:0;color:var(--muted);font-size:14px}.video-card a{display:inline-block;margin-top:12px;color:var(--red);font-size:13px}
.about-section{display:grid;gap:34px}.about-copy h2{font-size:35px}.about-copy>p:last-child{max-width:540px;margin:22px 0 0;color:#58625c}.about-list{border-top:1px solid var(--line)}.about-list div{padding:16px 0;border-bottom:1px solid var(--line)}.about-list span{font-family:var(--serif);font-size:20px}.about-list p{margin:3px 0 0;color:var(--muted);font-size:14px}
.contact-section{padding:58px 0;background:var(--red);color:#fff}.contact-card{display:flex;flex-direction:column;gap:24px}.contact-copy{max-width:430px}.social-grid{display:grid;gap:10px}.social-card{display:flex;align-items:center;gap:15px;padding:12px;background:rgba(15,25,22,.16);border:1px solid rgba(255,255,255,.28)}.qr-placeholder{display:grid;place-items:center;flex:0 0 74px;width:74px;height:74px;border:1px dashed rgba(255,255,255,.64);color:rgba(255,255,255,.8);font-size:11px;line-height:1.35;text-align:center;overflow:hidden}.social-qr{display:block;width:100%;height:100%;object-fit:cover}.social-card strong{display:block;font-family:var(--serif);font-size:19px}.social-card small{display:block;margin-top:3px;color:rgba(255,255,255,.7);font-size:12px}.contact-card .kicker{color:#f1d195}.contact-card h2{font-size:33px}.contact-card p:not(.kicker){margin:13px 0 0;color:rgba(255,255,255,.78);font-size:15px}.footer{padding:30px 0 0;background:var(--deep);color:rgba(255,255,255,.72)}.footer-top{display:flex;flex-direction:column;gap:22px;padding-bottom:24px}.footer-brand{display:flex;align-items:center;gap:10px}.footer-brand strong{display:block;color:#fff;font-family:var(--serif);font-size:20px}.footer-brand small{display:block;color:rgba(255,255,255,.5);font-size:11px}.footer-top p{margin:0;font-size:12px;line-height:1.8}.record-bar{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:10px 16px;min-height:70px;padding:16px;color:rgba(255,255,255,.68);border-top:1px solid rgba(255,255,255,.18);font-size:12px}.record-bar a{display:inline-flex;align-items:center;gap:7px}.record-bar i{width:1px;height:19px;background:rgba(255,255,255,.28)}.record-bar img{width:24px;height:24px;object-fit:contain}
@media(min-width:760px){.wrap{width:min(calc(100% - 64px),var(--wrap))}.menu{display:none}.links{position:static;display:flex;flex-direction:row;align-items:center;gap:25px;padding:0;background:none;border:0;font-size:14px}.links a{padding:0}.hero{display:grid;grid-template-columns:1fr .82fr;align-items:center;gap:8vw;min-height:calc(100vh - 66px);padding:70px 0}.hero-image img{height:610px}.section-head h2,.practice-layout h2,.about-copy h2{font-size:47px}.question-grid,.video-grid{grid-template-columns:repeat(3,1fr)}.question-grid article{min-height:220px}.practice-layout{grid-template-columns:1fr 1fr;align-items:center;gap:8vw}.sleep-options{grid-template-columns:1fr 1fr}.split{display:flex;align-items:end;justify-content:space-between;gap:40px}.split .muted{max-width:330px}.about-section{grid-template-columns:1fr 1fr;align-items:start;gap:10vw}.contact-card{flex-direction:row;align-items:center;justify-content:space-between}.footer-top{flex-direction:row;align-items:center;justify-content:space-between}.footer-top p{text-align:right}}
@media(max-width:420px){.hero h1{font-size:39px}.button{width:100%}.quiet-link{margin-left:3px}.record-bar{justify-content:flex-start;padding-left:16px}.record-bar i{display:none}}.theory-section{padding:62px 0;background:var(--ink);color:#fff}.theory-layout{display:grid;gap:22px}.theory-section .kicker{color:var(--gold)}.theory-section .muted{color:rgba(255,255,255,.7)}.theory-section h2{margin:0;font-family:var(--serif);font-size:35px;line-height:1.35}.theory-section h2 em{color:var(--gold);font-style:normal}@media(min-width:760px){.theory-section{padding:88px 0}.theory-layout{grid-template-columns:1fr 1fr;align-items:end;gap:8vw}.theory-section h2{font-size:47px}}.page-hero{padding:58px 0 52px}.page-hero h1{margin:0;font-family:var(--serif);font-size:clamp(38px,11vw,72px);font-weight:600;line-height:1.25}.page-hero h1 em{color:var(--red);font-style:normal}.page-lead{max-width:650px;margin:24px 0 0;color:#4e5a53;font-size:17px;line-height:1.9}.dark-page{max-width:none;background:var(--ink);color:#fff;padding-left:max(16px,calc((100% - var(--wrap))/2));padding-right:max(16px,calc((100% - var(--wrap))/2))}.dark-page .page-lead{color:rgba(255,255,255,.72)}.dark-page .kicker{color:var(--gold)}.dark-page h1 em{color:var(--gold)}.page-section{padding:66px 0}.page-section.tint{background:var(--sand)}.two-col{display:grid;gap:28px}.two-col h2,.feature-box h2{margin:0;font-family:var(--serif);font-size:34px;line-height:1.35}.copy{color:#526059}.copy p{margin:0 0 16px}.simple-grid{display:grid;gap:12px;margin-top:28px}.simple-grid article{padding:22px;background:#fff;border:1px solid var(--line)}.simple-grid b{color:var(--red);font-family:var(--serif);font-size:22px}.simple-grid h3{margin:8px 0 5px;font-family:var(--serif);font-size:21px}.simple-grid p{margin:0;color:var(--muted);font-size:14px}.activity-card small{display:block;margin-top:18px;color:var(--red);font-size:12px}.feature-box{padding:28px;background:#fff;border:1px solid var(--line)}.feature-box .actions{margin-top:25px}.sleep-page-grid{display:grid;gap:12px}.sleep-page-card{padding:26px;background:var(--paper);border:1px solid var(--line)}.sleep-page-card>span{color:var(--red);font-size:11px;letter-spacing:.18em}.sleep-page-card h3{margin:14px 0 6px;font-family:var(--serif);font-size:26px}.sleep-page-card p{margin:0 0 22px;color:var(--muted);font-size:14px}.dark-card{background:var(--ink);color:#fff;border-color:var(--ink)}.dark-card>span{color:var(--gold)}.dark-card p{color:rgba(255,255,255,.68)}.dark-card .button{background:var(--paper);color:var(--ink);border-color:var(--paper)}@media(min-width:760px){.page-hero{padding:92px 0 80px}.page-section{padding:92px 0}.two-col{grid-template-columns:1fr 1fr;align-items:start;gap:9vw}.two-col h2,.feature-box h2{font-size:47px}.simple-grid{grid-template-columns:repeat(3,1fr);gap:16px;margin-top:40px}.simple-grid.four{grid-template-columns:repeat(4,1fr)}.sleep-page-grid{grid-template-columns:1fr 1fr;gap:18px}.feature-box{display:flex;align-items:center;justify-content:space-between;gap:40px;padding:40px}.feature-box .actions{margin-top:0}}.video-file{display:block;width:100%;height:180px;object-fit:cover;background:var(--ink)}@media(min-width:760px){.video-file{height:220px}.four-directions{padding:92px 0}.direction-grid{grid-template-columns:repeat(4,1fr);gap:16px}.direction-card{min-height:220px}}@media(max-width:760px){.lead{width:100%;max-width:358px}}

/* 手机端统一修正版：导航收拢、首屏紧凑、图片不抢内容 */
@media(max-width:759px){
  .wrap{width:calc(100% - 32px);}
  .topbar{position:sticky;top:0;}
  .nav{min-height:60px;}
  .brand{font-size:18px;letter-spacing:.04em;gap:7px;}
  .brand-mark{width:30px;height:30px;flex-basis:30px;}
  .brand small{display:none;}
  .menu{display:block;padding:8px 0;font-size:13px;}
  .links{top:60px;padding:8px 16px 14px;}
  .links a{padding:8px 0;font-size:15px;}
  .hero{padding:34px 0 28px;gap:25px;}
  .kicker{margin-bottom:10px;font-size:11px;}
  .hero h1{font-size:38px;line-height:1.28;letter-spacing:0;}
  .lead{margin-top:16px;font-size:15px;line-height:1.8;word-break:normal;}
  .motto{margin-top:14px;font-size:17px;letter-spacing:.08em;}
  .actions{margin-top:21px;gap:13px;}
  .button{min-height:46px;padding:0 16px;}
  .actions .button{width:100%;}
  .quiet-link{margin-left:2px;}
  .note{margin-top:17px;}
  .hero-image{width:100%;max-width:none;}
  .hero-image img{height:245px;object-position:center 18%;}
  .hero-image figcaption{right:7px;bottom:8px;padding:7px 9px;}
  .hero-image figcaption strong{font-size:15px;}
  .hero-image figcaption span{font-size:10px;}
  .positioning-inner{min-height:54px;font-size:11px;gap:9px;}
  .four-directions,.questions,.video-section,.about-section{padding:52px 0;}
  .section-head{margin-bottom:22px;}
  .section-head h2,.practice-layout h2,.about-copy h2{font-size:30px;line-height:1.4;}
  .direction-card{min-height:0;padding:20px;}
  .direction-card h3{font-size:24px;}
  .practice-section{padding:52px 0;}
  .sleep-option{padding:20px;}
  .contact-section{padding:44px 0;}
  .footer{padding-top:24px;}
}