:root{--paper:#f2eee5;--paper-deep:#e7dfd2;--mist:#c9d0c3;--wood:#8e755d;--clay:#b79578;--ink:#2d2b25;--soft:#6d6659;--line:rgba(45,43,37,.12);--shadow:0 24px 80px rgba(45,43,37,.12);--radius:28px;--max:1180px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;color:var(--ink);background:radial-gradient(circle at 8% 12%,rgba(183,149,120,.18),transparent 26rem),radial-gradient(circle at 82% 8%,rgba(201,208,195,.32),transparent 24rem),linear-gradient(180deg,var(--paper),#fbf8f0 52%,var(--paper-deep));line-height:1.75;letter-spacing:.02em}
body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;background-image:linear-gradient(90deg,rgba(45,43,37,.025) 1px,transparent 1px),linear-gradient(0deg,rgba(45,43,37,.018) 1px,transparent 1px);background-size:72px 72px,72px 72px;mask-image:linear-gradient(180deg,rgba(0,0,0,.8),rgba(0,0,0,.18))}
a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.container{width:min(var(--max),calc(100% - 36px));margin-inline:auto}.site-header{position:sticky;top:0;z-index:30;backdrop-filter:blur(20px);background:rgba(242,238,229,.82);border-bottom:1px solid var(--line)}
.header-row{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:18px 0}.logo{display:flex;align-items:center;gap:12px;font-weight:700;letter-spacing:.08em}.logo img{width:42px;height:42px;border-radius:50%;box-shadow:0 10px 24px rgba(45,43,37,.12)}.logo small{display:block;font-weight:400;color:var(--soft);font-size:12px;letter-spacing:.18em}.nav{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}.nav a{padding:8px 12px;border-radius:999px;color:var(--soft);font-size:14px;border:1px solid transparent;transition:.25s ease}.nav a:hover,.nav a[aria-current=page]{color:var(--ink);background:rgba(255,255,255,.44);border-color:var(--line)}
.search-shell{padding:0 0 17px}.fake-search{display:flex;align-items:center;gap:10px;max-width:620px;margin:0 auto;background:rgba(255,255,255,.5);border:1px solid var(--line);border-radius:999px;padding:8px;box-shadow:0 8px 32px rgba(45,43,37,.06)}.fake-search input{flex:1;border:0;outline:0;background:transparent;padding:10px 12px;color:var(--ink);font-size:14px}.fake-search button,.btn{border:1px solid rgba(45,43,37,.15);background:var(--ink);color:#f8f4ea;border-radius:999px;padding:11px 20px;cursor:pointer;transition:transform .25s ease,box-shadow .25s ease,background .25s ease}.fake-search button:hover,.btn:hover{transform:translateY(-2px);box-shadow:0 14px 32px rgba(45,43,37,.15)}.btn.secondary{background:rgba(255,255,255,.42);color:var(--ink)}.search-note{display:none;text-align:center;margin:8px 0 0;color:var(--wood);font-size:13px}
.hero{min-height:calc(100vh - 120px);display:grid;align-items:center;padding:56px 0 74px}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:38px;align-items:center}.eyebrow{color:var(--wood);font-size:14px;letter-spacing:.22em;text-transform:uppercase;margin:0 0 14px}h1,h2,h3,h4{line-height:1.18;margin:0 0 16px;letter-spacing:.01em}h1{font-size:clamp(42px,7vw,86px);font-weight:600}h2{font-size:clamp(30px,4.6vw,54px);font-weight:560}h3{font-size:22px;font-weight:560}.lead{font-size:clamp(17px,2vw,21px);color:var(--soft);max-width:760px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin:30px 0}.domain-pill{display:inline-flex;align-items:center;gap:8px;padding:8px 13px;border:1px solid var(--line);border-radius:999px;color:var(--soft);background:rgba(255,255,255,.35);font-size:13px}.hero-media{position:relative;overflow:hidden;border-radius:42px;min-height:560px;box-shadow:var(--shadow);background:var(--paper-deep)}.hero-media img{height:100%;width:100%;object-fit:cover;filter:saturate(.9) contrast(.95)}.hero-media:after{content:"";position:absolute;inset:0;background:linear-gradient(120deg,rgba(255,255,255,0),rgba(255,255,255,.42),rgba(45,43,37,.08));mix-blend-mode:screen}
.section{padding:82px 0;border-top:1px solid var(--line)}.section-head{display:flex;justify-content:space-between;gap:24px;align-items:end;margin-bottom:28px}.section-head p{max-width:620px;color:var(--soft);margin:0}.grid{display:grid;gap:20px}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}.grid-2{grid-template-columns:repeat(2,1fr)}.card{position:relative;overflow:hidden;border:1px solid var(--line);border-radius:var(--radius);background:rgba(255,255,255,.38);box-shadow:0 16px 50px rgba(45,43,37,.06)}.card-pad{padding:24px}.card p{color:var(--soft);margin:0}.meta{display:flex;flex-wrap:wrap;gap:9px;margin-top:16px;color:var(--wood);font-size:13px}.meta span,.tag{padding:4px 10px;border-radius:999px;border:1px solid var(--line);background:rgba(255,255,255,.34)}
.video-card{min-height:420px;display:flex;flex-direction:column}.video-card .poster{position:relative;aspect-ratio:16/10;overflow:hidden;background:#ddd}.video-card video,.video-card .poster img{width:100%;height:100%;object-fit:cover}.video-card .poster:before{content:"";position:absolute;inset:-20%;background:radial-gradient(circle at var(--mx,48%) var(--my,42%),rgba(255,249,226,.42),transparent 15%),radial-gradient(circle at 18% 70%,rgba(80,72,60,.14),transparent 24%),linear-gradient(110deg,rgba(255,255,255,0),rgba(255,255,255,.18),rgba(0,0,0,.02));opacity:.62;mix-blend-mode:soft-light;z-index:2;transition:opacity .35s ease,transform .55s ease;animation:texture-breathe 7s ease-in-out infinite}@keyframes texture-breathe{0%,100%{transform:scale(1) rotate(0deg);opacity:.42}50%{transform:scale(1.05) rotate(.5deg);opacity:.82}}
.video-card .play{position:absolute;left:50%;top:50%;translate:-50% -50%;width:74px;height:74px;border-radius:50%;display:grid;place-items:center;background:rgba(242,238,229,.74);border:1px solid rgba(45,43,37,.18);box-shadow:0 16px 42px rgba(45,43,37,.18);opacity:0;transform:scale(.9);transition:.28s ease;z-index:3}.video-card .play:after{content:"";margin-left:5px;border-top:13px solid transparent;border-bottom:13px solid transparent;border-left:20px solid var(--ink)}.video-card:hover .play{opacity:1;transform:scale(1)}.video-card:hover .poster:before{opacity:.92;transform:scale(1.08)}.video-card .content{padding:22px}.video-card h3{margin-bottom:8px}.stats{display:flex;gap:12px;flex-wrap:wrap;color:var(--wood);font-size:13px;margin-top:18px}
.story{display:grid;grid-template-columns:.8fr 1.2fr;gap:20px}.story .quote{font-size:32px;line-height:1.45;color:var(--ink)}.gallery{grid-template-columns:1fr 1.2fr 1fr;align-items:stretch}.gallery figure{margin:0;min-height:360px}.gallery img{height:100%;width:100%;object-fit:cover}.gallery figcaption{padding:16px;color:var(--soft);font-size:13px}.ai-panel{min-height:360px;display:grid;align-content:end;padding:30px;background:linear-gradient(135deg,rgba(201,208,195,.36),rgba(183,149,120,.18)),repeating-linear-gradient(90deg,rgba(45,43,37,.04) 0 1px,transparent 1px 20px)}.prompt-box{margin-top:22px;padding:18px;border-radius:18px;background:rgba(255,255,255,.45);border:1px dashed rgba(45,43,37,.22);color:var(--soft);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px}.mentor img{aspect-ratio:1/1;object-fit:cover;filter:saturate(.88)}.review{min-height:210px}.stars{color:var(--wood);letter-spacing:.12em;margin-bottom:10px}.partner-wall{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.partner{display:grid;place-items:center;min-height:86px;border-radius:22px;border:1px solid var(--line);background:rgba(255,255,255,.34);color:var(--soft);font-size:13px;text-align:center;padding:10px}
.faq details{border:1px solid var(--line);border-radius:20px;background:rgba(255,255,255,.34);padding:18px 20px}.faq details+details{margin-top:12px}.faq summary{cursor:pointer;font-weight:560}.faq p{margin:10px 0 0;color:var(--soft)}.contact-card{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:center}.qr-row{display:flex;gap:16px;flex-wrap:wrap}.qr{max-width:150px;padding:10px;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.38)}.breadcrumb{font-size:14px;color:var(--soft);padding:24px 0}.article-hero{padding:58px 0 48px}.content-flow{max-width:880px}.content-flow p,.content-flow li{color:var(--soft)}.content-flow h2{font-size:34px;margin-top:46px}
.site-footer{padding:54px 0 30px;border-top:1px solid var(--line);background:linear-gradient(180deg,rgba(232,225,211,.35),rgba(211,204,190,.6))}.footer-grid{display:grid;grid-template-columns:1.2fr .8fr .8fr;gap:28px}.footer-logo{display:flex;align-items:center;gap:14px;margin-bottom:12px}.footer-logo img{width:52px;height:52px;border-radius:50%}.footer-links{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}.footer-links a{color:var(--soft);font-size:14px}.update{color:var(--soft);font-size:13px;margin-top:22px}
@media (max-width:920px){.header-row{align-items:flex-start;flex-direction:column}.nav{justify-content:flex-start}.hero-grid,.story,.contact-card,.footer-grid{grid-template-columns:1fr}.hero-media{min-height:360px}.grid-3,.grid-4,.grid-2,.gallery,.partner-wall{grid-template-columns:1fr 1fr}}
@media (max-width:620px){.container{width:min(100% - 24px,var(--max))}.fake-search{border-radius:24px;align-items:stretch;flex-direction:column}.fake-search button{width:100%}.section{padding:58px 0}.grid-3,.grid-4,.grid-2,.gallery,.partner-wall{grid-template-columns:1fr}.hero{padding-top:34px}.hero-media{border-radius:26px}.partner-wall{grid-template-columns:1fr 1fr}}
