/* OPC 基地；只作用于基地路由及原项目／案例的页面外壳。 */
.opc-base-page~.guide-shell{display:none!important}
.opc-legacy-nav{display:flex;gap:7px;align-items:center;overflow-x:auto;width:100%;padding:11px max(16px,env(safe-area-inset-left));border-bottom:1px solid #e0e8f1;background:#f7faff;white-space:nowrap;scrollbar-width:thin}.opc-legacy-nav a{flex:none;padding:7px 12px;border-radius:7px;color:#526d8b;font-size:12px;font-weight:650;text-decoration:none}.opc-legacy-nav a:hover,.opc-legacy-nav a[aria-current]{background:#e0edff;color:#1c62c4}
body.zmt-opc-solutions-page .zmt-opc-model-header,body.zmt-opc-solutions-page .zmt-opc-model-layout,body.zmt-opc-solutions-page .zmt-opc-case-nav{width:100%;max-width:none;margin-inline:0}
body.zmt-opc-solutions-page .zmt-opc-model-header,body.zmt-opc-solutions-page .zmt-opc-model-layout,body.zmt-opc-solutions-page .zmt-opc .zmt-opc-catalog{padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right))}
body.baiye-shell .baiye-page-wrap{width:100%;max-width:none;margin-inline:0;padding-inline:max(16px,env(safe-area-inset-left)) max(16px,env(safe-area-inset-right))}
body.baiye-shell .baiye-list-page .baiye-page-wrap,body.baiye-shell .zmt-case-page .baiye-page-wrap{max-width:none}
.opc-base-page{--opc-gutter:16px;--opc-gap:24px;--opc-sidebar:208px;min-height:calc(100vh - 70px);background:#f6f9fc;color:#16283e;-webkit-font-smoothing:antialiased}
.opc-base-page *,.opc-base-page *::before,.opc-base-page *::after{box-sizing:border-box}
.opc-base-page a{text-decoration:none}
.opc-base-layout{width:100%;max-width:none;margin:0;padding:0 max(var(--opc-gutter),env(safe-area-inset-right)) 0 max(var(--opc-gutter),env(safe-area-inset-left));display:grid;grid-template-columns:minmax(0,1fr);gap:var(--opc-gap)}
.opc-base-main{min-width:0;padding:28px 0 0;container-type:inline-size}
.opc-base-sidebar{display:none;min-width:0;min-height:100%;padding:30px 12px 40px 0;border-right:1px solid #e0e8f1;background:linear-gradient(160deg,#f0f7ff,#f8fbfd 78%)}
.opc-side-brand{padding:2px 14px 20px}.opc-side-brand span{display:block;font-size:19px;font-weight:800;letter-spacing:-.02em}.opc-side-brand small{display:block;margin-top:6px;color:#71849b;font-size:11px}
.opc-base-sidebar nav{display:grid;gap:5px}.opc-base-sidebar nav a{padding:11px 14px;border-radius:10px;color:#4d6079;font-size:14px;font-weight:600;transition:background .18s,color .18s,transform .18s}.opc-base-sidebar nav a:hover{background:#e8f1ff;color:#1762cf;transform:translateX(2px)}.opc-base-sidebar nav a.is-current{background:#dcecff;color:#1455b6;font-weight:750}
.opc-side-note{margin:42px 14px;color:#8aa0b6;font-size:12px;line-height:1.9}
.opc-mobile-nav{display:flex;gap:7px;overflow-x:auto;padding:0 0 16px;scrollbar-width:thin;white-space:nowrap}.opc-mobile-nav a{flex:none;padding:8px 12px;border:1px solid #dce6f1;border-radius:999px;background:#fff;color:#405874;font-size:12px;font-weight:650}.opc-mobile-nav a:hover{border-color:#6ba5fa;color:#1260d0}
.opc-hero{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(260px,.55fr);gap:30px;align-items:center;min-height:340px;overflow:hidden;padding:clamp(30px,4vw,68px);border:1px solid #dbe7f5;border-radius:22px;background:radial-gradient(circle at 72% 8%,#e4f2ff 0,transparent 33%),linear-gradient(115deg,#fff,#eaf5ff 72%,#d5eafb);box-shadow:0 14px 45px rgba(41,83,127,.07)}
.opc-eyebrow{display:block;color:#3474c8;font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}
.opc-hero h1{margin:13px 0 18px;color:#172b44;font-family:Georgia,'Songti SC','Noto Serif CJK SC',serif;font-size:clamp(36px,3.4vw,64px);font-weight:750;letter-spacing:-.04em;line-height:1.2;text-wrap:balance}.opc-hero p{max-width:58ch;margin:0;color:#536a84;font-size:16px;line-height:1.85}
.opc-hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:25px}.opc-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:42px;padding:10px 19px;border:1px solid #2166d1;border-radius:9px;background:#2166d1;color:#fff!important;font-size:13px;font-weight:750;cursor:pointer;transition:transform .18s,box-shadow .18s,background .18s}.opc-button:hover{background:#1457bd;box-shadow:0 8px 18px rgba(33,102,209,.17);transform:translateY(-1px)}.opc-button:focus-visible,.opc-base-page a:focus-visible,.opc-base-page button:focus-visible,.opc-base-page input:focus-visible,.opc-base-page select:focus-visible{outline:3px solid #76b2ff;outline-offset:3px}.opc-button-light{border-color:#cdddef;background:#fff;color:#315e9a!important}.opc-button-light:hover{background:#f5f9ff}
.opc-hero-search{display:flex;align-items:center;max-width:590px;height:48px;margin-top:26px;padding:4px 5px 4px 16px;border:1px solid #d6e4f2;border-radius:10px;background:#fff;box-shadow:0 3px 16px rgba(38,84,129,.06)}.opc-hero-search input{flex:1;min-width:0;height:100%;border:0;background:transparent;outline:0;color:#2a435e;font-size:13px}.opc-hero-search button{height:38px;padding:0 15px;border:0;border-radius:7px;background:#e8f2ff;color:#2166c2;font-size:12px;font-weight:750;cursor:pointer}
.opc-hero-art{position:relative;display:flex;flex-direction:column;justify-content:center;min-height:210px;padding:30px;isolation:isolate;color:#315c86}.opc-hero-art::before,.opc-hero-art::after{position:absolute;z-index:-1;content:'';border-radius:50%}.opc-hero-art::before{width:310px;height:310px;right:-65px;top:-40px;background:linear-gradient(145deg,#d3eafa,#92b7df);opacity:.48}.opc-hero-art::after{width:210px;height:210px;right:15px;bottom:-65px;border:1px solid #fff8;background:#fff5}.opc-hero-art span{font-size:13px;letter-spacing:.12em}.opc-hero-art strong{margin-top:14px;font-family:Georgia,'Songti SC',serif;font-size:clamp(24px,2.2vw,42px);line-height:1.4}.opc-hero-art i{position:absolute;right:10%;bottom:6px;width:28%;height:4px;border-radius:99px;background:#609add}
.opc-section{margin-top:42px}.opc-section-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:18px}.opc-section-head h2{margin:4px 0 0;color:#172c43;font-size:24px;font-weight:800;letter-spacing:-.02em}.opc-section-head p{margin:0;color:#8292a5;font-size:13px}.opc-section-head>a{color:#2b6fca;font-size:13px;font-weight:700;white-space:nowrap}
.opc-feature-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.opc-content-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:20px}
.opc-card{position:relative;display:flex;flex-direction:column;min-width:0;min-height:176px;padding:22px 24px;border:1px solid #e3eaf3;border-radius:13px;background:#fff;color:#263a50;box-shadow:0 3px 16px rgba(28,64,101,.03);transition:transform .18s,border-color .18s,box-shadow .18s}.opc-card:hover{transform:translateY(-3px);border-color:#b5d3f5;box-shadow:0 11px 24px rgba(34,87,143,.09)}.opc-card-label{color:#3580d0;font-size:11px;font-weight:800}.opc-card h3{margin:15px 0 9px;color:#1b3046;font-size:18px;font-weight:780;line-height:1.35}.opc-card p{margin:0 0 12px;color:#667b91;font-size:13px;line-height:1.65;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.opc-card small{margin-top:auto;color:#91a0b0;font-size:11px}.opc-card-arrow{position:absolute;right:23px;top:19px;color:#8fb0d4;font-size:19px}
.opc-resource-band{display:flex;justify-content:space-between;gap:25px;align-items:center;margin:44px 0 30px;padding:30px 38px;border-radius:17px;background:linear-gradient(110deg,#163a6a,#2877c6);color:#fff}.opc-resource-band .opc-eyebrow{color:#b6d8ff}.opc-resource-band h2{margin:8px 0;font-size:25px}.opc-resource-band p{max-width:65ch;margin:0;color:#dfedff;font-size:13px;line-height:1.7}.opc-resource-band>div:last-child{display:flex;gap:10px;flex-wrap:wrap}.opc-resource-band a{display:flex;justify-content:space-between;gap:18px;min-width:105px;padding:12px 16px;border:1px solid #ffffff6e;border-radius:8px;color:#fff;font-size:13px;font-weight:750}.opc-resource-band a:hover{background:#ffffff2b}
.opc-breadcrumb{display:flex;gap:9px;align-items:center;flex-wrap:wrap;color:#8595a6;font-size:12px}.opc-breadcrumb a{color:#567390}.opc-breadcrumb a:hover{color:#2166d1}.opc-page-title{margin:28px 0 26px}.opc-page-title h1,.opc-resource-detail h1{margin:7px 0 12px;color:#172b43;font-size:clamp(30px,2.7vw,48px);line-height:1.25}.opc-page-title p{max-width:82ch;margin:0;color:#6e8195;font-size:14px;line-height:1.7}
.opc-filter{display:flex;align-items:end;gap:11px;flex-wrap:wrap;margin-bottom:18px;padding:17px;border:1px solid #e2e9f1;border-radius:12px;background:#fff}.opc-filter label{display:flex;flex:1 1 180px;flex-direction:column;gap:7px;color:#526980;font-size:12px;font-weight:700}.opc-filter input,.opc-filter select{height:42px;min-width:0;padding:0 12px;border:1px solid #d8e2ee;border-radius:8px;background:#fff;color:#24394f;font-size:13px}.opc-filter button{min-height:42px}.opc-count{color:#75889b;font-size:12px}.opc-empty{grid-column:1/-1;padding:28px;border:1px dashed #cfddea;border-radius:12px;background:#fff;color:#688097;font-size:14px}.opc-empty a{color:#2166d1}.opc-pagination{display:flex;gap:7px;flex-wrap:wrap;margin-top:24px}.opc-pagination a{display:grid;place-items:center;width:34px;height:34px;border:1px solid #dae5ef;border-radius:7px;background:#fff;color:#365a7e}.opc-pagination a[aria-current]{background:#2166d1;color:#fff}
.opc-resource-detail{margin-top:26px}.opc-resource-detail>header{padding:30px;border:1px solid #e2eaf3;border-radius:15px;background:linear-gradient(120deg,#fff,#edf6ff)}.opc-resource-detail>header p{max-width:83ch;margin:0;color:#5f748b;font-size:15px;line-height:1.8}.opc-detail-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(250px,300px);gap:24px;align-items:start;margin-top:24px}.opc-detail-layout>div>section,.opc-detail-layout>aside{margin-bottom:17px;padding:26px;border:1px solid #e2eaf3;border-radius:13px;background:#fff}.opc-detail-layout h2{margin:0 0 16px;color:#203c58;font-size:18px}.opc-detail-layout p{margin:0;color:#526a81;font-size:14px;line-height:1.95}.opc-detail-layout dl{display:grid;grid-template-columns:90px 1fr;gap:12px 10px;margin:0 0 20px;font-size:12px}.opc-detail-layout dt{color:#8698a9}.opc-detail-layout dd{margin:0;color:#3c5269;overflow-wrap:anywhere}.opc-detail-layout .opc-button{width:100%}.opc-save{display:block;width:100%;margin-top:10px;padding:11px;border:1px solid #cddff4;border-radius:8px;background:#f4f9ff;color:#2262b4;font-size:12px;font-weight:750;cursor:pointer}
.opc-status{display:inline-block;margin-bottom:9px;padding:4px 9px;border-radius:5px;background:#edf3fa;color:#4f729a;font-size:12px;font-weight:750}.opc-status-open{background:#e4f7ee;color:#247c50}.opc-status-closed{background:#fceceb;color:#a6504c}
.opc-correction{margin-top:20px;padding:25px;border:1px solid #e2eaf3;border-radius:13px;background:#fff}.opc-correction h2{margin:0 0 8px;color:#24415f;font-size:18px}.opc-correction p{margin:0 0 17px;color:#6c8094;font-size:13px;line-height:1.7}.opc-correction label{display:block;margin-bottom:7px;color:#455e78;font-size:12px;font-weight:750}.opc-correction textarea{display:block;width:100%;min-height:90px;margin-bottom:12px;padding:12px;border:1px solid #d3e1ed;border-radius:8px;color:#30465d;font:inherit;resize:vertical}.opc-honeypot{position:absolute;left:-10000px}.opc-correction-success{color:#28734b!important}
.opc-attach-form{display:grid;gap:8px;margin-top:15px;padding:13px;border:1px solid #d7e5f4;border-radius:9px;background:#f5f9ff}.opc-attach-form label{color:#385b7f;font-size:12px;font-weight:750}.opc-attach-form select{width:100%;min-height:37px;padding:7px;border:1px solid #cbdced;border-radius:6px;background:#fff;color:#2d4661;font-size:12px}.opc-attach-form button{min-height:38px;border:0;border-radius:6px;background:#2166d1;color:#fff;font-size:12px;font-weight:750;cursor:pointer}.opc-attach-form button:hover{background:#1758bd}.opc-attach-start{display:block;margin-top:15px;color:#2263b9;font-size:12px;font-weight:750}
.opc-footer{display:flex;justify-content:space-between;gap:15px;margin-top:50px;padding:20px 0 28px;border-top:1px solid #dde7f0;color:#91a0ae;font-size:12px}.opc-footer a{color:#477db5}
@media(min-width:600px){.opc-content-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:768px){.opc-base-page{--opc-gutter:24px}body.baiye-shell .baiye-page-wrap{padding-inline:max(24px,env(safe-area-inset-left)) max(24px,env(safe-area-inset-right))}}
@media(min-width:768px){body.zmt-opc-solutions-page .zmt-opc-model-header,body.zmt-opc-solutions-page .zmt-opc-model-layout,body.zmt-opc-solutions-page .zmt-opc .zmt-opc-catalog{padding-left:24px;padding-right:24px}}
@media(min-width:1200px){.opc-base-page{--opc-gutter:32px}.opc-base-layout{grid-template-columns:var(--opc-sidebar) minmax(0,1fr)}.opc-base-sidebar{display:block}.opc-mobile-nav{display:none}.opc-base-main{padding-top:30px}body.baiye-shell .baiye-page-wrap{padding-inline:max(32px,env(safe-area-inset-left)) max(32px,env(safe-area-inset-right))}}
@media(min-width:1200px){body.baiye-shell .baiye-list-page .baiye-grid,body.baiye-shell .zmt-case-page .zmt-case-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(min-width:1200px){body.zmt-opc-solutions-page .zmt-opc-model-header,body.zmt-opc-solutions-page .zmt-opc-model-layout,body.zmt-opc-solutions-page .zmt-opc .zmt-opc-catalog{padding-left:32px;padding-right:32px}}
@media(min-width:1600px){.opc-base-page{--opc-gutter:48px;--opc-sidebar:224px;--opc-gap:32px}body.baiye-shell .baiye-page-wrap{padding-inline:max(48px,env(safe-area-inset-left)) max(48px,env(safe-area-inset-right))}}
@media(min-width:1600px){body.baiye-shell .baiye-list-page .baiye-grid,body.baiye-shell .zmt-case-page .zmt-case-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(min-width:1600px){body.zmt-opc-solutions-page .zmt-opc-model-header,body.zmt-opc-solutions-page .zmt-opc-model-layout,body.zmt-opc-solutions-page .zmt-opc .zmt-opc-catalog{padding-left:48px;padding-right:48px}}
@media(min-width:2200px){.opc-base-page{--opc-gutter:64px}body.baiye-shell .baiye-page-wrap{padding-inline:max(64px,env(safe-area-inset-left)) max(64px,env(safe-area-inset-right))}}
@media(min-width:2200px){body.baiye-shell .baiye-list-page .baiye-grid,body.baiye-shell .zmt-case-page .zmt-case-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}
@media(min-width:2200px){body.zmt-opc-solutions-page .zmt-opc-model-header,body.zmt-opc-solutions-page .zmt-opc-model-layout,body.zmt-opc-solutions-page .zmt-opc .zmt-opc-catalog{padding-left:64px;padding-right:64px}}
@container(min-width:600px){.opc-content-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@container(min-width:960px){.opc-content-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.opc-feature-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@container(min-width:1320px){.opc-content-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@container(min-width:1800px){.opc-content-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}
@container(min-width:2300px){.opc-content-grid{grid-template-columns:repeat(6,minmax(0,1fr))}}
@media(max-width:900px){.opc-hero{grid-template-columns:1fr}.opc-hero-art{display:none}.opc-detail-layout{grid-template-columns:1fr}.opc-resource-band{align-items:stretch;flex-direction:column}}
@media(max-width:599px){.opc-base-main{padding-top:15px}.opc-hero{min-height:0;padding:28px 23px;border-radius:14px}.opc-hero h1{font-size:36px}.opc-hero p{font-size:14px}.opc-section{margin-top:32px}.opc-section-head{align-items:start;flex-direction:column;gap:5px}.opc-section-head h2{font-size:21px}.opc-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.opc-feature-grid .opc-card{min-height:157px;padding:17px}.opc-feature-grid .opc-card h3{font-size:16px}.opc-feature-grid .opc-card p{font-size:12px}.opc-card-arrow{right:15px;top:13px}.opc-resource-band{padding:24px}.opc-filter{padding:13px}.opc-resource-detail>header{padding:23px}.opc-detail-layout>div>section,.opc-detail-layout>aside{padding:21px}}
@media(max-width:360px){.opc-feature-grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.opc-base-page *{transition:none!important;scroll-behavior:auto!important}}