:root{--ink:#17241f;--muted:#66736d;--paper:#f7f8f3;--white:#fff;--green:#315f4b;--line:#dfe4dc;--radius:24px;--shadow:0 18px 46px rgba(35,52,44,.12)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--paper);font-family:Inter,"Noto Sans SC","Microsoft YaHei",system-ui,sans-serif;line-height:1.7}a{color:inherit;text-decoration:none}img{display:block;width:100%;height:100%;object-fit:cover}.section-shell{width:min(1160px,calc(100% - 40px));margin:0 auto}
.site-header{position:sticky;z-index:20;top:0;display:flex;align-items:center;justify-content:space-between;padding:13px max(24px,calc((100vw - 1160px)/2));border-bottom:1px solid rgba(223,228,220,.8);background:rgba(247,248,243,.9);backdrop-filter:blur(18px)}.brand{display:flex;align-items:center;gap:11px}.brand>span:last-child{display:flex;flex-direction:column;line-height:1.15}.brand strong{font-size:15px;letter-spacing:.04em}.brand small{margin-top:4px;color:var(--muted);font-size:8px;font-weight:800;letter-spacing:.2em}.brand-mark{display:grid;width:38px;height:38px;place-items:center;border-radius:12px;color:#fff;background:linear-gradient(135deg,#315f4b,#79aa84);font-weight:800;box-shadow:0 8px 20px rgba(49,95,75,.22)}.site-nav{display:flex;align-items:center;gap:26px;font-size:14px;font-weight:650}.site-nav a:hover{color:var(--green)}.nav-contact{padding:7px 15px;border:1px solid var(--line);border-radius:999px}.menu-button{display:none}
.hero{display:grid;min-height:740px;grid-template-columns:.92fr 1.08fr;align-items:center;gap:70px;padding-block:80px 110px}.eyebrow{margin:0 0 17px;color:var(--green);font-size:11px;font-weight:850;letter-spacing:.17em}.hero h1{margin:0;font-size:clamp(46px,5vw,64px);line-height:1.12;letter-spacing:-.052em}.hero h1 span{color:transparent;background:linear-gradient(90deg,#315f4b,#479a76);background-clip:text}.hero-intro{max-width:600px;margin:28px 0 34px;color:var(--muted);font-size:18px}.hero-actions,.contact-actions{display:flex;align-items:center;gap:13px;flex-wrap:wrap}.button{display:inline-flex;min-height:48px;align-items:center;justify-content:center;padding:0 22px;border-radius:14px;font-size:14px;font-weight:750;transition:.18s ease}.button-primary{color:#fff;background:var(--ink);box-shadow:0 10px 24px rgba(23,36,31,.18)}.button-primary:hover{transform:translateY(-2px);background:var(--green)}.button-secondary{border:1px solid var(--line);background:#fff}
.hero-gallery{position:relative;min-height:550px}.hero-image{position:absolute;margin:0;overflow:hidden;border:8px solid rgba(255,255,255,.9);border-radius:30px;background:#ddd;box-shadow:var(--shadow)}.hero-image-main{inset:0 25% 0 0}.hero-image-small{right:0;bottom:28px;width:42%;height:58%}.hero-image figcaption{position:absolute;right:12px;bottom:12px;left:12px;padding:11px 13px;border-radius:12px;color:#fff;background:rgba(15,27,22,.68);font-size:12px;backdrop-filter:blur(8px)}
.content-section{padding-block:108px}.section-heading h2,.contact-section h2{margin:0;font-size:clamp(34px,4vw,52px);line-height:1.2;letter-spacing:-.035em}.heading-row{display:flex;align-items:end;justify-content:space-between;gap:30px}.heading-row>p{max-width:410px;margin:0 0 6px;color:var(--muted)}
.work-grid{display:grid;grid-template-columns:1.25fr .75fr 1fr;grid-template-rows:320px 320px;gap:18px;margin-top:50px}.work-card{position:relative;overflow:hidden;border-radius:var(--radius);background:#222;box-shadow:0 12px 30px rgba(31,46,38,.08)}.work-card-wide{grid-row:span 2}.work-card-tall{grid-column:span 2}.work-card:after{position:absolute;inset:25% 0 0;content:"";background:linear-gradient(transparent,rgba(7,14,11,.86))}.work-card img{transition:transform .5s ease}.work-card:hover img{transform:scale(1.025)}.work-overlay{position:absolute;z-index:2;right:24px;bottom:22px;left:24px;color:#fff}.work-overlay span{font-size:11px;font-weight:800;letter-spacing:.1em}.work-overlay h3{margin:5px 0 3px;font-size:24px;line-height:1.3}.work-overlay p{margin:0;color:rgba(255,255,255,.76);font-size:13px}
.worlds-section{background:#edf0e8}.world-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:48px}.world-card{display:block;min-height:330px;padding:28px;border:1px solid rgba(255,255,255,.7);border-radius:var(--radius);color:inherit;text-decoration:none;background:#fff;transition:transform .25s ease,box-shadow .25s ease}.world-card:hover{transform:translateY(-6px);box-shadow:0 18px 40px rgba(26,46,38,.13)}.world-card>span{font-size:12px;font-weight:850}.world-card h3{margin:76px 0 14px;font-size:24px}.world-card p{margin:0;color:var(--muted);font-size:14px}.world-card small{display:block;margin-top:26px;font-size:11px;font-weight:700}.garden-tone{background:#f3eadc}.garden-tone>span{color:#98703f}.ai-tone{color:#e9f2ff;background:#17283d}.ai-tone p{color:#aebdd0}.ai-tone>span{color:#83b9f2}.cold-tone{color:#edfaff;background:#174653}.cold-tone p{color:#aecbd0}.cold-tone>span{color:#8de0e2}.note-tone{background:#e8e2d8}.note-tone>span{color:#8b6550}
.professional-section{color:#fff;background:#152c30}.professional-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:90px}.section-heading.light .eyebrow{color:#87ddd6}.section-heading.light>p:last-child{margin-top:25px;color:#a9c0c0}.professional-list{border-top:1px solid rgba(255,255,255,.16)}.professional-list article{display:grid;grid-template-columns:50px 1fr;gap:20px;padding:25px 0;border-bottom:1px solid rgba(255,255,255,.16)}.professional-list article>span{color:#87ddd6;font-size:12px;font-weight:800}.professional-list h3{margin:0 0 5px;font-size:20px}.professional-list p{margin:0;color:#a9c0c0;font-size:14px}
.note-list{margin-top:48px;border-top:1px solid var(--line)}.note-list article{display:grid;grid-template-columns:130px 1fr auto;align-items:center;gap:30px;padding:24px 4px;border-bottom:1px solid var(--line)}.note-list span,.note-list time{color:var(--muted);font-size:13px}.note-list h3{margin:0;font-size:19px}.about-section{background:#fff}.about-grid{display:grid;grid-template-columns:.78fr 1.22fr;align-items:center;gap:90px}.about-portrait{height:590px;margin:0;overflow:hidden;border-radius:32px;background:#e7e6df;box-shadow:var(--shadow)}.about-portrait img{object-position:center 20%}.about-grid h2{margin:0;font-size:clamp(34px,4vw,52px);line-height:1.28;letter-spacing:-.04em}.about-copy{padding-top:32px;color:var(--muted);font-size:17px}.about-copy p{margin:0 0 20px}.follow-section{background:#edf0e8}.follow-grid{display:grid;grid-template-columns:.72fr 1.28fr;align-items:center;gap:70px}.follow-copy h2{margin:0;font-size:clamp(34px,4vw,52px);line-height:1.2;letter-spacing:-.035em}.follow-copy>p:not(.eyebrow){max-width:600px;margin:24px 0;color:var(--muted);font-size:17px}.follow-hint{display:inline-flex;padding:8px 13px;border-radius:999px;color:var(--green);background:#dbe6db;font-size:12px;font-weight:750}.social-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:16px}.social-card{padding:22px;border:1px solid rgba(255,255,255,.8);border-radius:25px;background:#fff;box-shadow:var(--shadow)}.social-card-title{display:flex;align-items:center;gap:11px}.social-icon{display:grid;width:44px;height:44px;flex:0 0 44px;place-items:center;border-radius:13px;color:#fff;font-weight:850}.wechat-icon{background:#20aa4a}.xhs-icon{background:#ff2442}.douyin-icon{background:linear-gradient(135deg,#111 45%,#25f4ee 46%,#fe2c55)}.toutiao-icon{background:#f04142}.channels-icon{background:linear-gradient(135deg,#ff9e2c,#efbd36)}.social-card-title small{color:var(--muted);font-size:10px}.social-card-title h3{margin:1px 0 0;font-size:16px}.social-qr,.social-profile-card{width:100%;height:auto;margin:19px 0 11px;border-radius:16px}.social-card>p{margin:0;color:var(--muted);text-align:center;font-size:11px}.contact-section{padding-block:120px;text-align:center}.contact-section>p:not(.eyebrow){max-width:680px;margin:23px auto 38px;color:var(--muted);font-size:17px}.direct-contact{display:flex;justify-content:center;gap:14px;margin:0 auto 24px;flex-wrap:wrap}.direct-contact a{display:flex;min-width:260px;align-items:start;flex-direction:column;padding:14px 18px;border:1px solid var(--line);border-radius:16px;background:#fff;text-align:left;transition:.18s ease}.direct-contact a:hover{transform:translateY(-2px);border-color:#b8c9ba;box-shadow:0 10px 24px rgba(31,46,38,.08)}.direct-contact small{color:var(--muted);font-size:10px}.direct-contact strong{font-size:15px}.contact-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;max-width:880px;margin:0 auto 25px;text-align:left}.contact-card{display:grid;grid-template-columns:190px 1fr;align-items:center;gap:24px;padding:20px;border:1px solid var(--line);border-radius:25px;background:#fff;box-shadow:0 12px 30px rgba(31,46,38,.08)}.contact-card img{width:190px;height:240px;border-radius:16px;background:#fff;object-fit:contain}.contact-card span{color:var(--green);font-size:11px;font-weight:800;letter-spacing:.08em}.contact-card h3{margin:5px 0 8px;font-size:21px}.contact-card p{margin:0;color:var(--muted);font-size:13px}.contact-domain{display:inline-block;padding:10px 16px;color:var(--muted);font-size:14px}.site-footer{display:flex;justify-content:space-between;padding-block:25px 40px;border-top:1px solid var(--line);color:var(--muted);font-size:12px}.reveal{opacity:0;transform:translateY(16px);transition:opacity .6s ease,transform .6s ease}.reveal.visible{opacity:1;transform:none}
@media(max-width:900px){.menu-button{display:inline-flex;padding:8px 13px;border:1px solid var(--line);border-radius:10px;background:#fff;font:inherit;font-size:13px;font-weight:700}.site-nav{position:absolute;top:72px;right:20px;display:none;width:210px;align-items:stretch;flex-direction:column;gap:3px;padding:14px;border:1px solid var(--line);border-radius:16px;background:#fff;box-shadow:var(--shadow)}.site-nav.open{display:flex}.site-nav a{padding:9px 12px}.hero{min-height:auto;grid-template-columns:1fr;gap:55px;padding-block:70px}.hero-gallery{min-height:500px}.work-grid{grid-template-columns:1fr 1fr;grid-template-rows:380px 300px}.work-card-wide{grid-row:auto}.work-card-tall{grid-column:span 2}.world-grid{grid-template-columns:1fr 1fr}.professional-grid,.about-grid{grid-template-columns:1fr;gap:45px}.about-portrait{width:min(100%,560px);height:620px}.follow-grid{grid-template-columns:1fr;gap:45px}.social-list{width:min(100%,620px)}.contact-grid{grid-template-columns:1fr;width:min(100%,620px)}.contact-card{grid-template-columns:190px 1fr}}
@media(max-width:620px){.section-shell{width:min(100% - 28px,1160px)}.site-header{padding-inline:14px}.hero{padding-block:58px 74px}.hero h1{font-size:46px}.hero-intro{font-size:16px}.hero-gallery{min-height:420px}.hero-image-main{right:17%}.hero-image-small{width:45%;height:52%;border-width:5px}.content-section{padding-block:80px}.heading-row{align-items:start;flex-direction:column}.work-grid{display:flex;flex-direction:column}.work-card{height:390px}.work-card-tall{height:330px}.world-grid,.social-list,.contact-grid{grid-template-columns:1fr}.world-card{min-height:270px}.world-card h3{margin-top:42px}.note-list article{grid-template-columns:1fr auto;gap:6px 18px}.note-list h3{grid-column:1/-1;grid-row:2}.about-portrait{height:470px}.social-card{width:min(100%,380px)}.contact-card{grid-template-columns:130px 1fr;padding:14px;gap:16px}.contact-card img{width:130px;height:170px}.site-footer{flex-direction:column;gap:4px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}}