:root{--bg:#fff;--paper:#f5f4ef;--paper-2:#ece9e2;--ink:#23231f;--muted:#6c675f;--green:#8fca7d;--green-deep:#4f7d43;--green-ink:#1f3a19;--green-soft:#eef7e8;--warm:#f1c9c1;--warm-ink:#5a2f35;--line:rgba(35,35,31,.12);--serif:'Noto Serif SC','Songti SC','STSong','SimSun',serif;--sans:'Noto Sans SC','PingFang SC','Microsoft YaHei',sans-serif;--mono:'Cascadia Code',Consolas,monospace;--max:1180px;--ease:cubic-bezier(.22,.61,.36,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:82px}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.7 var(--sans);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}img{display:block;max-width:100%}a{color:inherit;text-decoration:none}button,input,select{font:inherit;color:inherit}button{cursor:pointer;border:0;background:none}.container,.wrap,.topbar-inner{width:min(var(--max),calc(100% - 48px));margin-inline:auto}
.topbar{height:72px;position:sticky;top:0;z-index:50;background:#ffffffed;backdrop-filter:blur(14px);border-bottom:1px solid #23231f12}.topbar-inner{height:100%;display:flex;align-items:center}.brand{display:flex;align-items:center;gap:10px}.main-nav{display:flex;align-items:center;gap:30px;margin-left:64px;height:100%}.main-nav a{position:relative;display:flex;align-items:center;height:100%;color:#5f5d55;font-size:14px}.main-nav a:hover,.main-nav .nav-active{color:var(--green-deep)}.main-nav a:after{content:'';position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--green-deep);transform:scaleX(0);transform-origin:left;transition:transform .18s ease}.main-nav a:hover:after,.main-nav .nav-active:after{transform:scaleX(1)}.nav-contact{margin-left:auto;padding:9px 17px;border:1px solid #ccd9c6;border-radius:999px;background:var(--green-soft);color:var(--green-ink);font-size:13px}.nav-contact span{padding-left:12px;color:var(--green-deep)}
.listing-hero{padding:34px 0 40px;background:var(--paper);overflow:hidden}.hero__in{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(350px,.95fr);align-items:center;gap:0}.hero__tag{position:relative;z-index:2;margin-right:-66px;padding:42px 46px 34px;border:1px solid #dfd9ce;border-radius:20px;background:#fff;box-shadow:0 22px 56px rgba(35,35,31,.11)}.hero__eyebrow{display:inline-block;margin-bottom:13px;color:var(--green-deep);font-size:13px;letter-spacing:.04em}.hero__tag h1{margin:0;font:600 clamp(39px,4.6vw,62px)/1.28 var(--serif);letter-spacing:-.04em}.hero__lede{max-width:530px;margin:15px 0 22px;color:#625f57;font-size:16px;line-height:1.9}.hero__actions{display:flex;gap:12px;flex-wrap:wrap}.hero-btn{min-height:48px;padding:0 22px;border-radius:999px;background:var(--green);color:var(--green-ink);display:inline-flex;align-items:center;justify-content:center;gap:20px;font-size:14px;transition:background .16s,transform .16s}.hero-btn:hover{background:#a3d48f;transform:translateY(-1px)}.hero-btn span{color:#426739}.hero-btn--ghost{background:#eef7e8;border:1px solid #c9d7c0;color:#3f6b32}.hero-btn--ghost:hover{background:#f8f5ed}.hero__meta{display:grid;gap:9px;margin:23px 0 0}.hero__meta div{display:grid;grid-template-columns:88px 1fr;gap:10px;font-size:13px}.hero__meta dt{color:#8b897f}.hero__meta dd{margin:0;color:#3d433a}.hero__shot{position:relative;aspect-ratio:4/5;max-height:590px;margin:0;border-radius:20px;overflow:hidden;background:var(--paper-2)}.hero__shot img{width:100%;height:100%;object-fit:cover;object-position:center 18%}.hero__shot figcaption{position:absolute;left:13px;right:13px;bottom:13px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 12px;border-radius:6px;background:#f5f4efed;color:#4f5948;font-size:12px}.hero__shot figcaption span{color:#87867d;font-size:11px}.hero__shot figcaption a{font-weight:600}.hero__shot figcaption b{padding-left:8px;color:var(--green-deep)}
.directory{padding-top:32px;padding-bottom:62px}.search-panel{display:grid;grid-template-columns:190px minmax(220px,1fr) 326px;align-items:center;gap:18px;padding:16px 18px;border:1px solid #e5e2d9;border-radius:12px;background:#fff;box-shadow:0 8px 22px #23231f08}.search-title span,.search-title small{display:block}.search-title span{font:600 19px var(--serif)}.search-title small{margin-top:4px;color:#8a887f;font-size:12px}.search-form{height:48px;display:flex;align-items:center;gap:9px;padding:0 5px 0 13px;border:1px solid #dedbd2;border-radius:8px;background:#fbfaf7}.search-symbol{color:#78846f;font-size:21px}.search-form input{flex:1;min-width:0;border:0;outline:0;background:transparent;font-size:14px}.search-form input::placeholder{color:#97958d}.search-form button{height:36px;padding:0 15px;border-radius:999px;background:var(--green);color:var(--green-ink);font-size:13px}.search-form button b{padding-left:8px}.shortcut-links{display:flex;justify-content:flex-end;gap:7px}.shortcut-links a{padding:9px 11px;border:1px solid #e7e4dc;border-radius:999px;background:#fff;color:#5d6258;font-size:12px;white-space:nowrap}.shortcut-links a:hover{background:var(--green-soft);border-color:#cddbc7}.shortcut-links a:last-child{background:#f8ece8;border-color:#f0d7ce;color:#74463f}.notice-strip{min-height:48px;display:flex;align-items:center;gap:12px;margin-top:12px;padding:9px 14px;border:1px solid #eee0d9;border-radius:8px;background:#fbf3ee}.notice-pin{color:#8a6158;font-size:12px}.notice-strip p{flex:1;margin:0;color:#69685f;font-size:13px}.notice-strip>a{color:#5e6e56;font-size:12px;white-space:nowrap}.notice-strip>a b{padding-left:7px;color:#b76d62}.directory-layout{display:block;margin-top:20px}.category-pills{display:flex;align-items:center;gap:8px;margin-bottom:18px;padding:12px;border:1px solid #e5e2d9;border-radius:12px;background:#fff}.category-pills .category{width:auto;display:flex;align-items:center;gap:7px;padding:8px 14px;border:1px solid #e5e2d9;border-radius:999px;background:#fff;color:#575e53;font-size:13px;white-space:nowrap}.category-pills .category b{font:12px var(--mono);color:#898d82}.category-pills .category:hover{border-color:#bed1b5;background:#f7faf4}.category-pills .category.active{border-color:#8fca7d;background:#e6f2df;color:#345c2a}.category-pills .category.active b{color:#4f7d43}.catalog-main{min-width:0}.catalog-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:16px}.catalog-heading h2, .services-head h2, .demo-heading h2{margin:5px 0 0;font:600 30px/1.3 var(--serif);letter-spacing:-.02em}.section-index{font-size:13px;color:#7b8074}.catalog-controls{display:flex;align-items:center;gap:16px;color:#85877e;font-size:13px}.catalog-controls label{display:flex;align-items:center;gap:7px}.catalog-controls select{padding:8px 24px 8px 10px;border:1px solid #dedbd2;border-radius:8px;background:#fff;color:#5e6259;font-size:12px;outline:0}.featured-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.work-card{min-width:0;overflow:hidden;padding:9px 9px 14px;border:1px solid transparent;border-radius:14px;background:var(--paper);transition:transform .22s var(--ease),box-shadow .22s var(--ease)}.work-card:hover{transform:translateY(-3px);box-shadow:0 14px 30px rgba(35,31,28,.09)}.work-card[hidden],.catalog-heading[hidden]{display:none}.work-image{position:relative;display:block;aspect-ratio:4/3;overflow:hidden;border-radius:9px;background:var(--paper-2)}.work-image img{width:100%;height:100%;display:block;object-fit:cover;object-position:top;transition:transform .55s var(--ease)}.work-card:hover .work-image img{transform:scale(1.035)}.work-label{position:absolute;top:10px;left:10px;padding:5px 10px;border-radius:999px;background:#fffdf4ed;color:#4f5948;font-size:11px}.work-open{position:absolute;right:10px;bottom:10px;width:30px;height:30px;display:grid;place-items:center;border-radius:50%;background:#fffefa;color:#45653e;font-size:14px}.work-content{padding:11px 4px 0}.work-title{display:flex;justify-content:space-between;align-items:start;gap:8px}.work-category{color:#7a8075;font-size:11px}.work-title h3{margin:4px 0 0;font:600 17px/1.45 var(--serif)}.work-title h3 a:hover{color:var(--green-deep)}.work-price{color:#3f6736;white-space:nowrap;font:600 16px var(--serif)}.work-price small,.row-price small{color:#85877e;font:11px var(--sans)}.work-content>p{min-height:48px;margin:8px 0 9px;color:#68675f;font-size:13px;line-height:1.75}.work-bottom{display:flex;align-items:center;justify-content:space-between;gap:8px;padding-top:9px;border-top:1px solid #deddd4}.stack-tags{display:flex;flex-wrap:wrap;gap:5px}.stack-tags span,.detail-tags span{padding:4px 8px;border:1px solid #e0ded5;border-radius:999px;background:#fffefa;color:#62685d;font-size:10px;line-height:1.4}.work-bottom>a{color:#4f7546;font-size:12px;white-space:nowrap}.work-bottom>a b{padding-left:5px;color:#bb7568}.empty-state{padding:36px;border:1px dashed #d6d6cc;border-radius:10px;background:#fff;color:#7c8075;text-align:center;font-size:14px}.empty-state[hidden]{display:none}
.assurance-section{padding-top:30px;padding-bottom:62px}.assurance-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:18px}.assurance-heading h2{margin:5px 0 0;font:600 30px/1.35 var(--serif)}.assurance-heading>p{max-width:500px;margin:0;color:#68685f;font-size:15px}.assurance-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid #e7e4dc;border-left:1px solid #e7e4dc;border-radius:12px;overflow:hidden;background:#fff}.assurance-grid article{min-height:127px;display:grid;grid-template-columns:27px 1fr;gap:10px;padding:18px 16px;border-right:1px solid #e7e4dc;border-bottom:1px solid #e7e4dc;background:#fff}.assurance-grid article>span{color:#8d9487;font:12px var(--mono);padding-top:2px}.assurance-grid h3{margin:0 0 6px;font:600 16px/1.5 var(--serif)}.assurance-grid p{margin:0;color:#6c6b62;font-size:13px;line-height:1.75}
.services-section{padding:64px 0;background:var(--paper)}.services-head{display:flex;align-items:end;justify-content:space-between;gap:28px;margin-bottom:22px}.services-head h2{font-size:30px}.services-head>p{max-width:430px;margin:0;color:#6c6a62;font-size:14px}.service-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.service-cards article{min-height:235px;padding:19px 20px;border:1px solid #e2dfd6;border-radius:12px;background:#fff;display:flex;flex-direction:column}.service-cards article.service-featured{border-color:#c3d9b9;background:#f4f8ef}.service-top{display:flex;align-items:center;justify-content:space-between;color:#788771;font:13px var(--mono)}.service-top i{font-size:17px;font-style:normal;color:#bb7568}.service-cards h3{margin:14px 0 6px;font:600 19px var(--serif)}.service-cards article>p{margin:0;color:#6d6c63;font-size:14px;line-height:1.8}.service-price{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin-top:auto;padding:13px 0 9px;border-bottom:1px solid #e5e3da}.service-price>b{color:#456b3d;font:600 18px var(--serif)}.service-price>b small{font:12px var(--sans)}.service-price>span{color:#87887e;font-size:11px}.service-cards article>a{padding-top:9px;color:#4d7445;font-size:13px}.service-cards article>a b{padding-left:7px;color:#b86f62}
.contact-section{padding:43px 0 17px;background:var(--paper-2);color:var(--ink)}.contact-wrap{display:grid;grid-template-columns:1fr .78fr;gap:24px 60px}.contact-copy .section-index{color:#76776d}.contact-copy h2{margin:13px 0 10px;font:600 clamp(34px,4vw,48px)/1.35 var(--serif)}.contact-copy h2 em{color:var(--green-deep);font-style:normal}.contact-copy p{max-width:500px;margin:0;color:#68675e;font-size:14px;line-height:1.9}.contact-actions{display:flex;flex-direction:column;gap:8px;align-self:center}.contact-line{width:100%;min-height:58px;display:flex;align-items:center;gap:11px;padding:9px 11px;border:1px solid #e0ddd4;border-radius:10px;background:#fff;text-align:left;transition:background .15s,transform .15s}.contact-line:hover{background:#fbfdf8;transform:translateY(-1px)}.contact-symbol{width:31px;height:31px;flex:0 0 auto;display:grid;place-items:center;border-radius:50%;background:var(--green);color:var(--green-ink);font:12px var(--mono)}.contact-symbol.bili{background:#f1c9c1;color:#5a2f35}.contact-line small,.contact-line b{display:block}.contact-line small{color:#7c7b71;font-size:11px}.contact-line b{margin-top:2px;font-size:14px}.contact-line>i{margin-left:auto;color:#6c8c5f;font-style:normal}.contact-bottom{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;margin-top:6px;padding-top:12px;border-top:1px solid #d9d6ce;color:#706f66;font-size:11px}
.toast{position:fixed;z-index:80;left:50%;bottom:22px;transform:translate(-50%,12px);padding:10px 17px;border-radius:999px;background:var(--ink);color:#fff;font-size:13px;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;box-shadow:0 8px 22px #0002}.toast.show{transform:translate(-50%,0);opacity:1}
@media(max-width:1050px){.search-panel{grid-template-columns:150px minmax(200px,1fr)}.shortcut-links{grid-column:2;justify-content:flex-start}.featured-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.assurance-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.work-image{aspect-ratio:4/3}.directory-layout{margin-top:18px}}
@media(max-width:650px){html{scroll-padding-top:66px}.container,.wrap,.topbar-inner{width:calc(100% - 30px)}.topbar{height:64px}.brand{gap:7px}.main-nav{margin-left:auto;gap:13px}.main-nav a{font-size:11px}.main-nav a:nth-child(2){display:none}.nav-contact{margin-left:10px;padding:7px 10px;font-size:11px}.nav-contact span{padding-left:6px}.listing-hero{padding:20px 0 27px}.hero__in{display:flex;flex-direction:column;align-items:stretch;gap:16px}.hero__tag{margin:0;padding:22px 18px 18px;border-radius:16px}.hero__eyebrow{font-size:11px}.hero__tag h1{font-size:34px}.hero__lede{margin:10px 0 16px;font-size:13px}.hero__actions{gap:8px}.hero-btn{min-height:42px;padding:0 15px;gap:12px;font-size:12px}.hero__meta{gap:7px;margin-top:16px}.hero__meta div{grid-template-columns:76px 1fr;font-size:11px}.hero__shot{aspect-ratio:4/3;max-height:none;border-radius:15px}.hero__shot figcaption{left:8px;right:8px;bottom:8px;padding:7px 9px;font-size:10px}.hero__shot figcaption span{font-size:9px}.directory{padding:22px 0 42px}.search-panel{grid-template-columns:1fr;gap:9px;padding:12px;border-radius:10px}.search-title{display:flex;align-items:baseline;justify-content:space-between}.search-title span{font-size:16px}.search-title small{margin:0;font-size:10px}.search-form{height:43px}.search-form input{font-size:12px}.search-form button{height:33px;padding:0 12px;font-size:11px}.shortcut-links{grid-column:1;justify-content:stretch}.shortcut-links a{flex:1;padding:8px 5px;text-align:center;font-size:10px}.notice-strip{align-items:flex-start;gap:8px;padding:9px}.notice-pin{font-size:10px}.notice-strip p,.notice-strip>a{font-size:10px;line-height:1.6}.category-pills{gap:6px;overflow-x:auto;scrollbar-width:thin;padding:8px;margin-bottom:13px}.category-pills .category{padding:7px 10px;font-size:10px}.category-pills .category b{font-size:9px}.catalog-heading h2,.services-head h2,.assurance-heading h2{font-size:23px}.catalog-controls{gap:8px;font-size:10px}.catalog-controls select{font-size:10px;padding:6px 17px 6px 7px}.featured-grid{grid-template-columns:1fr;gap:11px}.work-card{display:grid;grid-template-columns:39% minmax(0,1fr);padding:8px;border-radius:12px}.work-image{height:100%;min-height:135px;aspect-ratio:auto}.work-content{padding:4px 2px 2px 11px}.work-label{top:7px;left:7px;padding:4px 7px;font-size:9px}.work-title h3{font-size:14px}.work-price{font-size:13px}.work-content>p{min-height:0;margin:6px 0;font-size:11px;line-height:1.6}.stack-tags{gap:4px}.stack-tags span{font-size:8px;padding:3px 6px}.work-bottom{padding-top:7px}.work-bottom>a{font-size:10px}.assurance-section{padding-top:25px;padding-bottom:38px}.assurance-heading{display:block;margin-bottom:13px}.assurance-heading h2{font-size:23px}.assurance-heading>p{margin-top:7px;font-size:12px}.section-index{font-size:11px}.assurance-grid{grid-template-columns:1fr 1fr}.assurance-grid article{min-height:126px;grid-template-columns:20px 1fr;gap:6px;padding:12px 9px}.assurance-grid article>span{font-size:9px}.assurance-grid h3{font-size:13px}.assurance-grid p{font-size:10px}.services-section{padding:42px 0}.services-head{display:block;margin-bottom:14px}.services-head h2{font-size:24px}.services-head>p{margin-top:7px;font-size:12px}.service-cards{grid-template-columns:1fr;gap:8px}.service-cards article{min-height:0;padding:13px}.service-cards h3{margin:9px 0 5px;font-size:16px}.service-cards article>p{font-size:12px}.service-price>b{font-size:15px}.service-price>span{font-size:10px}.service-cards article>a{font-size:11px}.contact-section{padding:36px 0 14px}.contact-wrap{grid-template-columns:1fr;gap:14px}.contact-copy h2{font-size:33px}.contact-copy p{font-size:12px}.contact-line{min-height:52px}.contact-line small{font-size:10px}.contact-line b{font-size:12px}.contact-bottom{flex-wrap:wrap;gap:7px;margin-top:2px;font-size:9px}.contact-bottom>span:nth-child(2){display:none}.contact-bottom>span:last-child{margin-left:auto}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}

/* Mobile type stays comfortably readable instead of shrinking into dense labels. */
@media(max-width:650px){
  .main-nav a, .nav-contact, .hero__eyebrow, .hero__meta div, .hero__shot figcaption span, .search-title small, .search-form input, .search-form button, .shortcut-links a, .notice-pin, .notice-strip p, .notice-strip>a, .category-pills .category, .category-pills .category b, .catalog-controls, .catalog-controls select, .work-label, .stack-tags span, .work-bottom>a, .assurance-heading>p, .assurance-grid article>span, .assurance-grid p, .section-index, .services-head>p, .service-price>span, .service-cards article>a, .contact-copy p, .contact-line small, .contact-bottom{font-size:12px}
  .hero__lede,.work-content>p,.assurance-grid article>span,.assurance-grid p,.service-cards article>p{font-size:13px}
  .main-nav{gap:15px}.hero__tag h1{font-size:36px}.work-title h3{font-size:15px}.stack-tags span,.category-pills .category b{font-size:10px}.assurance-grid h3{font-size:14px}.contact-line b{font-size:14px}
}

.brand-logo{display:block;width:180px;height:46px;object-fit:contain}
@media(max-width:650px){.brand-logo{width:158px;height:40px}}

.contact-line--qq{cursor:default}.contact-line--qq:hover{background:#fff}.contact-account{min-width:0}.contact-copy-button{flex:0 0 auto;margin-left:auto;padding:8px 10px;border:0;border-radius:8px;background:var(--green-soft);color:var(--green-deep);font-size:12px;white-space:nowrap}.contact-copy-button:hover{background:#e1efd9}

/* Four service offerings fit as one row on wide screens, then reflow cleanly. */
.service-cards{grid-template-columns:repeat(4,minmax(0,1fr))}
@media(max-width:1050px){.service-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.service-cards{grid-template-columns:1fr}}

/* ==========================================================================
   2026-10-28 鏀圭増锛氱洰褰曞悎骞朵负鍗曚竴缃戞牸锛涢灞忔敼鐢?4:3 瀹炴媿鍥撅紝鍥炬敞绉诲嚭鐢婚潰
   ========================================================================== */

/* 棣栧睆锛氬浘鐗囦笉鍐嶈鍒囷紝鍥炬敞鏀惧埌鍥剧墖涓嬫柟锛岄伩鍏嶇櫧鍗″帇浣忔枃瀛?*/
.hero__in{grid-template-columns:minmax(0,.97fr) minmax(0,1.03fr);gap:0}
.hero__tag{margin-right:-48px}
.hero__shot{aspect-ratio:auto;max-height:none;overflow:visible;border-radius:0;background:none}
.hero__shot-img{display:block;overflow:hidden;border-radius:20px;background:var(--paper-2);box-shadow:0 20px 48px rgba(35,35,31,.12)}
.hero__shot img{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;object-position:center 42%}
.hero__shot figcaption{position:static;left:auto;right:auto;bottom:auto;margin-top:13px;padding:0 2px 0 58px;background:none;color:#4a5642;font-size:13px;line-height:1.6}
.hero__shot figcaption span{color:#6b6a62;font-size:12px}
.hero__shot figcaption a{font-weight:600}
.hero__shot figcaption b{padding-left:8px}

/* 鐩綍锛? 鏍硷紙7 涓」鐩?+ 瀹氬埗鍗★級锛? 鍒楀垰濂戒袱琛?*/
.catalog-cta{display:flex;flex-direction:column;gap:12px;min-height:100%;padding:26px 22px;border:1px dashed #cbd6c1;border-radius:14px;background:#f7f8f2;transition:border-color .18s,background .18s,transform .18s var(--ease)}
.catalog-cta:hover{border-color:#9dbb8d;background:#f3f7ec;transform:translateY(-3px)}
.catalog-cta-mark{width:40px;height:40px;display:grid;place-items:center;border-radius:50%;background:#e4f0db;color:#2f5228;font-size:20px;line-height:1}
.catalog-cta strong{font:600 18px/1.55 var(--serif);color:#28351f}
.catalog-cta p{margin:0;color:#67685e;font-size:13px;line-height:1.8}
.catalog-cta-link{margin-top:auto;padding-top:10px;border-top:1px dashed #d8ded1;color:#3f6b32;font-size:13px}
.catalog-cta-link b{padding-left:7px;color:#b86f62}
.empty-state{margin-top:18px}

/* 瀵规瘮搴︼細娆¤鏂囧瓧缁熶竴鍘嬫繁涓€妗ｏ紝杈惧埌姝ｆ枃 4.5:1 */
:root{--muted:#605e55}
.hero__meta dt{color:#6f6d64}
.hero__shot figcaption span{color:#6b6a62}
.search-title small{color:#6b6960}
.search-form input::placeholder{color:#6f6d63}
.notice-strip p{color:#5f5e56}
.section-index{color:#656a5f}
.catalog-controls{color:#6d6f65}
.work-category{color:#666b60}
.work-price small,.row-price small{color:#6d6f65}
.catalog-cta p{color:#67685e}
.assurance-grid article>span{color:#6f7468}
.assurance-grid p{color:#63635b}
.service-price>span{color:#6d6e64}
.contact-line small{color:#64645b}
.empty-state{color:#6a6e63}
.category-pills .category b{color:#61665b}
.contact-copy .section-index{color:#5f6057}
.contact-bottom{color:#5d5c54}
.contact-copy-button{color:#3c6a30}


/* 閿洏鍙鐒︾偣 + 鎼滅储妗嗗彇璇嶆€?*/
a:focus-visible,button:focus-visible,select:focus-visible,input:focus-visible{outline:2px solid #4f7d43;outline-offset:3px;border-radius:4px}
.search-form:focus-within{border-color:#8fca7d;box-shadow:0 0 0 3px #8fca7d26}

/* 鎵嬫満绔細鐩綍鏍囬涓嶅啀琚帓搴忔帶浠舵尋鎴愪袱琛岋紱鍗＄墖浠锋牸涓嶅啀琚 */
@media(min-width:651px) and (max-width:1050px){
  .service-cards{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:650px){
  .hero__in{display:flex;flex-direction:column;gap:16px}
  .hero__tag{margin:0}
  .hero__shot-img{border-radius:15px}
  .hero__shot figcaption{margin-top:10px;font-size:11px;padding-left:0}
  .hero__shot figcaption span{font-size:10px}
  .catalog-heading{flex-direction:column;align-items:flex-start;gap:12px}
  .catalog-heading>div{width:100%}
  .catalog-controls{width:100%;justify-content:space-between;gap:10px}
  .catalog-heading h2{font-size:23px;white-space:nowrap}
  .catalog-controls label{white-space:nowrap}
  .catalog-cta{min-height:180px;padding:20px 18px}
  .catalog-cta strong{font-size:16px}
  .work-content{min-width:0;padding-right:8px}
  .work-title{gap:6px}
  .work-title>div{min-width:0}
  .work-price{flex:0 0 auto;font-size:14px}
}