/* 禾贝 · 风物有层次，内容留呼吸。 */
.hx{min-width:0;max-width:100%;overflow-wrap:anywhere}
.hx *, .hx *:before,.hx *:after{box-sizing:border-box}
.hx [hidden]{display:none!important}.hx img{max-width:100%}.hx button,.hx a{touch-action:manipulation}
.hx-ambient-controls{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:18px 6px 0;color:#8c825e;font-size:11px;letter-spacing:.09em}
.hx-ambient-controls button{border:1px solid #d7ddc7;border-radius:25px;background:#fffdf1ba;padding:8px 12px;color:#6b7c58;font-size:11px;cursor:pointer;min-height:36px}
.hx-hero{isolation:isolate}.hx-hero:before,.hx-hero:after{content:'';position:absolute;pointer-events:none;z-index:-1;inset:2% -4%;border-radius:50%;background:radial-gradient(ellipse at 18% 22%,#ecdfb987,transparent 45%),radial-gradient(ellipse at 84% 52%,#dce8c985,transparent 48%);filter:blur(18px);animation:hx-light-drift 24s ease-in-out infinite alternate}
.hx-hero:after{inset:15% 3% 2%;background:radial-gradient(ellipse at 85% 25%,#f1d1b75c,transparent 42%);animation-delay:-12s;animation-duration:32s}
.hx-result-section{background:linear-gradient(145deg,#f5f7e9,#fff9ec);padding:38px;border:1px solid #dfe5cd;border-radius:25px}
.hx-portfolio{padding-block:55px;border-bottom:1px solid #d9dfc9}
.hx-gallery-filters{display:flex;flex-wrap:wrap;gap:9px;align-items:center;margin-bottom:25px}
.hx-gallery-filters button{min-height:42px;padding:9px 16px;border:1px solid #d6dec5;border-radius:24px;background:#fffdf1;color:#617450;font-size:12px;cursor:pointer}
.hx-gallery-filters [aria-pressed=true]{background:#436344;border-color:#436344;color:#fffdf1}
.hx-gallery-filters>span{margin-left:auto;color:#8b906e;font-size:11px}
.hx-portfolio-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.hx-portfolio-grid>article{min-width:0;border:1px solid #e2ddca;border-radius:17px;background:#fffdf4;overflow:hidden;box-shadow:0 9px 32px #7b75470b}
.hx-portfolio-grid>article:nth-child(3n+2){background:#f0f4e8}.hx-portfolio-grid>article:nth-child(3n){background:#fbf0e5}
.hx-portfolio-picture{display:block;position:relative;width:100%;padding:14px 14px 0;border:0;background:transparent;cursor:zoom-in}
.hx-portfolio-picture img{display:block;width:100%;height:350px;object-fit:contain;border-radius:7px;background:#eae8db;transition:transform .5s ease}
.hx-portfolio-picture:hover img{transform:translateY(-3px)}.hx-portfolio-picture>span{position:absolute;bottom:11px;right:24px;border:1px solid #dedfca;background:#fffdf0ee;color:#5b7047;border-radius:20px;padding:5px 10px;font-size:10px}
.hx-portfolio-grid article>div{padding:20px 24px 25px}.hx-portfolio-grid small{font-size:10px;color:#968159;letter-spacing:.04em}.hx-portfolio-grid h3{font:500 21px/1.5 'Songti SC','SimSun',serif;margin:7px 0 10px;color:#3a573d}.hx-portfolio-grid p{font-size:12px;line-height:1.85;color:#788065;margin:0 0 14px}.hx-portfolio-grid a{font-size:11px;color:#6c7f50;text-decoration:underline;text-underline-offset:4px;display:inline-flex;min-height:32px;align-items:center}
.hx-watch{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:38px;align-items:center;padding:37px;background:linear-gradient(120deg,#edf1dd,#f9efd9);border-radius:25px;border:1px solid #daddc4;isolation:isolate;position:relative;overflow:hidden}
.hx-watch:before{content:'';position:absolute;inset:0;pointer-events:none;z-index:-1;background:radial-gradient(ellipse at 75% 80%,#dce8c4,transparent 50%);animation:hx-light-drift 28s ease-in-out infinite alternate}
.hx-watch h2{margin-bottom:20px}.hx-watch p{font-size:14px;color:#768161;line-height:1.85}.hx-watch small{display:block;font-size:10px;line-height:1.9;color:#8a8b70;margin-top:17px}.hx-watch .hx-actions{gap:10px}.hx-watch .hx-button{font-size:12px;padding:11px 15px}
.hx-video-cover{position:relative;padding:0;border:1px solid #d8dec5;background:#faf5e8;border-radius:16px;overflow:hidden;cursor:pointer;box-shadow:0 13px 40px #57654218;aspect-ratio:16/9}
.hx-video-cover img{display:block;width:100%;height:100%;object-fit:contain}.hx-video-cover>span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:60px;height:60px;display:grid;place-items:center;background:#fffdf1ed;border:1px solid #c9d1b8;border-radius:50%;color:#486243;font-size:23px;padding-left:4px;box-shadow:0 5px 24px #43583725}
.hx-photo-chapter{padding:35px 0 45px}.hx-photo-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.hx-photo-grid figure{margin:0;background:#fffdf3;border:1px solid #e0e3cf;border-radius:150px 150px 14px 14px;overflow:hidden}.hx-photo-grid figure:nth-child(even){margin-top:30px;border-radius:14px 14px 150px 150px}.hx-photo-grid button{display:block;width:100%;padding:0;border:0;background:transparent;cursor:zoom-in;overflow:hidden}.hx-photo-grid img{display:block;width:100%;height:270px;object-fit:cover;transition:transform 1s}.hx-photo-grid button:hover img{transform:scale(1.04)}.hx-photo-grid figcaption{padding:20px 16px 30px;text-align:center;line-height:1.7}.hx-photo-grid figcaption b{display:block;font:20px 'Songti SC','SimSun',serif;color:#486042;margin-bottom:9px}.hx-photo-grid figcaption span{font-size:10px;color:#879073}.hx-photo-chapter>.hx-source-details{margin-top:22px}
.hx-video-dialog{width:min(1050px,calc(100vw - 28px));padding:28px}.hx-video-dialog header{padding-right:30px;margin-bottom:18px}.hx-video-dialog h2{font-size:29px;margin:6px 0}.hx-video-dialog header p{font-size:12px;color:#7f866d}.hx-video-dialog video{display:block;width:100%;height:auto;max-height:66svh;aspect-ratio:16/9;object-fit:contain;border-radius:12px;background:#f4efdf;outline-offset:4px}.hx-video-status{font-size:12px;line-height:1.8;margin:14px 0;color:#738060;min-height:22px}.hx-video-dialog footer{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.hx-video-dialog footer a,.hx-video-dialog footer button{display:inline-flex;align-items:center;min-height:42px;padding:9px 13px;border:1px solid #cfd9bd;border-radius:10px;font-size:12px;color:#587249;background:#fafcf2;cursor:pointer}
.hx-dialog-close{min-width:44px;min-height:44px;z-index:4}.hx-dialog::backdrop{background:#35452d88}
.hx-zoom-dialog{width:min(1250px,calc(100vw - 24px));padding:20px}.hx-zoom-tools{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding-right:42px;margin-bottom:15px}.hx-zoom-tools button,.hx-zoom-tools a{min-height:40px;border:1px solid #cdd7bc;border-radius:9px;padding:8px 12px;background:#fffef3;color:#5b7448;font-size:12px;cursor:pointer}
.hx-zoom-viewport{max-height:72svh;overflow:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;border-radius:9px;background:#eeeadb}.hx-zoom-dialog .hx-zoom-viewport img{display:block;width:auto;max-width:100%;height:auto;max-height:72svh;object-fit:contain;margin:auto}.hx-zoom-expanded .hx-zoom-viewport img{width:max(100%,1200px);max-width:none;max-height:none;margin:0}.hx-zoom-dialog>p{font-size:12px;line-height:1.8;margin:12px 0 0}
@keyframes hx-light-drift{from{transform:translate3d(-1%,0,0) scale(1)}to{transform:translate3d(1%,1%,0) scale(1.04)}}
html[data-hx-ambient=off] .hx-hero:before,html[data-hx-ambient=off] .hx-hero:after,html[data-hx-ambient=off] .hx-watch:before,html[data-hx-ambient=off] .hx-hero-ip{animation-play-state:paused!important}
@media(max-width:1050px){.hx-portfolio-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hx-watch{grid-template-columns:minmax(0,1fr);gap:25px}.hx-photo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hx-photo-grid img{height:290px}.hx-photo-grid figure:nth-child(even){margin-top:0}.hx-portfolio-picture img{height:390px}}
@media(max-width:750px){
 .site-header .shell{width:calc(100% - 28px)}.site-header .header-inner{padding-block:14px;gap:13px}.site-header .brand{gap:9px;min-width:0}.site-header .brand strong{font-size:18px;letter-spacing:0}.site-header .brand span{font-size:9px;letter-spacing:.03em}.site-header .brand img{width:37px;height:37px}.site-header .header-inner>.button{min-height:42px;padding:8px 12px;font-size:11px}.site-header .nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px 12px;padding-top:10px;font-size:12px;text-align:center}.site-header .nav a{min-height:35px;display:flex;align-items:center;justify-content:center}
 main>.shell{width:calc(100% - 28px)}.footer .shell{width:calc(100% - 28px);gap:9px;line-height:1.8}
 .hx{font-size:14px}.hx-section{margin-top:37px;margin-bottom:37px}.hx-section-top{gap:17px;display:block}.hx-section-top>p{max-width:none;margin-top:15px}.hx h2{font-size:29px;line-height:1.45}.hx p{overflow-wrap:anywhere}
 .hx-hero{grid-template-columns:minmax(0,1fr);gap:23px;min-height:0;padding:27px 0 32px}.hx-hero h1,.hx-hero h2{font-size:clamp(30px,8.4vw,42px);line-height:1.4}.hx-lead{font-size:15px;line-height:1.9}.hx-hero-note{font-size:12px}.hx-actions{flex-wrap:wrap}.hx-actions .hx-button{min-height:46px;padding:11px 16px;font-size:12px;white-space:normal}.hx-proofline{display:flex;flex-wrap:wrap;gap:5px 9px;font-size:10px}.hx-ambient-controls{padding-top:12px;font-size:10px}
 .hx-hero-art{position:relative;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-areas:'board board' 'mark ip' 'note note';gap:12px;width:100%;max-width:460px;min-height:0!important;height:auto;margin:0 auto;padding:0}
 .hx-hero-board,.hx-hero-mark,.hx-hero-ip{position:relative!important;inset:auto!important;transform:none!important;width:100%!important;margin:0;animation:none!important;border-width:5px;min-width:0}
 .hx-hero-board{grid-area:board;padding:7px;background:#fffdf3}.hx-hero-board>img{width:100%;height:auto!important;max-height:510px;object-fit:contain}.hx-hero-board figcaption{font-size:10px;position:static}
 .hx-hero-mark{grid-area:mark}.hx-hero-ip{grid-area:ip}.hx-hero-mark>img,.hx-hero-ip>img{display:block;width:100%;height:auto;max-height:190px;object-fit:contain}.hx-hero-mark figcaption,.hx-hero-ip figcaption{font-size:9px;padding:5px;position:static;background:#fffdf3}.hx-art-seal,.hx-art-grid{display:none}.hx-asset-note{grid-area:note;position:static;font-size:10px;text-align:right}
 .hx-positioning{display:block;padding:22px}.hx-positioning>span{display:block;margin-bottom:10px}.hx-positioning p{font-size:15px}.hx-task-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hx-task{min-width:0;padding:19px 16px}.hx-task h3{font-size:15px}.hx-task p{font-size:12px}.hx-task-num{margin-bottom:15px}
 .hx-rice-heading{display:block}.hx-rice-heading h2{font-size:31px}.hx-rice-heading>p{margin-top:16px}.hx-rice-layout{grid-template-columns:minmax(0,1fr)}.hx-price-story{min-width:0;padding:25px 20px}.hx-price-pair{grid-template-columns:minmax(0,1fr) 18px minmax(0,1fr);gap:7px}.hx-price-pair b{font-size:35px;line-height:1.5;white-space:nowrap}.hx-price-pair b small{display:block;font-size:11px}.hx-price-pair p{font-size:10px}.hx-tenfold{gap:18px}.hx-tenfold strong{font-size:68px}.hx-tenfold b{font-size:15px}.hx-quality-record{grid-template-columns:minmax(0,1fr)}.hx-quality-record figure{max-width:100%}.hx-quality-record>div{padding:22px}.hx-pain-to-action{grid-template-columns:minmax(0,1fr);padding:24px 20px;gap:20px}.hx-pain-to-action ol{min-width:0}
 .hx-result-section{padding:23px 17px;border-radius:19px}.hx-results{grid-template-columns:minmax(0,1fr)}.hx-result-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));min-width:0}.hx-result-tabs>button{font-size:12px;padding:12px 10px;min-width:0;white-space:normal;min-height:54px}.hx-result-tabs>button small{font-size:10px}.hx-result-panels article{grid-template-columns:minmax(0,1fr)}.hx-result-image{width:100%;min-width:0;padding:12px}.hx-result-image>img{width:100%;height:auto!important;max-height:560px;object-fit:contain}.hx-result-copy{padding:22px 9px;min-width:0}.hx-result-copy h3{font-size:25px}.hx-result-copy p{font-size:13px}
 .hx-portfolio{padding-block:8px 30px}.hx-gallery-filters{gap:7px}.hx-gallery-filters button{font-size:11px;padding:9px 12px}.hx-gallery-filters>span{width:100%;margin-left:0}.hx-portfolio-grid{gap:15px}.hx-portfolio-picture img{height:330px}.hx-portfolio-grid article>div{padding:17px}.hx-portfolio-grid h3{font-size:21px}
 .hx-watch{padding:25px 20px;border-radius:19px}.hx-watch h2{font-size:29px}.hx-watch .hx-button{min-height:44px}.hx-video-cover>span{width:50px;height:50px;font-size:20px}.hx-photo-chapter{padding-block:12px 20px}.hx-photo-grid{gap:12px}.hx-photo-grid img{height:220px}.hx-photo-grid figcaption{padding:18px 10px 25px}.hx-photo-grid figcaption b{font-size:18px}.hx-photo-grid figcaption span{font-size:9px}
 .hx-process{padding:25px 19px!important}.hx-field-ribbon{min-width:0}.hx-field-ribbon span{font-size:21px}.hx-field-ribbon small{font-size:9px}.hx-process-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:23px 14px}.hx-process-list h3{font-size:18px}.hx-process-list p{font-size:12px}.hx-process-list button{white-space:normal;min-height:40px}.hx-process-foot{flex-wrap:wrap;gap:6px 10px}
 .hx-depth,.hx-meaning,.hx-faq,.hx-two-grid{grid-template-columns:minmax(0,1fr)}.hx-depth-art>img{width:100%;height:auto;max-height:430px;object-fit:contain}.hx-two-grid>article{padding:25px 20px}.hx-link-center{gap:21px}.hx-two-grid h3{font-size:23px}.hx-final{padding:30px 6px}.hx-final .hx-actions{justify-content:center}
 .hx-dialog[open]{max-width:calc(100vw - 16px);max-height:calc(100dvh - 16px);padding:20px 15px}.hx-video-dialog header{padding-right:35px}.hx-video-dialog h2{font-size:24px}.hx-video-dialog video{max-height:60svh;border-radius:8px}.hx-video-dialog footer{gap:7px}.hx-video-dialog footer>*{flex:1 1 110px;justify-content:center;font-size:11px}.hx-dialog-close{top:5px;right:5px}.hx-zoom-viewport{max-height:68svh}.hx-zoom-dialog .hx-zoom-viewport img{max-height:68svh}.hx-zoom-expanded .hx-zoom-viewport img{max-height:none}.hx-zoom-tools{gap:7px;padding-right:32px}.hx-zoom-tools>*{font-size:10px!important;padding:8px!important}.hx-story-dialog{width:calc(100vw - 16px)}.hx-story-stage>section{grid-template-columns:minmax(0,1fr)}.hx-story-stage img{height:auto;max-height:38svh;object-fit:contain}.hx-story-stage h2{font-size:24px}.hx-story-controls{flex-wrap:wrap;gap:8px}.hx-story-controls .hx-button{flex:1 1 auto;min-height:44px}.hx-story-controls [data-hx-story-count]{width:100%;order:-1}
 .hx-tutorial-hero h1{font-size:31px}.hx-tutorial-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.hx-tutorial-nav a{min-height:44px}.hx-tutorial-steps{grid-template-columns:minmax(0,1fr)}.hx-tutorial-steps article{padding:23px 19px}.hx-tutorial-steps dl>div{grid-template-columns:minmax(0,1fr);gap:5px}.hx-tutorial-steps dd{margin:0}.hx-tutorial-bottom{padding:22px 18px}
}
@media(max-width:480px){.hx-portfolio-grid{grid-template-columns:minmax(0,1fr)}.hx-portfolio-picture img{height:auto;max-height:570px;object-fit:contain}.hx-task-grid{grid-template-columns:minmax(0,1fr)}.hx-task{display:grid;grid-template-columns:34px minmax(0,1fr);gap:5px 14px;min-height:0}.hx-task-num{grid-row:1/4;margin:0;font-size:25px}.hx-task h3,.hx-task p,.hx-task>b{margin:0;grid-column:2}.hx-task h3{font-size:16px}.hx-task p{font-size:12px}.hx-task>b{margin-top:7px}.hx-photo-grid img{height:190px}.hx-photo-grid figcaption b{font-size:16px}.hx-rice-photo figcaption{padding:19px}.hx-rice-photo figcaption b{font-size:24px}.hx-proofline{line-height:1.8}.hx-price-story{padding:23px 16px}.hx-tenfold strong{font-size:57px}.hx-tenfold{gap:12px}.hx-ambient-controls{letter-spacing:0}.hx-ambient-controls button{padding:7px 10px;font-size:10px}}
@media(prefers-reduced-motion:reduce){.hx-hero:before,.hx-hero:after,.hx-watch:before{animation:none!important}.hx-portfolio-picture img,.hx-photo-grid img{transition:none!important}}