.baike-hero { position:relative; isolation:isolate; overflow:hidden; min-height:540px; display:flex; align-items:center; padding:68px 0; background:#f8faff url("banner-baike-light.jpg") right center / auto 100% no-repeat; }
.baike-hero:before { content:""; position:absolute; inset:0; z-index:-1; pointer-events:none; background:linear-gradient(90deg,rgba(255,255,255,.96),rgba(255,255,255,.75) 35%,transparent 65%); }
.baike-hero-copy { width:52%; max-width:650px; min-width:0; }
.baike-hero h1 { font-size:clamp(36px,4.5vw,54px); color:#203654; margin:18px 0; }
.baike-hero h2 { color:#315da6; font-size:26px; line-height:1.5; }
.baike-hero p { max-width:760px; color:#52647e; line-height:1.9; }
.baike-link { color:#235de2; align-self:center; padding:12px 0; }
.baike-tags { display:flex; flex-wrap:wrap; gap:18px; color:#315da6; margin-top:24px; font-size:13px; }
.baike-values,.baike-materials { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; }
.baike-page article p,.baike-process p { color:#52647e; font-size:14px; line-height:1.85; }
.baike-page h3 { font-size:20px; line-height:1.5; color:#203654; }
.baike-note { color:#677891; font-size:12px; line-height:1.8; margin-top:22px; }
.baike-reasons { background:linear-gradient(180deg,#f8fbff 0%,#f3f7ff 100%); }
.baike-reason-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:18px; }
.baike-reason-grid article { min-width:0; padding:26px 24px 24px; border:1px solid #dce6f5; border-radius:18px; background:rgba(255,255,255,.94); box-shadow:0 12px 34px rgba(26,67,132,.06); }
.baike-reason-icon { width:54px; height:54px; display:grid; place-items:center; margin:0 auto 20px; border-radius:16px; color:#235de2; background:linear-gradient(145deg,#edf4ff,#f8fbff); }
.baike-reason-icon svg { width:30px; height:30px; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
.baike-reason-labels { display:flex; flex-wrap:wrap; gap:7px; margin-bottom:14px; }
.baike-reason-labels span { padding:5px 9px; border-radius:999px; color:#315da6; background:#edf4ff; font-size:11px; font-weight:700; line-height:1.2; }
.baike-reason-grid h3 { margin:0 0 10px; font-size:19px; }
.baike-reason-grid p { margin:0; }
.baike-reasons-note { margin:22px 0 0; color:#697a92; font-size:12px; line-height:1.8; text-align:center; }
.baike-soft { background:#f6f9ff; }
.baike-types { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:22px; }
.baike-types article { min-width:0; display:flex; flex-direction:column; padding:24px; border:1px solid #dce6f5; border-radius:16px; background:#fff; }
.baike-number { color:#235de2; font-size:26px; font-weight:800; }
.baike-types strong { font-size:14px; color:#315da6; font-weight:500; }
.baike-types small { margin-top:auto; padding-top:16px; border-top:1px solid #edf1f7; color:#677891; line-height:1.8; }
.baike-platforms,.baike-process { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:22px; }
.baike-platforms>div { padding:28px 20px; text-align:center; border:1px solid #dce6f5; border-radius:14px; }
.baike-platform-logo { display:block; width:100%; max-width:200px; height:76px; margin:0 auto; object-fit:contain; }
.baike-platforms>div { background:#fff; }
@media(max-width:600px) { .baike-platform-logo { height:56px; } }
.baike-process { list-style:none; padding:0; counter-reset:baike; }
.baike-process li { counter-increment:baike; }
.baike-process li:before { content:"0" counter(baike); color:#235de2; font-size:28px; font-weight:800; }
@media(max-width:900px) { .baike-platforms,.baike-process,.baike-types,.baike-reason-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:600px) { .baike-hero { padding:42px 0; } .baike-hero h2 { font-size:22px; } .baike-page .section { padding:42px 0; } .baike-types,.baike-values,.baike-materials,.baike-process,.baike-reason-grid { grid-template-columns:minmax(0,1fr); gap:18px; } .baike-types article,.baike-reason-grid article { padding:22px; } .baike-reason-icon { width:48px; height:48px; margin-bottom:16px; border-radius:14px; } .baike-platforms { gap:12px; } .baike-platforms h3 { font-size:18px; } .baike-reasons-note { text-align:left; } }
@media(max-width:1000px) { .baike-hero { display:block; min-height:0; padding:48px 0 250px; background-color:#fff; background-size:auto 320px; background-position:right bottom; } .baike-hero-copy { width:100%; max-width:730px; } .baike-hero:before { background:linear-gradient(180deg,#fff 0%,#fff calc(100% - 270px),transparent calc(100% - 160px)); } }
@media(max-width:600px) { .baike-hero { padding:40px 0 215px; background-size:auto 260px; } .baike-hero:before { background:linear-gradient(180deg,#fff 0%,#fff calc(100% - 230px),transparent calc(100% - 140px)); } }