.case-hero{padding-top:52px;padding-bottom:60px}.back-link{display:inline-block;font-size:12px;color:#8c8f84;margin-bottom:42px}.back-link:hover{color:var(--orange)}.case-hero h1{font-size:clamp(38px,5vw,62px);letter-spacing:-2px;line-height:1.25;max-width:760px;margin:15px 0}.case-hero>p{font-size:14px;line-height:2;color:var(--muted);max-width:600px;margin-bottom:26px}.case-body{padding-bottom:80px}.case-intro{display:flex;justify-content:space-between;align-items:end;gap:30px;padding:28px 0;border-top:1px solid var(--border);margin-bottom:28px}.case-intro h2{margin-top:10px}.case-intro>p{max-width:340px;font-size:12px;line-height:1.9;color:var(--muted)}.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.project-card{display:grid;grid-template-columns:auto 1fr;gap:18px;border:1px solid var(--border);border-radius:10px;background:#fcfcf9;padding:25px}.project-card h3{font-size:17px}.project-card p{font-size:12px;line-height:1.9;color:var(--muted);margin:12px 0}.project-icon{width:44px;height:44px;border-radius:10px;background:#fcebdc;color:#c9774e;display:grid;place-items:center;font-size:22px}.project-icon.purple{background:#eee9f4;color:#9383ad;font:15px monospace}.project-icon.green{background:#e8eedf;color:#7d936c}.price{font-size:11px;color:#8b8f82;margin:16px 0}.price b,.gallery b,.wide-card b,.logo-card b{color:#b26b43;font-weight:700}.tags{display:flex;gap:6px;flex-wrap:wrap}.tags span,.category-tabs span{font-size:10px;background:#f1f2ec;border-radius:4px;padding:5px 7px;color:#747b6b}.quote-box,.notice-box{display:flex;align-items:center;justify-content:space-between;gap:22px;background:#eeeee6;border:1px solid #e3e4d8;border-radius:10px;padding:23px 25px;margin-top:28px}.quote-box h3,.notice-box h3{font-size:16px}.quote-box p,.notice-box p{font-size:11px;color:var(--muted);margin-top:7px}.quote-box>strong{margin-left:auto;white-space:nowrap;color:#a76640}.category-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:-8px 0 22px}.category-tabs span{background:#353d31;color:#fff;padding:8px 12px}.gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.gallery article{background:#fcfcf9;border:1px solid var(--border);border-radius:9px;overflow:hidden}.gallery img{width:100%;height:275px;object-fit:cover}.gallery article>div{padding:15px}.gallery h3{font-size:14px}.gallery p{font-size:10px;color:var(--muted);margin:7px 0}.gallery b,.wide-card b,.logo-card b{font-size:11px}.ui-case-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:20px}.ui-card{background:#fcfcf9;border:1px solid var(--border);border-radius:9px;overflow:hidden}.ui-card img{width:100%;height:280px;object-fit:cover;object-position:top}.ui-card>div{padding:16px}.ui-card h3{font-size:15px;margin:8px 0}.ui-card p{font-size:10px;line-height:1.8;color:var(--muted);margin-bottom:13px}.ai-subgrid{display:grid;grid-template-columns:1.45fr 1fr;gap:18px;margin-top:20px}.wide-card,.logo-card{background:#fcfcf9;border:1px solid var(--border);border-radius:9px;overflow:hidden}.wide-card{display:grid;grid-template-columns:1.35fr 1fr}.wide-card img{height:100%;width:100%;object-fit:cover}.wide-card>div,.logo-card{padding:25px}.wide-card h3,.logo-card h3{font-size:18px;margin:10px 0}.wide-card p,.logo-card p{font-size:11px;line-height:1.9;color:var(--muted);margin-bottom:18px}.logo-row{display:flex;align-items:center;gap:8px;height:125px;margin-bottom:18px;background:#f1f1ec;border-radius:7px;padding:10px}.logo-row img{width:31%;height:105px;object-fit:contain}.hardware-list{display:grid;gap:12px}.hardware-list article{display:grid;grid-template-columns:60px 1fr auto;align-items:center;gap:18px;background:#fcfcf9;border:1px solid var(--border);border-radius:9px;padding:20px}.part-icon{font-size:30px;color:#879575;background:#eef0e7;width:58px;height:58px;border-radius:8px;display:grid;place-items:center}.hardware-list h3{font-size:15px}.hardware-list p{font-size:11px;color:var(--muted);margin-top:7px}.hardware-list .price{margin:0;white-space:nowrap}.notice-box{display:block;background:#e9eddf;border-color:#dce3d0}.notice-box p{max-width:650px;line-height:1.9;margin:10px 0 18px}.notice-box .button{padding:12px 16px;font-size:11px}
@media(max-width:800px){.ui-case-grid{grid-template-columns:1fr 1fr}.ui-card img{height:330px}.case-hero{padding-top:35px;padding-bottom:45px}.case-intro{display:block}.case-intro>p{margin-top:15px}.project-grid,.gallery{grid-template-columns:1fr 1fr}.gallery img{height:300px}.ai-subgrid{grid-template-columns:1fr}.wide-card{grid-template-columns:1fr}.wide-card img{height:250px}.quote-box{align-items:flex-start;flex-direction:column}.quote-box>strong{margin-left:0}.hardware-list article{grid-template-columns:50px 1fr}.hardware-list .price{grid-column:2}.modal-card{padding:28px 22px}}
@media(max-width:520px){.ui-case-grid{grid-template-columns:1fr}.ui-card img{height:420px}.project-grid,.gallery{grid-template-columns:1fr}.gallery img{height:390px}.hardware-list article{grid-template-columns:48px 1fr}.hardware-list .price{grid-column:2}.final-cta{align-items:flex-start;flex-direction:column}}

.module-jump{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:28px;padding:18px 22px;border:1px solid #e3d4c2;border-radius:9px;background:#fff9f1;color:#8c583c;transition:.2s}.module-jump:hover{transform:translateY(-2px);border-color:#d99365;background:#fff}.module-jump span{font-size:14px;font-weight:700}.module-jump b{font-size:11px;font-weight:600}.detail-hero{padding-top:45px;padding-bottom:55px}.detail-hero h1{font-size:clamp(38px,5vw,60px);line-height:1.25;letter-spacing:-2px;margin:14px 0}.detail-hero>p{max-width:660px;color:var(--muted);font-size:14px;line-height:2}.detail-actions{display:flex;align-items:center;gap:25px;margin-top:25px}.detail-actions>strong{font-size:15px;color:#a76640}.detail-content{padding-bottom:80px}.detail-visual{margin-bottom:35px;border-radius:12px;overflow:hidden;border:1px solid var(--border);background:#f0f0e9}.image-visual{max-height:680px;text-align:center}.image-visual img{display:block;width:100%;max-height:680px;object-fit:contain;margin:auto}.detail-copy{max-width:760px}.detail-copy h2{font-size:22px;margin:34px 0 12px}.detail-copy h2:first-child{margin-top:0}.detail-copy p{font-size:13px;line-height:2;color:var(--muted)}.detail-list{list-style:none;padding:0;margin:10px 0 25px;display:grid;gap:9px}.detail-list li{display:grid;grid-template-columns:130px 1fr;gap:18px;padding:13px 15px;background:#fcfcf9;border:1px solid var(--border);border-radius:7px;font-size:12px}.detail-list li b{color:#4e5948}.detail-list li span{color:var(--muted);line-height:1.7}.detail-cta{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-top:42px;padding:25px;background:#eeeee6;border:1px solid #e3e4d8;border-radius:10px}.detail-cta h3{font-size:17px}.detail-cta p{font-size:11px;color:var(--muted);margin-top:7px}.logo-detail-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:18px 0 30px}.logo-detail-grid img{width:100%;height:250px;object-fit:contain;background:#f1f1ec;border-radius:8px}.ui-card h3 a,.project-card h3 a,.hardware-list h3 a,.gallery h3 a{color:inherit}.ui-card h3 a:hover,.project-card h3 a:hover,.hardware-list h3 a:hover,.gallery h3 a:hover{color:var(--orange)}
@media(max-width:760px){.module-jump{align-items:flex-start;flex-direction:column}.detail-actions,.detail-cta{align-items:flex-start;flex-direction:column}.detail-list li{grid-template-columns:1fr;gap:4px}.logo-detail-grid{grid-template-columns:1fr}.logo-detail-grid img{height:220px}}

.order-card{max-height:calc(100vh - 32px);overflow:auto}.order-card form{display:grid;gap:13px;margin-top:20px}.order-card label{display:grid;gap:6px;font-size:11px;color:#786b60}.order-card input,.order-card textarea{width:100%;border:1px solid #e1d5c6;border-radius:6px;background:#fff;padding:11px 12px;color:#30332f;font:13px inherit}.order-card input:focus,.order-card textarea:focus{outline:2px solid #e6a277;outline-offset:1px}.order-card textarea{min-height:74px;resize:vertical}.order-submit{border:0;width:100%;margin-top:4px}.detail-actions .text-link{font-size:12px;color:#9b6b4c}.detail-actions .text-link:hover{color:var(--orange)}

/* Polished case presentation */
.module-jump{min-height:74px;padding:20px 24px;background:linear-gradient(100deg,#303b31,#4b5a42);border:0;color:#fff;box-shadow:0 10px 22px #30402a20}.module-jump span{font-size:16px}.module-jump b{color:#f6d3a5;font-size:12px}.module-jump:hover{background:linear-gradient(100deg,#263329,#3d4e37);box-shadow:0 14px 28px #30402a2b}
.is-clickable-card{cursor:pointer}.is-clickable-card:focus-visible{outline:3px solid var(--orange);outline-offset:4px}.project-card,.gallery article,.ui-card,.logo-card,.hardware-list article{transition:transform .2s,box-shadow .2s,border-color .2s}.is-clickable-card:hover{transform:translateY(-5px);border-color:#d7a47d;box-shadow:0 14px 30px #4b5a4218}.detail-hero{padding-top:38px;padding-bottom:50px}.detail-hero .back-link{margin-bottom:30px}.detail-hero-grid{display:grid;grid-template-columns:minmax(360px,.78fr) minmax(420px,1.22fr);gap:62px;align-items:center}.detail-info h1{font-size:clamp(40px,4.5vw,66px);line-height:1.18;letter-spacing:-2px;margin:15px 0 17px}.detail-info>p{font-size:15px;line-height:1.9;color:var(--muted);max-width:570px}.detail-actions{display:flex;align-items:center;flex-wrap:wrap;gap:18px;margin-top:28px}.detail-actions>strong{font-size:16px;color:#a76640;width:100%}.detail-actions .button{min-width:164px;min-height:52px;font-size:15px;box-shadow:0 7px 16px #d7613030}.detail-actions .text-link{font-size:13px}.detail-hero .detail-visual{margin:0;min-height:460px;max-height:650px;border:0;background:#f0eee6;display:flex;align-items:center;justify-content:center;border-radius:18px;box-shadow:0 18px 45px #4a4c3a18;overflow:hidden}.detail-hero .detail-visual img{display:block;width:100%;height:auto;max-height:650px;object-fit:contain;object-position:center}.detail-placeholder{min-height:460px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(circle at 30% 30%,#fff5dc,#e6eadc 48%,#303b31)!important;color:#fff}.detail-placeholder span{font-size:38px;font-weight:750;letter-spacing:-2px}.detail-placeholder small{font-size:10px;letter-spacing:3px;margin-top:12px;color:#f5d6a9}.detail-content{padding-top:0}.detail-copy{max-width:900px;background:#fffdf9;border:1px solid var(--border);border-radius:14px;padding:34px 38px;box-shadow:0 8px 25px #4a4c3a0b}.detail-copy h2{font-size:25px;margin:0 0 12px;padding-top:0}.detail-copy h2:not(:first-child){margin-top:31px;padding-top:25px;border-top:1px solid #ebe9df}.detail-copy p{font-size:14px;line-height:2;color:#60675d}.detail-list{grid-template-columns:repeat(3,1fr);gap:12px;margin-top:18px}.detail-list li{display:block;min-height:120px;padding:18px;background:#f4f4ed;border:0}.detail-list li b{display:block;font-size:14px;margin-bottom:10px}.detail-list li span{font-size:12px;line-height:1.8}.detail-cta{max-width:900px;margin-top:22px;padding:25px 28px;background:#303b31;color:#fff;border:0;box-shadow:0 12px 28px #303b3124}.detail-cta p{color:#c9d0c3}.detail-cta .button{background:#ed7a45;color:#fff}.logo-detail-grid{grid-template-columns:repeat(3,1fr)}
@media(max-width:900px){.detail-hero-grid{grid-template-columns:1fr;gap:30px}.detail-hero .detail-visual{order:-1;min-height:300px;max-height:560px}.detail-hero .detail-visual img{max-height:560px}.detail-list{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.module-jump{align-items:flex-start}.module-jump b{line-height:1.6}.detail-copy{padding:25px 21px}.detail-list{grid-template-columns:1fr}.detail-hero{padding-top:28px}.detail-info h1{font-size:40px}.detail-actions .button{width:100%}.detail-actions .text-link{margin-left:0}.detail-cta{align-items:flex-start;flex-direction:column}}

/* Compact PC detail layout: keep the complete case above the fold. */
@media (min-width:1000px){
  .detail-page{background:#f8f7f3}
  .detail-page .header{height:78px}
  .detail-page .detail-hero{padding-top:18px;padding-bottom:18px}
  .detail-page .detail-hero .back-link{margin-bottom:12px;font-size:11px}
  .detail-page .detail-hero-grid{grid-template-columns:minmax(330px,.78fr) minmax(440px,1.22fr);gap:34px;align-items:center}
  .detail-page .detail-info h1{font-size:38px;line-height:1.18;margin:8px 0 10px}
  .detail-page .detail-info>p{font-size:13px;line-height:1.7;max-width:470px}
  .detail-page .detail-actions{gap:10px;margin-top:15px}
  .detail-page .detail-actions>strong{font-size:14px;width:auto;margin-right:8px}
  .detail-page .detail-actions .button{min-width:132px;min-height:43px;padding:11px 15px;font-size:13px}
  .detail-page .detail-actions .text-link{font-size:12px}
  .detail-page .detail-hero .detail-visual{height:330px;min-height:330px;max-height:330px;border-radius:13px}
  .detail-page .detail-hero .detail-visual img{height:330px;max-height:330px;width:100%;object-fit:contain}
  .detail-page .detail-content{display:grid;grid-template-columns:minmax(0,1fr) 245px;gap:18px;padding-top:0;padding-bottom:12px;align-items:start}
  .detail-page .detail-copy{padding:18px 22px;max-width:none;border-radius:11px}
  .detail-page .detail-copy h2{font-size:18px;margin:0 0 6px}
  .detail-page .detail-copy h2:not(:first-child){margin-top:14px;padding-top:12px}
  .detail-page .detail-copy p{font-size:11px;line-height:1.65}
  .detail-page .detail-list{grid-template-columns:repeat(3,1fr);gap:8px;margin:8px 0 0}
  .detail-page .detail-list li{min-height:78px;padding:11px}
  .detail-page .detail-list li b{font-size:11px;margin-bottom:5px}
  .detail-page .detail-list li span{font-size:10px;line-height:1.5}
  .detail-page .detail-cta{margin:0;padding:18px;min-height:145px;display:flex;align-items:flex-start;flex-direction:column;justify-content:space-between;border-radius:11px}
  .detail-page .detail-cta h3{font-size:15px}
  .detail-page .detail-cta p{font-size:10px;line-height:1.6}
  .detail-page .detail-cta .button{width:100%;min-height:40px;padding:10px;font-size:12px}
  .detail-page .footer{padding-top:12px;padding-bottom:15px}
  .detail-page .logo-detail-grid{gap:8px;margin:8px 0 12px}
  .detail-page .logo-detail-grid img{height:115px}
}

/* Business module CTA */
.module-jump{display:inline-flex!important;width:auto;min-width:168px;justify-content:center;align-items:center;gap:28px;margin-top:25px;padding:15px 20px!important;border-radius:7px!important;background:#e97743!important;color:#fff!important;box-shadow:0 8px 18px #e9774338!important}.module-jump span{font-size:15px!important;font-weight:750!important}.module-jump b{font-size:20px!important;line-height:1;color:#fff!important}.module-jump:hover{background:#d96533!important;transform:translateY(-3px);box-shadow:0 12px 24px #e977434c!important}
@media(max-width:760px){.module-jump{width:100%;min-width:0}}

/* 1:1 image preview */
.zoomable-image{cursor:zoom-in!important;position:relative}.zoomable-image::after{content:"⌕  点击查看原图";position:absolute;right:16px;bottom:14px;padding:7px 10px;border-radius:5px;background:#303b31d9;color:#fff;font-size:10px;letter-spacing:.4px;opacity:0;transform:translateY(4px);transition:.2s;pointer-events:none}.zoomable-image:hover::after,.zoomable-image:focus-visible::after{opacity:1;transform:translateY(0)}.image-lightbox[hidden]{display:none}.image-lightbox{position:fixed;inset:0;z-index:200}.image-lightbox-backdrop{position:absolute;inset:0;background:#151916e8;backdrop-filter:blur(7px)}.image-lightbox-panel{position:absolute;inset:34px;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none}.image-lightbox-stage{width:100%;height:calc(100% - 24px);overflow:auto;display:flex;align-items:flex-start;justify-content:center;padding:20px;pointer-events:none}.image-lightbox-stage img{display:block;flex:0 0 auto;width:auto!important;height:auto!important;max-width:none!important;max-height:none!important;object-fit:initial!important;cursor:default;background:#fff;pointer-events:auto}.image-lightbox-panel>p{margin:4px 0 0;color:#eee;font-size:11px;pointer-events:none}.image-lightbox-close{position:absolute;z-index:2;right:0;top:-20px;width:38px;height:38px;border:1px solid #ffffff66;border-radius:50%;background:#1e261f;color:#fff;font-size:24px;line-height:1;cursor:pointer;pointer-events:auto}.image-lightbox-close:hover{background:#e97743}.zoomable-image:focus-visible{outline:3px solid var(--orange);outline-offset:4px}