/* 泊筑商业官网 - 全局视觉系统 */
:root{--brand:#d97706;--brand-dark:#b45309;--ink:#111827;--text:#1f2937;--muted:#64748b;--line:#e2e8f0;--soft:#f8fafc;--white:#fff;--success:#16a34a;--danger:#dc2626;--radius:12px;--radius-lg:16px;--shadow:0 18px 50px rgba(15,23,42,.12);--max:1280px;--content:1200px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--text);font-family:"Noto Sans SC","Microsoft YaHei","PingFang SC",Arial,sans-serif;background:#fff;line-height:1.7;-webkit-font-smoothing:antialiased}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}.container{width:min(var(--content),calc(100% - 48px));margin:auto}.container-wide{width:min(var(--max),calc(100% - 48px));margin:auto}.section{padding:104px 0}.section-sm{padding:72px 0}.soft{background:var(--soft)}.dark{background:var(--ink);color:#fff}.eyebrow{display:inline-flex;align-items:center;gap:8px;color:var(--brand);font-weight:700;letter-spacing:.08em;font-size:13px;text-transform:uppercase}.eyebrow:before{content:"";width:28px;height:2px;background:var(--brand)}h1,h2,h3,h4{margin:0;color:var(--ink);line-height:1.18;letter-spacing:-.02em}h1{font-size:clamp(38px,5vw,60px)}h2{font-size:clamp(30px,3.5vw,42px)}h3{font-size:26px}h4{font-size:19px}.dark h1,.dark h2,.dark h3,.dark h4,.hero h1,.hero h2{color:#fff}.lead{font-size:18px;color:var(--muted);max-width:760px}.dark .lead{color:#cbd5e1}.section-head{display:flex;align-items:end;justify-content:space-between;gap:32px;margin-bottom:44px}.section-head p{max-width:620px;margin:14px 0 0;color:var(--muted)}.kicker{margin-bottom:14px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;height:48px;padding:0 22px;border-radius:8px;border:1px solid transparent;font-weight:700;transition:.24s ease;white-space:nowrap}.btn:hover{transform:translateY(-2px)}.btn-primary{background:var(--brand);color:#fff}.btn-primary:hover{background:var(--brand-dark);box-shadow:0 12px 28px rgba(217,119,6,.25)}.btn-secondary{background:#fff;color:var(--ink);border-color:#cbd5e1}.btn-secondary:hover{border-color:var(--ink)}.btn-dark{background:var(--ink);color:#fff}.btn-outline-light{color:#fff;border-color:rgba(255,255,255,.45);background:rgba(255,255,255,.06)}.text-link{display:inline-flex;gap:8px;align-items:center;color:var(--brand);font-weight:700}.text-link:after{content:"→";transition:.2s}.text-link:hover:after{transform:translateX(4px)}
/* Header */
.site-header{height:72px;position:fixed;top:0;left:0;right:0;z-index:60;color:#fff;border-bottom:1px solid rgba(255,255,255,.16);transition:.25s;background:linear-gradient(180deg,rgba(10,18,25,.72),rgba(10,18,25,.08))}.site-header.scrolled,.site-header.inner{background:#fff;color:var(--ink);box-shadow:0 7px 25px rgba(15,23,42,.08);border-bottom-color:var(--line)}.header-inner{height:100%;display:flex;align-items:center;gap:30px}.brand{display:flex;align-items:center;gap:11px;flex:0 0 auto}.brand img{width:38px;height:38px}.brand strong{font-size:25px;letter-spacing:.08em}.brand small{font-size:11px;opacity:.72;display:block;letter-spacing:.1em}.main-nav{display:flex;align-items:center;gap:2px;margin-left:auto}.main-nav a{height:72px;padding:0 12px;display:flex;align-items:center;font-size:14px;position:relative}.main-nav a:after{content:"";position:absolute;left:12px;right:12px;bottom:0;height:3px;background:var(--brand);transform:scaleX(0);transition:.2s}.main-nav a.active:after,.main-nav a:hover:after{transform:scaleX(1)}.header-actions{display:flex;align-items:center;gap:10px}.icon-btn{width:42px;height:42px;border:0;background:transparent;border-radius:8px;display:grid;place-items:center;color:inherit}.icon-btn:hover{background:rgba(148,163,184,.16)}.icon-btn img{width:21px;height:21px;filter:brightness(0) invert(1)}.site-header.scrolled .icon-btn img,.site-header.inner .icon-btn img{filter:none}.header-phone{font-size:13px;font-weight:700}.menu-btn{display:none}.mobile-drawer{display:none}
/* Hero */
.hero{min-height:760px;display:flex;align-items:center;position:relative;background:#0f172a;overflow:hidden}.hero-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(.86) contrast(1.02)}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(9,16,24,.90) 0%,rgba(9,16,24,.68) 46%,rgba(9,16,24,.22) 76%,rgba(9,16,24,.2) 100%)}.hero-content{position:relative;z-index:2;color:#fff;padding-top:72px;max-width:760px}.hero h1{font-size:clamp(44px,6vw,70px);margin:18px 0 24px}.hero p{font-size:19px;color:#e2e8f0;max-width:680px}.hero-actions{display:flex;gap:12px;margin-top:34px}.hero-pills{display:flex;flex-wrap:wrap;gap:10px;margin-top:42px}.hero-pills span{border:1px solid rgba(255,255,255,.28);background:rgba(255,255,255,.08);backdrop-filter:blur(8px);padding:7px 12px;border-radius:999px;font-size:13px}.hero-stat{position:absolute;right:max(7vw,60px);bottom:76px;z-index:3;width:280px;padding:22px;border:1px solid rgba(255,255,255,.25);background:rgba(17,24,39,.54);backdrop-filter:blur(12px);border-radius:16px;color:#fff}.hero-stat strong{font-size:24px}.hero-stat p{font-size:13px;margin:5px 0 0;color:#cbd5e1}.scroll-mark{position:absolute;z-index:3;left:50%;bottom:24px;transform:translateX(-50%);font-size:12px;color:#fff;opacity:.7}
/* Cards and grids */
.grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.grid-4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}.card{border:1px solid var(--line);border-radius:var(--radius);background:#fff;overflow:hidden;transition:.25s}.card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.icon-card{padding:30px}.icon-card .icon-box{width:52px;height:52px;border-radius:12px;background:#fff7ed;display:grid;place-items:center;margin-bottom:22px}.icon-card .icon-box img{width:24px}.icon-card p{margin:10px 0 0;color:var(--muted)}.media-card .media{aspect-ratio:4/3;overflow:hidden;background:#e5e7eb}.media-card .media img{width:100%;height:100%;object-fit:cover;transition:.35s}.media-card:hover .media img{transform:scale(1.035)}.card-body{padding:24px}.meta{display:flex;flex-wrap:wrap;gap:8px 15px;color:var(--muted);font-size:13px}.tag{display:inline-flex;align-items:center;height:27px;padding:0 9px;border-radius:6px;background:#fff7ed;color:#b45309;font-size:12px;font-weight:700}.tag.gray{background:#f1f5f9;color:#475569}.product-card h3,.project-card h3,.news-card h3{font-size:21px;margin:12px 0}.product-specs{display:flex;gap:14px;padding-top:16px;border-top:1px solid var(--line);margin-top:16px;font-size:13px;color:var(--muted)}.scene-card{position:relative;border-radius:16px;overflow:hidden;min-height:420px;color:#fff}.scene-card img{position:absolute;width:100%;height:100%;object-fit:cover;transition:.35s}.scene-card:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.05) 30%,rgba(0,0,0,.75) 100%)}.scene-card:hover img{transform:scale(1.035)}.scene-card-content{position:absolute;z-index:2;left:28px;right:28px;bottom:28px}.scene-card h3{color:#fff;margin-bottom:8px}.scene-card p{color:#e2e8f0;margin:0}.scene-grid{display:grid;grid-template-columns:1.25fr .75fr .75fr;grid-template-rows:repeat(2,280px);gap:18px}.scene-grid .scene-card{min-height:0}.scene-grid .scene-card:first-child{grid-row:1/3}.project-feature{display:grid;grid-template-columns:1.2fr .8fr;border-radius:16px;overflow:hidden;background:var(--ink);color:#fff}.project-feature img{height:100%;width:100%;object-fit:cover}.project-feature .content{padding:46px}.project-feature h3{color:#fff;font-size:32px}.project-feature p{color:#cbd5e1}.number-list{display:grid;gap:0;border-top:1px solid var(--line)}.number-row{display:grid;grid-template-columns:80px 1fr auto;gap:24px;align-items:center;padding:24px 0;border-bottom:1px solid var(--line)}.number-row .num{font-size:14px;color:var(--brand);font-weight:800}.number-row p{margin:5px 0 0;color:var(--muted)}
/* Inner pages */
.inner-hero{padding:172px 0 82px;background:var(--ink);color:#fff;position:relative;overflow:hidden}.inner-hero.with-image{min-height:520px;display:flex;align-items:end}.inner-hero .bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.46}.inner-hero.with-image:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(17,24,39,.92),rgba(17,24,39,.36))}.inner-hero .container{position:relative;z-index:2}.inner-hero p{max-width:720px;color:#cbd5e1;font-size:17px}.breadcrumb{display:flex;gap:8px;align-items:center;font-size:13px;color:#94a3b8;margin-bottom:22px}.breadcrumb a:hover{color:#fff}.filter-bar{display:flex;flex-wrap:wrap;gap:10px;padding:18px;background:#fff;border:1px solid var(--line);border-radius:12px;margin-bottom:34px}.filter-bar select,.filter-bar input,.form-control{height:46px;border:1px solid #cbd5e1;border-radius:8px;padding:0 13px;color:var(--text);background:#fff;outline:none}.filter-bar select:focus,.filter-bar input:focus,.form-control:focus,textarea.form-control:focus{border-color:var(--brand);box-shadow:0 0 0 3px rgba(217,119,6,.11)}.filter-bar .grow{flex:1 1 240px}.empty-state{text-align:center;padding:70px 20px;border:1px dashed #cbd5e1;border-radius:14px;background:#fff}.empty-state h3{margin-bottom:8px}.stats-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:14px;overflow:hidden;margin-top:-36px;position:relative;z-index:3}.stat-item{background:#fff;padding:26px;text-align:center}.stat-item strong{display:block;font-size:30px;color:var(--ink)}.stat-item span{font-size:13px;color:var(--muted)}
/* Detail */
.detail-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:54px;align-items:start}.gallery-main{aspect-ratio:4/3;border-radius:16px;overflow:hidden;background:#eef2f5}.gallery-main img{width:100%;height:100%;object-fit:cover}.gallery-thumbs{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:10px}.gallery-thumbs button{border:2px solid transparent;padding:0;border-radius:8px;overflow:hidden;background:none;aspect-ratio:4/3}.gallery-thumbs button.active{border-color:var(--brand)}.gallery-thumbs img{width:100%;height:100%;object-fit:cover}.detail-panel{position:sticky;top:96px}.detail-panel .summary{color:var(--muted);margin:18px 0 24px}.spec-chips{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin:24px 0}.spec-chip{padding:14px;border:1px solid var(--line);border-radius:9px}.spec-chip span{display:block;font-size:12px;color:var(--muted)}.spec-chip strong{font-size:16px}.feature-strip{display:grid;grid-template-columns:repeat(6,1fr);gap:14px}.feature-item{text-align:center;padding:20px 10px;border:1px solid var(--line);border-radius:12px}.feature-item img{width:26px;height:26px;margin:0 auto 10px}.spec-table{width:100%;border-collapse:collapse;border:1px solid var(--line)}.spec-table th,.spec-table td{padding:15px 18px;border-bottom:1px solid var(--line);text-align:left}.spec-table th{width:190px;background:#f8fafc;color:#475569;font-weight:600}.split{display:grid;grid-template-columns:1fr 1fr;gap:52px;align-items:center}.split img{border-radius:16px;aspect-ratio:4/3;object-fit:cover}.option-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.option{padding:20px;border:1px solid var(--line);border-radius:12px}.option strong{display:block}.option span{font-size:13px;color:var(--muted)}.article{width:min(820px,100%);margin:auto}.article h2{font-size:30px;margin:46px 0 16px}.article h3{font-size:22px;margin:32px 0 12px}.article p{font-size:16px;color:#374151}.article img{border-radius:14px;margin:28px 0}.article blockquote{margin:28px 0;padding:22px 26px;border-left:4px solid var(--brand);background:#fff7ed}.article-toc{position:sticky;top:100px;border:1px solid var(--line);padding:22px;border-radius:12px}.article-layout{display:grid;grid-template-columns:1fr 260px;gap:52px}.article-toc a{display:block;padding:8px 0;color:var(--muted);font-size:14px}.article-toc a:hover{color:var(--brand)}
/* Forms */
.form-card{border:1px solid var(--line);border-radius:16px;background:#fff;padding:34px}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.field{display:grid;gap:7px}.field.full{grid-column:1/-1}.field label{font-size:14px;font-weight:700;color:#334155}.field label b{color:var(--danger)}.form-control{width:100%}textarea.form-control{height:auto;min-height:130px;padding-top:12px;resize:vertical}.field-error{font-size:12px;color:var(--danger);display:none}.field.invalid .form-control{border-color:var(--danger)}.field.invalid .field-error{display:block}.checkbox{display:flex;align-items:flex-start;gap:10px;font-size:13px;color:var(--muted)}.checkbox input{margin-top:5px}.contact-layout{display:grid;grid-template-columns:.72fr 1.28fr;gap:50px}.contact-card{padding:28px;border:1px solid var(--line);border-radius:14px;margin-bottom:14px}.contact-card small{color:var(--muted)}.contact-card strong{display:block;font-size:19px;margin-top:6px}.stepper{display:grid;grid-template-columns:repeat(3,1fr);margin-bottom:34px}.step{display:flex;align-items:center;gap:10px;color:#94a3b8}.step span{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;border:1px solid #cbd5e1;font-weight:700}.step.active{color:var(--ink);font-weight:700}.step.active span,.step.done span{background:var(--brand);border-color:var(--brand);color:#fff}.step:not(:last-child):after{content:"";height:1px;background:var(--line);flex:1}.wizard-panel{display:none}.wizard-panel.active{display:block}.wizard-actions{display:flex;justify-content:space-between;margin-top:28px}.success-box{text-align:center;padding:58px 20px}.success-icon{width:64px;height:64px;margin:0 auto 20px;border-radius:50%;background:#dcfce7;color:var(--success);display:grid;place-items:center;font-size:30px}
/* service / timeline */
.timeline{display:grid;grid-template-columns:repeat(7,1fr);gap:12px;position:relative}.timeline:before{content:"";position:absolute;top:28px;left:5%;right:5%;height:1px;background:#cbd5e1}.timeline-item{position:relative}.timeline-num{width:56px;height:56px;border-radius:50%;background:#fff;border:1px solid var(--line);display:grid;place-items:center;color:var(--brand);font-weight:800;position:relative;z-index:2}.timeline-item h4{margin:18px 0 7px}.timeline-item p{font-size:13px;color:var(--muted);margin:0}.download-row{display:grid;grid-template-columns:1fr auto;gap:24px;align-items:center;padding:22px;border:1px solid var(--line);border-radius:12px}.download-row+.download-row{margin-top:12px}.download-row p{margin:5px 0 0;color:var(--muted);font-size:13px}
/* CTA/footer/floating */
.cta-band{padding:58px;border-radius:18px;background:linear-gradient(120deg,#111827,#293445);color:#fff;display:flex;align-items:center;justify-content:space-between;gap:28px}.cta-band h2{color:#fff}.cta-band p{color:#cbd5e1;margin:10px 0 0}.site-footer{background:#0b1220;color:#cbd5e1;padding:72px 0 0}.footer-grid{display:grid;grid-template-columns:1.4fr repeat(4,1fr);gap:42px}.footer-brand p{color:#94a3b8;max-width:340px}.site-footer h4{color:#fff;font-size:15px;margin-bottom:18px}.footer-links a{display:block;color:#94a3b8;padding:5px 0;font-size:14px}.footer-links a:hover{color:#fff}.footer-bottom{border-top:1px solid #273244;margin-top:54px;padding:20px 0;display:flex;justify-content:space-between;gap:20px;font-size:12px}.support-link{color:#fff;text-decoration:underline;text-underline-offset:3px}.floating-tools{position:fixed;right:20px;bottom:90px;z-index:45;display:grid;gap:8px}.floating-tools a,.floating-tools button{width:46px;height:46px;border:1px solid var(--line);background:#fff;border-radius:10px;display:grid;place-items:center;box-shadow:0 8px 24px rgba(15,23,42,.10)}.floating-tools img{width:21px}.mobile-bottom{display:none}.lightbox{position:fixed;inset:0;background:rgba(0,0,0,.9);z-index:100;display:none;align-items:center;justify-content:center;padding:40px}.lightbox.open{display:flex}.lightbox img{max-height:88vh;max-width:90vw;border-radius:10px}.lightbox-close{position:absolute;right:28px;top:22px;color:#fff;background:none;border:0;font-size:34px}.pagination{display:flex;gap:8px;justify-content:center;margin-top:44px}.pagination a,.pagination button{width:42px;height:42px;border:1px solid var(--line);border-radius:8px;display:grid;place-items:center;background:#fff;color:var(--ink);cursor:pointer}.pagination a.active,.pagination button.active{background:var(--ink);color:#fff;border-color:var(--ink)}.pagination button:disabled{opacity:.35;cursor:not-allowed}.notice{padding:16px 18px;border-radius:10px;background:#fffbeb;border:1px solid #fde68a;color:#92400e;font-size:14px}.search-highlight{background:#fef3c7;color:#92400e;padding:0 2px}.result-group{margin-top:38px}.result-item{padding:22px 0;border-bottom:1px solid var(--line)}.result-item h3{font-size:20px;margin:7px 0}.result-item p{color:var(--muted);margin:0}.notfound{text-align:center;padding:180px 20px 100px}.notfound .code{font-size:120px;font-weight:900;color:#e2e8f0;line-height:1}.notfound h1{font-size:38px;margin-top:-10px}
/* Responsive */
@media(max-width:1199px){.main-nav a{padding:0 8px;font-size:13px}.header-phone{display:none}.grid-4{grid-template-columns:repeat(2,1fr)}.scene-grid{grid-template-columns:1fr 1fr;grid-template-rows:auto}.scene-grid .scene-card:first-child{grid-row:auto;grid-column:1/-1;min-height:430px}.feature-strip{grid-template-columns:repeat(3,1fr)}.timeline{grid-template-columns:repeat(4,1fr);row-gap:34px}.timeline:before{display:none}.footer-grid{grid-template-columns:2fr repeat(2,1fr)}}
@media(max-width:991px){.site-header{height:64px}.main-nav,.header-actions .header-phone,.header-actions .btn{display:none}.menu-btn{display:grid}.header-actions{margin-left:auto}.mobile-drawer{position:fixed;top:64px;right:0;bottom:0;width:min(380px,88vw);background:#fff;color:var(--ink);z-index:59;padding:24px;transform:translateX(105%);transition:.28s;display:block;box-shadow:-16px 0 40px rgba(15,23,42,.15)}.mobile-drawer.open{transform:translateX(0)}.mobile-drawer nav a{display:block;padding:13px 0;border-bottom:1px solid var(--line);font-weight:700}.mobile-drawer .btn{width:100%;margin-top:18px}.hero{min-height:700px}.hero-stat{display:none}.grid-3{grid-template-columns:repeat(2,1fr)}.detail-grid,.contact-layout,.split,.article-layout{grid-template-columns:1fr}.detail-panel,.article-toc{position:static}.project-feature{grid-template-columns:1fr}.project-feature img{max-height:440px}.option-grid{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:1.5fr 1fr 1fr}.footer-grid>div:nth-child(4),.footer-grid>div:nth-child(5){display:none}}
@media(max-width:767px){body{padding-bottom:66px}.container,.container-wide{width:min(100% - 32px,1200px)}.section{padding:64px 0}.section-sm{padding:52px 0}.site-header{height:56px}.header-inner{gap:12px}.brand strong{font-size:22px}.brand small{display:none}.brand img{width:34px;height:34px}.mobile-drawer{top:56px}.hero{min-height:670px}.hero-content{padding-top:55px}.hero h1{font-size:38px}.hero p{font-size:16px}.hero-actions{flex-direction:column;align-items:flex-start}.hero-actions .btn{width:100%}.section-head{display:block;margin-bottom:30px}.section-head .text-link{margin-top:16px}.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.scene-grid{display:grid;grid-template-columns:1fr}.scene-grid .scene-card:first-child{grid-column:auto}.scene-card{min-height:350px!important}.stats-strip{grid-template-columns:repeat(2,1fr)}.inner-hero{padding:125px 0 56px}.inner-hero.with-image{min-height:420px}.filter-bar{display:grid;grid-template-columns:1fr}.filter-bar>*{width:100%}.detail-grid{gap:30px}.gallery-thumbs{grid-template-columns:repeat(4,1fr)}.feature-strip{grid-template-columns:repeat(2,1fr)}.spec-table th,.spec-table td{padding:12px;font-size:13px}.spec-table th{width:120px}.option-grid{grid-template-columns:1fr}.form-card{padding:22px}.form-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.stepper{gap:8px}.step{font-size:12px;display:grid;justify-items:center;text-align:center}.step:not(:last-child):after{display:none}.timeline{grid-template-columns:1fr}.timeline-item{display:grid;grid-template-columns:58px 1fr;column-gap:14px}.timeline-item h4{margin:5px 0}.timeline-item p{grid-column:2}.download-row{grid-template-columns:1fr}.cta-band{padding:34px 24px;display:block}.cta-band .hero-actions{margin-top:22px}.footer-grid{grid-template-columns:1fr}.footer-grid>div:nth-child(n){display:block}.footer-bottom{display:block;text-align:center}.footer-bottom>*+*{margin-top:8px}.floating-tools{display:none}.mobile-bottom{position:fixed;left:0;right:0;bottom:0;height:66px;background:#fff;border-top:1px solid var(--line);z-index:55;display:grid;grid-template-columns:1fr 1fr;padding:8px 12px max(8px,env(safe-area-inset-bottom));gap:8px}.mobile-bottom a{display:flex;align-items:center;justify-content:center;gap:8px;border-radius:8px;font-weight:700}.mobile-bottom a:first-child{border:1px solid var(--line)}.mobile-bottom a:last-child{background:var(--brand);color:#fff}.mobile-bottom img{width:19px}.number-row{grid-template-columns:54px 1fr}.number-row>a{grid-column:2}.article h2{font-size:26px}.project-feature .content{padding:28px}.project-feature h3{font-size:26px}.notfound .code{font-size:86px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
/* 需求文档补充交互与页面细节 */
.project-mini-grid{margin-top:24px}.filter-toggle{display:none;margin-bottom:14px}.filter-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:22px}.filter-tabs button{height:40px;padding:0 16px;border:1px solid var(--line);border-radius:999px;background:#fff;color:#475569;font-weight:700}.filter-tabs button:hover,.filter-tabs button.active{border-color:var(--brand);background:#fff7ed;color:#b45309}.table-scroll{width:100%;overflow-x:auto;border-radius:12px}.table-scroll .spec-table{min-width:760px}.btn:disabled{opacity:.58;cursor:not-allowed;transform:none}.filter-panel select{min-width:150px}.filter-panel input{min-width:190px}:focus-visible{outline:3px solid rgba(217,119,6,.28);outline-offset:3px}.gallery-main img{cursor:zoom-in}.download-filters{margin-bottom:28px}.project-mini-grid .media{aspect-ratio:16/10}.project-mini-grid .card-body{padding:20px}.project-mini-grid h3{font-size:19px}
@media(max-width:767px){.filter-toggle{display:inline-flex;width:100%}.filter-panel{display:none}.filter-panel.open{display:grid}.filter-tabs{overflow-x:auto;flex-wrap:nowrap;padding-bottom:4px;scrollbar-width:none}.filter-tabs::-webkit-scrollbar{display:none}.filter-tabs button{flex:0 0 auto}.project-mini-grid{grid-template-columns:1fr}.table-scroll{margin-left:0;margin-right:0}}
/* 首页场景拼贴：1 张主视觉 + 5 张场景卡 */
@media(min-width:1200px){.scene-grid{grid-template-columns:1.15fr .85fr .85fr .85fr;grid-template-rows:repeat(2,280px)}.scene-grid .scene-card:first-child{grid-row:1/3;grid-column:auto}.scene-grid .scene-card:last-child{grid-column:3/5}}
.product-tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:13px}.product-tags span{padding:4px 8px;border-radius:5px;background:#f1f5f9;color:#64748b;font-size:12px}.product-card .product-specs{flex-wrap:wrap}
@media(max-width:1199px){.scene-grid .scene-card:last-child{grid-column:auto}}
@media(prefers-reduced-motion:no-preference){.hero-bg{animation:heroZoom 14s ease-out both}@keyframes heroZoom{from{transform:scale(1)}to{transform:scale(1.035)}}}
/* 2026-09-17 11:46（北京）全站启用横版透明品牌 Logo */
.brand-logo{display:inline-flex;align-items:center;justify-content:center;line-height:1;flex:0 0 auto}
.brand-logo img{width:164px;height:auto;max-height:52px;object-fit:contain}
.site-header:not(.scrolled):not(.inner) .brand-logo{padding:5px 9px;background:rgba(255,255,255,.94);border-radius:8px;box-shadow:0 8px 24px rgba(15,23,42,.12);backdrop-filter:blur(8px)}
.footer-logo{padding:7px 10px;background:#fff;border-radius:8px}
.footer-logo img{width:196px;max-height:66px}
@media(max-width:1199px){.brand-logo img{width:145px}.header-inner{gap:20px}}
@media(max-width:991px){.brand-logo img{width:156px;max-height:46px}}
@media(max-width:767px){.brand-logo img{width:132px!important;height:auto!important;max-height:38px}.site-header:not(.scrolled):not(.inner) .brand-logo{padding:4px 7px}.footer-logo img{width:180px!important;max-height:60px}}


/* 2026-09-17 12:12 北京时间：商业官网高级动效系统 */
:root{--motion-ease:cubic-bezier(.22,1,.36,1);--motion-fast:360ms;--motion-mid:720ms;--motion-slow:1100ms}

/* 导航、Logo 与按钮反馈 */
.site-header{transition:background .42s ease,color .35s ease,box-shadow .42s ease,border-color .35s ease,backdrop-filter .35s ease}
.site-header.scrolled{backdrop-filter:saturate(140%) blur(14px)}
.brand-logo{transition:transform .35s var(--motion-ease),box-shadow .35s ease,background .35s ease}
.brand-logo:hover{transform:translateY(-1px) scale(1.012)}
.main-nav a:after{transform-origin:left center;transition:transform .4s var(--motion-ease)}
.main-nav a:not(.active):not(:hover):after{transform-origin:right center}
.btn{position:relative;overflow:hidden;isolation:isolate;transition:transform .32s var(--motion-ease),box-shadow .32s ease,background .28s ease,border-color .28s ease,color .28s ease}
.btn:before{content:"";position:absolute;z-index:-1;top:-60%;left:-36%;width:28%;height:220%;transform:translateX(-300%) rotate(18deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.34),transparent);transition:transform .68s var(--motion-ease);pointer-events:none}
.btn:hover:before{transform:translateX(620%) rotate(18deg)}
.btn:hover{transform:translateY(-3px)}
.text-link{transition:color .28s ease}
.text-link:after{transition:transform .36s var(--motion-ease)}
.icon-btn{transition:transform .28s var(--motion-ease),background .28s ease}
.icon-btn:hover{transform:translateY(-2px)}

/* 首页首屏：分层入场 + 微弱景深 */
.motion-enabled .hero-bg{animation:none!important;transform:translate3d(0,var(--hero-y,0px),0) scale(1.055);will-change:transform;transition:transform .12s linear}
.motion-enabled .hero-content>.eyebrow,.motion-enabled .hero-content>h1,.motion-enabled .hero-content>p,.motion-enabled .hero-actions,.motion-enabled .hero-pills span,.motion-enabled .hero-stat,.motion-enabled .scroll-mark{opacity:0;transform:translate3d(0,24px,0);filter:blur(5px)}
.motion-start .hero-content>.eyebrow,.motion-start .hero-content>h1,.motion-start .hero-content>p,.motion-start .hero-actions,.motion-start .hero-pills span,.motion-start .hero-stat,.motion-start .scroll-mark{opacity:1;transform:none;filter:blur(0);transition:opacity .82s var(--motion-ease),transform .9s var(--motion-ease),filter .8s ease}
.motion-start .hero-content>.eyebrow{transition-delay:.06s}.motion-start .hero-content>h1{transition-delay:.14s}.motion-start .hero-content>p{transition-delay:.24s}.motion-start .hero-actions{transition-delay:.34s}
.motion-start .hero-pills span:nth-child(1){transition-delay:.45s}.motion-start .hero-pills span:nth-child(2){transition-delay:.51s}.motion-start .hero-pills span:nth-child(3){transition-delay:.57s}.motion-start .hero-pills span:nth-child(4){transition-delay:.63s}.motion-start .hero-pills span:nth-child(n+5){transition-delay:.69s}
.motion-start .hero-stat{transition-delay:.56s}.motion-start .scroll-mark{transition-delay:.82s}
.hero-stat{transition:transform .35s var(--motion-ease),background .35s ease,border-color .35s ease,box-shadow .35s ease}
.hero-stat:hover{transform:translateY(-5px);background:rgba(17,24,39,.68);border-color:rgba(255,255,255,.38);box-shadow:0 24px 60px rgba(0,0,0,.22)}
.scroll-mark:after{content:"";display:block;width:1px;height:24px;margin:8px auto 0;background:linear-gradient(#fff,transparent);transform-origin:top;animation:bozhuScrollLine 1.8s ease-in-out infinite}
@keyframes bozhuScrollLine{0%,100%{transform:scaleY(.35);opacity:.35}50%{transform:scaleY(1);opacity:1}}

/* 通用滚动显现 */
.motion-enabled :where(.motion-reveal){opacity:0;transform:translate3d(0,38px,0);filter:blur(4px);transition:opacity var(--motion-mid) var(--motion-ease),transform var(--motion-mid) var(--motion-ease),filter var(--motion-mid) ease;transition-delay:var(--motion-delay,0ms);will-change:opacity,transform}
.motion-enabled :where(.motion-reveal.motion-left){transform:translate3d(-42px,8px,0)}
.motion-enabled :where(.motion-reveal.motion-right){transform:translate3d(42px,8px,0)}
.motion-enabled :where(.motion-reveal.motion-scale){transform:scale(.965) translate3d(0,18px,0)}
.motion-enabled :where(.motion-reveal).is-visible{opacity:1;transform:none;filter:none;will-change:auto}

/* 内页 Banner 分层进入 */
.motion-enabled .inner-hero .container>*{opacity:0;transform:translateY(22px);filter:blur(4px)}
.motion-start .inner-hero .container>*{opacity:1;transform:none;filter:none;transition:opacity .75s var(--motion-ease),transform .82s var(--motion-ease),filter .7s ease}
.motion-start .inner-hero .container>*:nth-child(1){transition-delay:.05s}.motion-start .inner-hero .container>*:nth-child(2){transition-delay:.13s}.motion-start .inner-hero .container>*:nth-child(3){transition-delay:.22s}.motion-start .inner-hero .container>*:nth-child(4){transition-delay:.30s}
.inner-hero.with-image .bg{transition:transform 1.4s var(--motion-ease),filter .6s ease;transform:scale(1.025)}
.motion-start .inner-hero.with-image .bg{transform:scale(1)}

/* 卡片、图片与场景模块 */
.card{position:relative;transition:transform .42s var(--motion-ease),box-shadow .42s ease,border-color .35s ease}
.card:after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 1px rgba(217,119,6,0);pointer-events:none;transition:box-shadow .35s ease}
.card:hover{transform:translateY(-8px);box-shadow:0 26px 70px rgba(15,23,42,.14);border-color:#d7dee8}
.card:hover:after{box-shadow:inset 0 0 0 1px rgba(217,119,6,.18)}
.media-card .media{position:relative}
.media-card .media:after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 20%,rgba(255,255,255,.16) 46%,transparent 68%);transform:translateX(-130%);transition:transform .9s var(--motion-ease);pointer-events:none}
.media-card:hover .media:after{transform:translateX(130%)}
.media-card .media img{transition:transform .85s var(--motion-ease),filter .5s ease}
.media-card:hover .media img{transform:scale(1.065);filter:saturate(1.04) contrast(1.02)}
.scene-card{box-shadow:0 18px 40px rgba(15,23,42,.08);transition:transform .5s var(--motion-ease),box-shadow .5s ease}
.scene-card:after{transition:background .55s ease}
.scene-card img{transition:transform 1s var(--motion-ease),filter .55s ease}
.scene-card-content{transition:transform .55s var(--motion-ease)}
.scene-card:hover{transform:translateY(-6px);box-shadow:0 28px 65px rgba(15,23,42,.19)}
.scene-card:hover img{transform:scale(1.075);filter:saturate(1.06)}
.scene-card:hover:after{background:linear-gradient(180deg,rgba(0,0,0,.02) 20%,rgba(0,0,0,.82) 100%)}
.scene-card:hover .scene-card-content{transform:translateY(-7px)}
.project-feature{transition:transform .48s var(--motion-ease),box-shadow .48s ease}
.project-feature:hover{transform:translateY(-5px);box-shadow:0 28px 70px rgba(15,23,42,.2)}
.project-feature>img{transition:transform 1s var(--motion-ease),filter .5s ease}
.project-feature:hover>img{transform:scale(1.035);filter:saturate(1.05)}
.split>img,[data-lightbox]{transition:transform .65s var(--motion-ease),box-shadow .45s ease,filter .45s ease}
.split>img:hover,[data-lightbox]:hover{transform:scale(1.018);box-shadow:0 22px 55px rgba(15,23,42,.13);filter:saturate(1.04)}
.number-row{transition:background .32s ease,padding .32s var(--motion-ease)}
.number-row:hover{background:linear-gradient(90deg,#fff7ed,transparent);padding-left:10px;padding-right:10px}
.number-row .num{transition:transform .35s var(--motion-ease),color .35s ease}
.number-row:hover .num{transform:translateX(4px);color:var(--brand-dark)}

/* 数据与流程 */
.stat-item strong{display:inline-block;transition:transform .35s var(--motion-ease),color .35s ease}
.stat-item:hover strong{transform:translateY(-3px);color:var(--brand)}
.timeline-item span,.step span{transition:transform .36s var(--motion-ease),box-shadow .36s ease,background .3s ease,border-color .3s ease}
.timeline-item:hover span,.step.active span{transform:scale(1.08);box-shadow:0 10px 24px rgba(217,119,6,.2)}
.cta-band{position:relative;overflow:hidden}
.cta-band:before{content:"";position:absolute;width:380px;height:380px;right:-130px;top:-180px;border-radius:50%;background:radial-gradient(circle,rgba(217,119,6,.22),transparent 68%);transform:scale(.8);transition:transform 1s var(--motion-ease)}
.cta-band:hover:before{transform:scale(1.12)}
.cta-band>*{position:relative;z-index:1}

/* 产品详情画廊与灯箱 */
.gallery-main{overflow:hidden}
.gallery-main img{transition:opacity .28s ease,transform .48s var(--motion-ease),filter .35s ease}
.gallery-main img.gallery-switching{opacity:.28;transform:scale(.985);filter:blur(2px)}
.gallery-thumbs>*{transition:transform .3s var(--motion-ease),border-color .3s ease,box-shadow .3s ease}
.gallery-thumbs>*:hover{transform:translateY(-3px)}
.lightbox.open{animation:bozhuLightboxIn .26s ease both}
.lightbox.open img{animation:bozhuLightboxImage .42s var(--motion-ease) both}
@keyframes bozhuLightboxIn{from{opacity:0}to{opacity:1}}
@keyframes bozhuLightboxImage{from{opacity:0;transform:scale(.94)}to{opacity:1;transform:none}}

/* 表单与询价步骤 */
.field input,.field select,.field textarea{transition:border-color .25s ease,box-shadow .25s ease,transform .25s var(--motion-ease),background .25s ease}
.field input:focus,.field select:focus,.field textarea:focus{transform:translateY(-1px);box-shadow:0 0 0 4px rgba(217,119,6,.1)}
.wizard-panel.active{animation:bozhuWizardIn .48s var(--motion-ease) both}
.inquiry-backward .wizard-panel.active{animation-name:bozhuWizardBack}
@keyframes bozhuWizardIn{from{opacity:0;transform:translateX(22px)}to{opacity:1;transform:none}}
@keyframes bozhuWizardBack{from{opacity:0;transform:translateX(-22px)}to{opacity:1;transform:none}}
.success-box{animation:bozhuSuccess .6s var(--motion-ease) both}
.success-icon{animation:bozhuSuccessIcon .72s var(--motion-ease) .08s both}
@keyframes bozhuSuccess{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
@keyframes bozhuSuccessIcon{0%{opacity:0;transform:scale(.55) rotate(-12deg)}70%{transform:scale(1.08) rotate(2deg)}100%{opacity:1;transform:none}}

/* 页脚与悬浮工具 */
.footer-links a{transition:color .25s ease,transform .3s var(--motion-ease)}
.footer-links a:hover{transform:translateX(4px)}
.floating-tools a,.floating-tools button{transition:opacity .3s ease,transform .35s var(--motion-ease),box-shadow .35s ease,border-color .3s ease}
.floating-tools a:hover,.floating-tools button:hover{transform:translateY(-4px) scale(1.04);box-shadow:0 14px 34px rgba(15,23,42,.17);border-color:#cbd5e1}
#backTop{opacity:0;pointer-events:none;transform:translateY(10px)}
#backTop.is-shown{opacity:1;pointer-events:auto;transform:none}

/* 仅支持 hover 的设备启用更明显的悬停动效 */
@media(hover:none){.card:hover,.scene-card:hover,.project-feature:hover,.split>img:hover,[data-lightbox]:hover{transform:none;box-shadow:initial}.media-card:hover .media img,.scene-card:hover img,.project-feature:hover>img{transform:none}.btn:hover{transform:none}}

/* 移动端减弱位移与持续动画，保持顺滑 */
@media(max-width:767px){
 .motion-enabled :where(.motion-reveal){transform:translate3d(0,20px,0);filter:blur(2px);transition-duration:560ms}
 .motion-enabled .motion-reveal.motion-left,.motion-enabled :where(.motion-reveal.motion-right){transform:translate3d(0,20px,0)}
 .motion-enabled .hero-bg{transform:scale(1.03)!important;transition:none!important}
 .hero-pills span{backdrop-filter:none}
 .scroll-mark{display:none}
 .card:hover,.scene-card:hover,.project-feature:hover{transform:none}
 .wizard-panel.active{animation-duration:.36s}
}

/* 无障碍：用户要求减少动态效果时展示最终状态 */
@media(prefers-reduced-motion:reduce){
 .motion-enabled :where(.motion-reveal),.motion-enabled .hero-content>* , .motion-enabled .hero-stat,.motion-enabled .scroll-mark,.motion-enabled .inner-hero .container>*{opacity:1!important;transform:none!important;filter:none!important}
 .hero-bg,.scroll-mark:after,.wizard-panel.active,.success-box,.success-icon,.lightbox.open,.lightbox.open img{animation:none!important;transform:none!important}
}