[data-pw-landing], [data-pw-landing] *, [data-pw-landing] *::before, [data-pw-landing] *::after { box-sizing: border-box; }
[data-pw-landing] { --pw-primary:#276dc1; --pw-primary-hover:#1f5aa1; --pw-primary-active:#1a4b87; --pw-primary-soft:#eaf1fa; --pw-primary-ink:#17508f; --pw-canvas:#f5f7fa; --pw-surface:#fff; --pw-surface-sunken:#edf1f6; --pw-surface-deep:#0f1a26; --pw-ink:#141a21; --pw-ink-secondary:#4a5663; --pw-ink-meta:#6b7684; --pw-border:#dde3ea; --pw-border-control:#8a94a1; --pw-success:#14804a; --pw-overlay:rgba(15,26,38,.72); color:var(--pw-ink); font-family:"Noto Sans SC","Source Han Sans SC","PingFang SC","Microsoft YaHei",sans-serif; font-size:16px; line-height:1.75; overflow:hidden; background:var(--pw-canvas); }
[data-pw-landing] a {  text-decoration:none; } [data-pw-landing] button,[data-pw-landing] input,[data-pw-landing] textarea { font:inherit; } [data-pw-landing] button { cursor:pointer; } [data-pw-landing] button:disabled { cursor:not-allowed; opacity:.55; } [data-pw-landing] :focus-visible { outline:2px solid var(--pw-primary); outline-offset:3px; }
.pw-container { margin:0 auto; max-width:1464px; padding:0 32px; width:100%; } .pw-section { padding:96px 0; } .pw-section-heading { margin-bottom:32px; max-width:680px; } .pw-section-heading--center { margin-left:auto; margin-right:auto; text-align:center; } .pw-section-heading h2 { font-size:30px; letter-spacing:-.01em; line-height:1.3; margin:12px 0 8px; } .pw-section-heading p { color:var(--pw-ink-secondary); font-size:16px; margin:0; } .pw-heading-rule { background:var(--pw-primary); display:block; height:2px; margin-top:20px; width:48px; } .pw-section-heading--center .pw-heading-rule { margin-left:auto; margin-right:auto; }
.pw-eyebrow,.pw-line-panel__eyebrow,.pw-equipment-card__tag,.pw-video-preview__badge { background:var(--pw-primary-soft); color:var(--pw-primary-ink); display:inline-flex; font-size:12px; font-weight:600; letter-spacing:.08em; line-height:1.4; padding:5px 8px; }
.pw-btn-primary,.pw-btn-text { align-items:center; display:inline-flex; font-size:15px; font-weight:500; gap:8px; justify-content:center; min-height:48px; transition:background .15s ease,border-color .15s ease,color .15s ease,transform .15s ease; } .pw-btn-primary { background:var(--pw-primary); border:1px solid var(--pw-primary); border-radius:6px; color:#fff; padding:0 20px; } .pw-btn-primary:hover { background:var(--pw-primary-hover); border-color:var(--pw-primary-hover); } .pw-btn-primary:active { background:var(--pw-primary-active); transform:translateY(1px); } .pw-btn-text { color:var(--pw-primary-ink); min-height:44px; padding:0; } .pw-btn-text:hover { text-decoration:underline; }
.pw-hero { background:var(--pw-canvas); padding-top:48px; } .pw-hero-grid { display:grid; grid-template-columns:1fr 1fr; } .pw-desktop-line + .pw-desktop-line { border-left:1px solid var(--pw-border); } .pw-line-panel { padding:0 32px; } .pw-line-panel h1 { font-size:36px; font-weight:600; letter-spacing:-.015em; line-height:1.3; margin:16px 0 24px; max-width:450px; } .pw-line-panel__copy { color:var(--pw-ink-secondary); font-size:16px; margin:20px 0 16px; max-width:560px; } .pw-line-panel__meta { display:flex; flex-wrap:wrap; gap:8px 18px; margin-bottom:16px; } .pw-line-panel__meta span { color:var(--pw-ink-meta); font-family:ui-monospace,Consolas,monospace; font-size:14px; } .pw-line-panel__actions { align-items:center; display:flex; flex-wrap:wrap; gap:18px; } .pw-mobile-line-tabs,.pw-mobile-line { display:none; }
[data-pw-landing] .pw-video-shell { aspect-ratio:16/9; background:var(--pw-surface-deep); border-radius:10px; height:auto; max-width:100%; overflow:hidden; position:relative; width:100%; } [data-pw-landing] .pw-video-shell>img { height:100%; object-fit:cover; position:absolute; width:100%; } [data-pw-landing] .pw-video-player { background:#000; display:block !important; height:100% !important; inset:0; max-height:none !important; max-width:none !important; object-fit:contain; position:absolute !important; width:100% !important; } .pw-video-play { align-items:center; background:#fff; border:0; border-radius:50%; color:var(--pw-primary); display:flex; height:64px; justify-content:center; left:50%; position:absolute; top:50%; transform:translate(-50%,-50%); width:64px; } .pw-video-play:hover { background:var(--pw-primary); color:#fff; } .pw-play-triangle { border-bottom:9px solid transparent; border-left:14px solid currentColor; border-top:9px solid transparent; display:block; margin-left:4px; } .pw-video-caption { bottom:12px; color:rgba(255,255,255,.85); font-size:12px; left:16px; position:absolute; } .pw-video-preview { align-items:center; background:rgba(15,26,38,.86); color:#fff; display:flex; flex-direction:column; inset:0; justify-content:center; position:absolute; text-align:center; } .pw-video-preview strong { font-size:20px; font-weight:500; } .pw-video-preview small { color:rgba(255,255,255,.7); margin-top:4px; }
.pw-materials { background:var(--pw-surface); border-bottom:1px solid var(--pw-border); border-top:1px solid var(--pw-border); } .pw-materials-rail { display:grid; grid-template-columns:repeat(4,112px); justify-content:center; gap:80px; } .pw-material-item { align-items:center; display:flex; flex-direction:column; gap:12px; } .pw-raw-circle { background:var(--pw-surface-sunken); border:1px solid var(--pw-border); border-radius:50%; height:112px; overflow:hidden; width:112px; } .pw-raw-circle img { height:100%; object-fit:cover; width:100%; } .pw-raw-label { font-size:15px; font-weight:500; white-space:nowrap; }
.pw-equipment { background:var(--pw-canvas); } .pw-equipment-grid { display:grid; gap:24px; grid-template-columns:repeat(3,1fr); } .pw-equipment-card { background:var(--pw-surface); border:1px solid var(--pw-border); border-radius:10px; color:inherit; display:flex; flex-direction:column; padding:20px; text-align:left; } .pw-equipment-card:hover { border-color:var(--pw-border-control); } .pw-equipment-card__image { aspect-ratio:3/2; background:var(--pw-surface-sunken); border-radius:6px; display:block; margin-bottom:16px; overflow:hidden; } .pw-equipment-card__image img { height:100%; object-fit:cover; width:100%; } .pw-equipment-card__tag { align-self:flex-start; margin-bottom:10px; } .pw-equipment-card strong { font-size:22px; line-height:1.4; } .pw-equipment-card>span:not(.pw-equipment-card__image):not(.pw-equipment-card__tag) { color:var(--pw-ink-secondary); font-size:14px; line-height:1.7; margin-top:8px; min-height:48px; } .pw-equipment-card em { color:var(--pw-primary-ink); font-size:14px; font-style:normal; font-weight:500; margin-top:16px; }
.pw-services { background:var(--pw-surface); } .pw-services-grid { display:grid; gap:24px; grid-template-columns:repeat(2,1fr); } .pw-service-tile { background:var(--pw-surface); border:1px solid var(--pw-border); border-radius:10px; display:grid; grid-template-columns:40% 60%; min-height:240px; overflow:hidden; } .pw-service-tile>img { height:100%; min-height:240px; object-fit:cover; width:100%; } .pw-service-tile__content { padding:24px; } .pw-service-tile__content h3 { font-size:22px; line-height:1.4; margin:12px 0 6px; } .pw-service-tile__content p { color:var(--pw-ink-secondary); font-size:14px; line-height:1.7; margin:0 0 12px; } .pw-services-mobile { display:none; }
.pw-contact { background:var(--pw-canvas); } .pw-contact-grid { display:grid; gap:48px; grid-template-columns:5fr 7fr; } .pw-form-card { align-self:start; background:var(--pw-surface); border:1px solid var(--pw-border); border-radius:16px; padding:32px; } .pw-form-card h2 { font-size:30px; line-height:1.3; margin:14px 0 8px; } .pw-form-card>p { color:var(--pw-ink-secondary); font-size:14px; margin:0 0 24px; } .pw-field { display:flex; flex-direction:column; gap:7px; margin-bottom:18px; } .pw-field>span { font-size:14px; font-weight:500; } .pw-field>span small { color:var(--pw-ink-meta); font-size:12px; margin-left:5px; } .pw-field input,.pw-field textarea { background:#fff; border:1px solid var(--pw-border-control); border-radius:6px; color:var(--pw-ink); min-height:48px; padding:12px 14px; resize:vertical; } .pw-field input:focus,.pw-field textarea:focus { border-color:var(--pw-primary); outline:none; } .pw-form-submit { border:0; width:100%; } .pw-form-status { color:var(--pw-success); display:block; font-size:13px; margin-top:12px; opacity:0; } .pw-form-status--is-visible { opacity:1; } .pw-field-help { color:var(--pw-ink-meta); display:block; font-size:12px; margin-top:14px; } .pw-faq-list { display:grid; gap:8px; } .pw-faq-item { background:#fff; border:1px solid var(--pw-border); border-radius:6px; overflow:hidden; } .pw-faq-trigger { align-items:center; background:transparent; border:0; color:var(--pw-ink); display:flex; font-size:18px; font-weight:600; justify-content:space-between; min-height:56px; padding:12px 20px; text-align:left; width:100%; } .pw-faq-trigger span:last-child { color:var(--pw-primary-ink); font-size:22px; } .pw-faq-panel { border-top:1px solid var(--pw-border); color:var(--pw-ink-secondary); padding:16px 20px 20px; } .pw-faq-panel p { margin:0; }
.pw-lightbox { align-items:center; background:var(--pw-overlay); display:flex; inset:0; justify-content:center; padding:24px; position:fixed; z-index:99999; } .pw-lightbox__panel { background:#fff; border-radius:16px; max-height:90vh; max-width:1040px; overflow:auto; position:relative; width:100%; } .pw-lightbox__close { background:var(--pw-surface-sunken); border:0; border-radius:50%; font-size:20px; height:44px; position:absolute; right:16px; top:16px; width:44px; } .pw-lightbox__panel>img { aspect-ratio:16/10; display:block; object-fit:cover; width:100%; } .pw-lightbox__body { padding:32px; } .pw-lightbox__body h3 { font-size:30px; margin:14px 0 8px; } .pw-lightbox__body p { color:var(--pw-ink-secondary); } .pw-lightbox__specs { border-bottom:1px solid var(--pw-border); border-top:1px solid var(--pw-border); color:var(--pw-ink-meta); margin:24px 0; padding:14px 0; }
@media(max-width:900px){ .pw-container{padding:0 24px}.pw-section{padding:64px 0}.pw-equipment-grid{grid-template-columns:repeat(2,1fr)}.pw-contact-grid{gap:32px;grid-template-columns:1fr} }
@media(max-width:639px){ .pw-container{padding:0 16px}.pw-section{padding:48px 0}.pw-section-heading h2,.pw-form-card h2{font-size:24px}.pw-hero{padding-top:16px}.pw-mobile-line-tabs{background:var(--pw-surface-sunken);border-radius:6px;display:grid;gap:4px;grid-template-columns:1fr 1fr;margin:0 0 24px;padding:4px}.pw-line-tab{background:transparent;border:0;border-bottom:2px solid transparent;color:var(--pw-ink-secondary);min-height:44px;padding:0 8px}.pw-line-tab--is-active{background:#fff;border-bottom-color:var(--pw-primary);color:var(--pw-primary-ink);font-weight:600}.pw-hero-grid{display:block}.pw-desktop-line{display:none}.pw-mobile-line{display:block}.pw-mobile-line[hidden],[data-pw-landing] [hidden]{display:none !important}.pw-line-panel{padding:0}.pw-line-panel h1{font-size:30px}.pw-line-panel__actions{align-items:stretch;flex-direction:column;gap:8px}.pw-btn-primary{min-height:52px;width:100%}.pw-btn-text{justify-content:flex-start}.pw-video-play{height:56px;width:56px}.pw-materials .pw-section-heading{text-align:left}.pw-materials .pw-heading-rule{margin-left:0}.pw-materials-rail{display:flex;gap:16px;justify-content:flex-start;overflow-x:auto;padding:4px 0 12px;scroll-snap-type:x mandatory;scrollbar-width:none}.pw-materials-rail::-webkit-scrollbar{display:none}.pw-material-item{flex:0 0 96px;scroll-snap-align:start}.pw-raw-circle{height:96px;width:96px}.pw-equipment-grid{grid-template-columns:1fr;gap:16px}.pw-equipment-card__image{aspect-ratio:16/9}.pw-services-grid{display:none}.pw-services-mobile{display:block}.pw-service-tile{display:block}.pw-service-tile>img{aspect-ratio:16/9;min-height:0}.pw-service-tile__content{padding:20px}.pw-carousel-controls{align-items:center;display:flex;gap:10px;justify-content:space-between;margin-top:16px}.pw-carousel-nav{align-items:center;background:#fff;border:1px solid var(--pw-border);border-radius:50%;color:var(--pw-primary-ink);display:flex;height:44px;justify-content:center;width:44px}.pw-carousel-count{color:var(--pw-ink-meta);font-family:ui-monospace,Consolas,monospace;font-size:13px}.pw-carousel-dots{display:flex;gap:4px}.pw-carousel-dot{background:var(--pw-border);border:0;border-radius:50%;height:8px;padding:0;width:8px}.pw-carousel-dot--is-active{background:var(--pw-primary)}.pw-contact-grid{grid-template-columns:1fr}.pw-form-card{padding:20px}.pw-faq-trigger{font-size:16px;padding:12px 16px}.pw-faq-panel{padding:14px 16px 18px}.pw-lightbox{align-items:flex-end;padding:0}.pw-lightbox__panel{border-radius:16px 16px 0 0}.pw-lightbox__body{padding:24px 20px 32px} }