:root{--blue:#237455;--ink:#101a20;--pale:#f5f8f4;--mint:#e3f0e6;--line:#e1e8e2}body{background:#fff;font-family:'Microsoft YaHei','PingFang SC',system-ui,sans-serif}.header{height:76px;padding:0 36px;background:#ffffffed}.header .brand-icon{background:linear-gradient(140deg,#69a9ad,#14633f);transform:none;border-radius:9px}.brand-light{font-weight:700}.header nav{gap:20px}.nav-cta,.button{background:#237455;border-radius:28px;border-color:#237455}.button:hover,.nav-cta:hover{background:#185e43;color:#fff}.button.outline{background:#ffffffa8;border:1px solid #6c766e;color:#17261d}.blue-text,.text-link{color:#236a4e}.eyebrow{color:#2b7758}.bottom-cta{background:#216b50}.footer{padding-top:35px;padding-bottom:20px}.footer-brand{color:#143b2e}.ref-hero{position:relative;min-height:560px;background:#f5eee5 url('/assets/banner-user.png') center 55%/cover no-repeat}.ref-hero:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#fffdf9f5 0%,#fffdf9eb 25%,#fffdf9ad 43%,#fffdf925 61%,transparent 75%)}.ref-hero-inner{position:relative;padding:62px 0 65px;z-index:1}.ref-hero-copy{max-width:650px}.ref-hero h1{font-family:'KaiTi','STKaiti','Kaiti SC','Microsoft YaHei',sans-serif;font-size:clamp(36px,4.2vw,65px);font-weight:900;line-height:1.28;letter-spacing:.02em;color:#101512}.ref-hero h1 em{font-style:normal;color:#1c694e}.ref-hero-copy>p{margin:23px 0 0;color:#18221c;font-size:17px;line-height:1.85}.ref-hero .hero-actions{margin:24px 0 11px;gap:16px}.ref-hero .button{padding:12px 29px}.ref-hero small{font-size:13px;color:#68706b}.ref-crafts{display:flex;gap:35px;margin-top:25px}.ref-crafts a{display:flex;flex-direction:column;align-items:center;font-size:13px;gap:4px}.ref-crafts span{font-size:30px;height:43px}.ref-crafts a:last-child span{background:#ede7dd;border-radius:50%;width:42px;text-align:center;font-size:22px}.ref-image-caption{position:absolute;right:18px;bottom:36px;color:#414b41;background:#ffffffa8;font-size:11px;padding:4px 10px;border-radius:15px}.ref-feature-shell{position:relative;margin-top:-24px;background:white;border-radius:32px 32px 0 0;padding:24px 0 20px}.ref-section-title{text-align:center;position:relative;margin-bottom:20px}.ref-section-title h2{font-size:27px;font-weight:800;letter-spacing:0}.ref-section-title p{font-size:15px;color:#5a625e;margin-top:4px}.ref-section-title>a{position:absolute;right:0;top:20px;color:#38634d;font-size:13px}.ref-feature-grid{display:grid;grid-template-columns:repeat(35,minmax(0,1fr));gap:12px}.ref-tile{grid-column:span 7;min-width:0;display:block;text-align:center;background:#f7f8f6;border:1px solid #f1f2ed;border-radius:12px;padding:19px 9px 15px}.ref-tile:nth-child(n+6){grid-column:span 5}.ref-icon{display:grid;place-items:center;width:48px;height:48px;margin:0 auto 13px;border-radius:14px;background:#d9eed6;color:#4a9347;font-size:30px;font-weight:700}.ref-tile h3{font-size:16px;line-height:1.5;letter-spacing:0;font-weight:700;margin-bottom:7px}.ref-tile p{font-size:13px;line-height:1.6;color:#59615c}.tile-1{background:#fbf9f5}.tile-1 .ref-icon{background:#ffe4c2;color:#f28a15}.tile-2{background:#fcf7f8}.tile-2 .ref-icon{background:#ffdedf;color:#e95263}.tile-3{background:#f8f7fd}.tile-3 .ref-icon{background:#e5ddfb;color:#8d60d3}.tile-4{background:#fffaf4}.tile-4 .ref-icon{background:#ffe6bd;color:#e39822}.tile-5{background:#f3f8f6}.tile-5 .ref-icon{background:#d1e7d0;color:#438b57}.ref-tile:hover{box-shadow:0 8px 24px #2d5f4310;transform:translateY(-2px)}.ref-summaries{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:24px}.ref-summary{position:relative;border-radius:20px;min-height:280px;padding:25px;overflow:hidden}.summary-green{background:linear-gradient(130deg,#edf6ee,#f6fbf5)}.summary-blue{background:linear-gradient(130deg,#e8f6ff,#f4faff)}.summary-peach{background:linear-gradient(130deg,#fff0e5,#fff8f2)}.ref-summary-label{font-size:23px;font-weight:800;color:#24553d}.summary-blue .ref-summary-label{color:#166483}.summary-peach .ref-summary-label{color:#a6531b}.ref-summary h3{font-size:22px;line-height:1.5;letter-spacing:0;margin:8px 0 16px;font-weight:500;position:relative;z-index:1}.ref-summary p{font-size:14px;line-height:1.7;position:relative;z-index:1}.ref-summary>b{font-size:14px;color:#256144;position:absolute;left:25px;bottom:22px;z-index:2}.ref-bars{display:flex;gap:9px;align-items:end;height:120px;position:absolute;right:24px;bottom:36px;opacity:.65}.ref-bars i{width:22px;border-radius:5px 5px 0 0;background:#5bc9c9;height:25px}.ref-bars i:nth-child(2){height:45px;background:#35b7d6}.ref-bars i:nth-child(3){height:65px;background:#ffa254}.ref-bars i:nth-child(4){height:88px;background:#ff903f}.ref-bars i:nth-child(5){height:115px;background:#73b850}.ref-summary img{position:absolute;width:175px;height:108px;object-fit:cover;object-position:100% 70%;right:15px;bottom:15px;border-radius:12px;opacity:.9}.hardware-pills{display:flex;gap:7px;flex-wrap:wrap;margin-top:25px;margin-bottom:30px}.hardware-pills span{padding:8px;background:#fff9f4;border:1px solid #ead7c6;border-radius:9px;font-size:12px;color:#7a593e}.ref-bottom{background:linear-gradient(90deg,#fffaf1ee,#fffdf8e8),url('/assets/craft-experiences.png') center/cover;padding:30px 0;margin:0 0 10px}.ref-bottom-inner{display:grid;grid-template-columns:1fr 1.4fr;gap:36px;align-items:center}.ref-bottom-copy>span{color:#956342;font-family:KaiTi,serif;font-size:20px}.ref-bottom h2{font-size:25px;margin:10px 0 16px;line-height:1.4}.ref-bottom-copy>p{font-size:12px;margin-top:12px}.ref-destinations{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.ref-destinations>a{padding:24px 17px;background:#ffffffec;border-radius:16px}.ref-destinations span{color:#187b9e;font-size:27px}.ref-destinations small{font-size:12px;color:#255160}.ref-destinations a:nth-child(2) span{color:#df7d1b}.ref-destinations a:nth-child(3) span{color:#bc6fa4}.ref-destinations h3{font-size:19px;font-weight:500;line-height:1.5;margin:10px 0 16px;letter-spacing:0}.ref-destinations p{font-size:12px;color:#3f6958}.ref-details{padding:45px 0 60px}.ref-details h2{font-size:25px;margin-bottom:20px}.ref-details>div{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.ref-details details{border:1px solid #e5eae5;border-radius:10px;padding:17px;background:#f9fbf8;align-self:start}.ref-details summary{cursor:pointer;font-weight:600}.ref-details details p,.ref-details li{font-size:15px;margin-top:12px}.ref-details details>a{color:#246a4f}.editorial-hero:after{color:#cfe2d3}.hero:before,.page-hero:before{background:radial-gradient(ellipse at 85% 25%,#e4f0e7 0,transparent 50%),radial-gradient(ellipse at 15% 70%,#fff0d5 0,transparent 55%)}.story-card,.gallery-grid figure,.business-grid article{border-color:#e6e9e1}.hub-filters button.active,.tour-tabs button.active,.business-filters button.active{background:#237455;border-color:#237455}.business-bottom b,.business-bottom a{color:#237455}.demo-stage{background:#e8f0ea}.site-art-banner{background:#f1f6ed}.footer-bottom{border-top-color:#e5e9e3}
@media(min-width:1600px){.ref-hero-inner{padding-top:80px;padding-bottom:85px}.ref-hero{min-height:610px}}
@media(max-width:1250px){.header nav{top:76px}.ref-section-title>a{position:static;display:block;margin-top:7px}.ref-hero-copy{max-width:600px}.ref-summary{padding:20px}.ref-summary h3{font-size:20px}.ref-bottom-inner{grid-template-columns:1fr 1.5fr;gap:20px}.ref-tile h3{font-size:14px}.ref-tile p{font-size:12px}.ref-crafts{gap:28px}}
@media(max-width:900px){.ref-hero h1{font-size:44px}.ref-hero{background-position:65% center}.ref-feature-grid{grid-template-columns:repeat(4,1fr)}.ref-tile,.ref-tile:nth-child(n+6){grid-column:span 1}.ref-summaries{grid-template-columns:1fr}.ref-summary{min-height:230px}.ref-bottom-inner{grid-template-columns:1fr}.ref-summary img{width:230px;height:155px}.ref-hero:before{background:linear-gradient(90deg,#fffdf9f7,#fffdf9db 45%,#fffdf960)}.ref-details>div{grid-template-columns:1fr}}
@media(max-width:560px){.header{padding:0 18px}.ref-hero{min-height:680px;background-size:auto 430px;background-position:72% 100%;background-repeat:no-repeat;background-color:#faf6ef}.ref-hero:before{background:linear-gradient(180deg,#faf6ef 0%,#faf6eff5 42%,#faf6ef45 65%,transparent)}.ref-hero-inner{padding:32px 0 235px}.ref-hero h1{font-size:34px;letter-spacing:0}.ref-hero-copy>p{font-size:14px;line-height:1.8;margin-top:17px}.desktop-break{display:none}.ref-hero .hero-actions{gap:9px;margin-top:19px}.ref-hero .button{padding:10px 18px;font-size:14px}.ref-hero small{font-size:11px}.ref-crafts{gap:22px;margin-top:17px}.ref-crafts a{font-size:11px}.ref-crafts span{font-size:24px;height:32px}.ref-crafts a:last-child span{width:32px;font-size:18px}.ref-image-caption{bottom:27px;font-size:10px}.ref-feature-shell{border-radius:24px 24px 0 0}.ref-feature-grid{grid-template-columns:repeat(2,1fr);gap:9px}.ref-tile{padding:16px 8px}.ref-section-title h2{font-size:24px}.ref-section-title p{font-size:13px}.ref-tile h3{font-size:14px}.ref-summaries{gap:12px}.ref-summary h3{font-size:21px}.ref-summary p{font-size:13px;max-width:70%}.ref-summary img{width:140px;height:100px}.ref-bars{opacity:.45}.ref-destinations{gap:8px}.ref-destinations>a{padding:16px 10px}.ref-destinations h3{font-size:15px}.ref-destinations small{font-size:10px}.ref-destinations p{font-size:11px}.ref-bottom h2{font-size:24px}}

.store-brand-mark{flex-shrink:0}.brand{font-size:1.06rem;gap:10px}.brand-light{margin-left:0}.brand small{font-size:11px;letter-spacing:.02em}.header .nav-cta{color:white}@media(max-width:560px){.brand{font-size:14px}.store-brand-mark{width:34px;height:34px}.brand small{font-size:10px}}