.detail-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:55px;margin-top:30px}.detail-image{height:400px;background:#e9eee6;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;padding:12px}.detail-main-image{flex:1;width:100%;display:grid;place-items:center}.detail-main-image img{max-width:100%;max-height:100%;object-fit:contain}.gallery-thumbs{position:static;display:flex;gap:6px;padding-top:10px;align-self:flex-start}.gallery-thumbs button{width:56px;height:46px;padding:2px;background:#fff;border:1px solid var(--line);cursor:pointer;transition:border-color .15s ease,transform .15s ease}.gallery-thumbs button.active{border-color:var(--ink)}.gallery-thumbs button:hover{transform:translateY(-1px)}.gallery-thumbs img{width:100%;height:100%;object-fit:cover}.detail-specs{border-collapse:collapse;width:100%;font-size:12px}.detail-specs td{border-bottom:1px solid var(--line);padding:12px}.detail-specs td:first-child{color:#79827c}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px 16px;max-width:720px}.form-grid .wide{grid-column:1/-1}.admin-nav{display:flex;gap:12px;margin:25px 0}.admin-nav a{padding:11px 15px;background:white;border:1px solid var(--line);font-size:12px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.stat{padding:22px;background:white;border:1px solid var(--line)}.stat strong{display:block;font:600 28px 'Space Grotesk'}.stat span{font-size:11px;color:var(--muted)}
@media(max-width:800px){.site-header{height:70px;padding:0 5%}.main-nav{gap:18px}.header-contact{padding:10px}.hero{padding:50px 7%;grid-template-columns:1fr;gap:10px}.hero-visual{height:320px}.orb{right:15%}.trust-row{flex-wrap:wrap}.feature-strip{padding:25px 7%;gap:15px}.feature-strip>div{align-items:flex-start}.feature-strip small{max-width:130px;line-height:1.5}.home-section{padding:65px 7%}.category-grid{grid-template-columns:1fr 1fr}.category-card:last-child{grid-column:1/-1}.callout{padding:45px 7%}.site-footer{padding:45px 7% 20px}.product-grid{grid-template-columns:repeat(2,1fr)}.catalog-layout{grid-template-columns:180px 1fr}.detail-grid{gap:25px}}
@media(max-width:560px){.site-header{padding:0 5%}.brand-mark{font-size:21px}.brand-name{font-size:8px}.main-nav{display:none}.mobile-menu{display:block;font-size:21px;margin-left:12px}.hero{min-height:0;padding:58px 7% 38px}.hero h1{font-size:49px;letter-spacing:-3px}.hero-copy>p{font-size:14px}.hero-visual{height:290px;margin:10px -15px}.orb{width:290px;height:290px;right:7%}.product-illustration{transform:scale(.82) rotate(-5deg)}.floating-tag{right:-20px}.trust-row{font-size:9px;gap:12px}.feature-strip{grid-template-columns:1fr;padding:22px 8%;gap:20px}.feature-strip small{max-width:none}.section-heading{display:block}.section-heading h2{font-size:29px}.section-heading .text-link{display:inline-block;margin-top:18px}.home-section{padding:55px 7%}.category-grid{grid-template-columns:1fr}.category-card,.category-card:last-child{grid-column:auto;min-height:180px}.callout{display:block}.callout h2{font-size:28px}.callout .button{margin-top:15px}.site-footer{grid-template-columns:1fr 1fr;gap:25px}.footer-main{grid-column:1/-1}.site-footer small{grid-column:1/-1}.page-wrap{padding:40px 5%}.page-title{font-size:36px}.catalog-layout{grid-template-columns:1fr}.filters{display:grid;grid-template-columns:1fr 1fr;gap:0 10px}.filters label:first-child{grid-column:1/-1}.filters button{grid-column:1/-1}.product-grid{grid-template-columns:1fr 1fr;gap:10px}.product-photo{height:120px}.product-info{padding:12px}.product-info h3{font-size:13px}.product-info p{font-size:10px}.product-actions{display:block}.product-actions a{display:block;margin-top:6px}.detail-grid{grid-template-columns:1fr}.detail-image{height:270px}.form-grid{grid-template-columns:1fr}.form-grid .wide{grid-column:auto}.stats{grid-template-columns:1fr 1fr}}
.image-manager{margin-top:35px;padding:24px;background:#fff;border:1px solid var(--line)}.image-admin-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:20px}.image-admin-card{border:1px solid var(--line);padding:8px}.image-admin-card>img{width:100%;height:120px;object-fit:cover}.image-admin-card small{display:block;font-size:9px;color:var(--muted);padding:7px 0}.image-admin-card button{font-size:10px;padding:6px;margin:2px;border:1px solid var(--line);background:white;cursor:pointer}.chat-panel{margin-top:30px;padding:28px;background:#fff;border:1px solid var(--line);max-width:760px}.chat-messages{max-height:380px;overflow:auto;padding:8px 0}.chat-message{background:#f0f3ed;padding:12px 15px;margin:8px 0;max-width:85%;font-size:13px}.chat-message b{font-size:10px;color:#648433}.chat-message p{margin:6px 0 0}.chat-compose{display:flex;gap:10px;margin-top:15px}.chat-compose input{flex:1;padding:12px;border:1px solid var(--line)}.service-list{line-height:2.3;color:#59655e;font-size:13px}@media(max-width:560px){.image-admin-grid{grid-template-columns:1fr 1fr}.chat-panel{padding:18px}.chat-compose{flex-wrap:wrap}.chat-compose input{min-width:100%}}
.mobile-menu{display:none;border:1px solid var(--line);background:transparent;padding:9px 12px;font:600 11px "DM Sans";cursor:pointer}.main-nav.open{display:flex}@media(max-width:560px){.mobile-menu{display:block}.main-nav{display:none;position:absolute;top:69px;left:0;right:0;background:var(--paper);border-bottom:1px solid var(--line);padding:16px 7%;gap:25px;z-index:12}.main-nav a{padding:6px 0}.site-header{gap:10px}}
.product-photo .photo-placeholder{position:static;background:transparent;color:#849087;font-size:9px;letter-spacing:1px}.product-photo:not(:has(img)){background:linear-gradient(135deg,#e6ece4,#f1f3ee)}

/* ==== Motion & interaction (静 → 聚 → 动 → 成) ==== */
.reveal{opacity:0;transform:translateY(22px);transition:opacity .6s ease,transform .6s ease}
.reveal.is-visible{opacity:1;transform:none}
.reveal.is-visible .category-card,.reveal.is-visible .why-card,.reveal.is-visible .service-card,.reveal.is-visible .product-card{opacity:0;animation:rise .55s ease forwards}
.reveal.is-visible .category-card:nth-child(2),.reveal.is-visible .why-card:nth-child(2),.reveal.is-visible .service-card:nth-child(2),.reveal.is-visible .product-card:nth-child(2){animation-delay:.07s}
.reveal.is-visible .category-card:nth-child(3),.reveal.is-visible .why-card:nth-child(3),.reveal.is-visible .service-card:nth-child(3),.reveal.is-visible .product-card:nth-child(3){animation-delay:.14s}
.reveal.is-visible .category-card:nth-child(4),.reveal.is-visible .why-card:nth-child(4),.reveal.is-visible .service-card:nth-child(4){animation-delay:.21s}
.reveal.is-visible .category-card:nth-child(5),.reveal.is-visible .service-card:nth-child(5){animation-delay:.28s}
.reveal.is-visible .category-card:nth-child(6),.reveal.is-visible .service-card:nth-child(6){animation-delay:.35s}
.reveal.is-visible .category-card:nth-child(7){animation-delay:.42s}
.reveal.is-visible .category-card:nth-child(8){animation-delay:.49s}
.reveal.is-visible .category-card:nth-child(9){animation-delay:.56s}
@keyframes rise{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none;transition:none}.reveal.is-visible .category-card,.reveal.is-visible .why-card,.reveal.is-visible .service-card,.reveal.is-visible .product-card{opacity:1;animation:none}*{scroll-behavior:auto!important}}

/* Interactive states */
.button{transition:transform .18s ease,box-shadow .18s ease,background .18s ease,color .18s ease;cursor:pointer}
.button-primary:hover{transform:translateY(-2px);box-shadow:0 10px 22px #18201e2b}
.button-quiet:hover{background:#fff;border-color:#c4cac2}
.button-light:hover{transform:translateY(-2px)}
.header-contact{transition:background .18s ease,color .18s ease}
.header-contact:hover{background:var(--ink);color:#fff;border-color:var(--ink)}
.main-nav a{transition:color .15s ease}
.category-card,.why-card,.service-card,.product-card{transition:transform .22s ease,box-shadow .22s ease}
.category-card:hover{transform:translateY(-5px);box-shadow:0 16px 30px #18201e17}
.product-card:hover{transform:translateY(-4px);box-shadow:0 14px 26px #18201e14}
.why-card:hover,.service-card:hover{transform:translateY(-4px);box-shadow:0 12px 24px #18201e12}
.text-link{transition:color .15s ease}
.text-link:hover{color:#6A9C2E}

/* ==== New sections ==== */
.why-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}
.why-card{padding:24px;background:#fff;border:1px solid var(--line)}
.why-card strong{display:block;font:600 16px 'Space Grotesk';margin-bottom:8px}
.why-card p{font-size:12px;color:var(--muted);line-height:1.6;margin:0}
.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}
.service-card{padding:24px;background:#fff;border:1px solid var(--line)}
.service-icon{display:inline-grid;place-items:center;width:38px;height:38px;border-radius:8px;background:#eef3ea;color:#5f7d2f;font-size:18px;margin-bottom:12px}
.service-card strong{display:block;font:600 16px 'Space Grotesk';margin-bottom:7px}
.service-card p{font-size:12px;color:var(--muted);line-height:1.6;margin:0}
.chat-session-btn{display:block;width:100%;text-align:left;border:1px solid var(--line);background:#fff;padding:10px;margin-top:8px;cursor:pointer}
.chat-session-btn.active{border-color:var(--ink);background:#f4f7f0}
.chat-session-btn b{display:block;font-size:11px;margin-bottom:4px}
.chat-session-btn small{display:block;font-size:10px;color:var(--muted);line-height:1.35}
.cta-actions{display:flex;flex-direction:column;gap:10px;align-items:flex-end}
.contact-methods{display:flex;flex-wrap:wrap;gap:8px 22px;margin-top:20px;font-size:12px;color:#4b584f}
.contact-methods b{color:var(--ink)}
.callout .cta-actions .button-quiet{border-color:#b9c4b2;background:transparent}

/* Brand logo image */
.brand-logo{width:42px;height:42px;object-fit:contain;display:block}
.site-footer .brand-logo{width:40px;height:40px}

@media(max-width:800px){.why-grid{grid-template-columns:1fr 1fr}.service-grid{grid-template-columns:1fr 1fr}.cta-actions{align-items:flex-start;margin-top:18px;flex-direction:row;flex-wrap:wrap}}
@media(max-width:560px){.brand-logo{width:36px;height:36px}.why-grid{grid-template-columns:1fr}.service-grid{grid-template-columns:1fr}.category-grid{grid-template-columns:1fr}.contact-methods{flex-direction:column;gap:6px}}