/* 页面级样式 — 提取自 网站前端模板/ip.html */

/* ================= 知识产权页专属布局 ================= */
:root{--ip-art-op:.15}
html[data-theme="light"]{--ip-art-op:.15}

.ip-hero{position:relative;overflow:hidden;padding:140px 0 56px;
  background-image:
    radial-gradient(ellipse 55% 75% at 85% 0%,rgba(59,130,246,.12),transparent 60%),
    radial-gradient(ellipse 45% 60% at 5% 100%,rgba(139,92,246,.1),transparent 60%);
  background-repeat:no-repeat;background-color:var(--bg)}
.ip-hero::before{content:"";position:absolute;inset:0;pointer-events:none;
  background:url("/assets/images/banner4.jpg") center/cover no-repeat;opacity:var(--ip-art-op)}
.ip-hero>*{position:relative;z-index:1}
.ip-hero h1{font-size:clamp(34px,5vw,54px);font-weight:900}
/* 手机端：hero 渐变标题是 fit-content 收缩块，text-align:center 管不到，需 margin auto 居中 */
@media(max-width:600px){
  .ip-hero h1{margin-left:auto;margin-right:auto}
}
.ip-hero .sub{margin-top:16px;color:var(--txt2);font-size:16px;max-width:640px}

.ip-stat-band{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin-top:50px;border-radius:20px;overflow:hidden;border:1px solid var(--line2);
  background:linear-gradient(120deg,rgba(59,130,246,.1),rgba(139,92,246,.08) 55%,rgba(34,211,238,.08))}
.ip-stat-cell{padding:28px 18px;text-align:center;position:relative}
.ip-stat-cell+.ip-stat-cell::before{content:"";position:absolute;left:0;top:22%;bottom:22%;width:1px;background:var(--line2)}
.ip-stat-cell .em{font-size:26px}
.ip-stat-cell b{display:block;font-family:var(--mono);font-size:30px;font-weight:700;margin-top:8px;background:var(--grad);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.ip-stat-cell span{display:block;margin-top:6px;font-size:13px;color:var(--txt2)}
@media(max-width:820px){.ip-stat-band{grid-template-columns:1fr}.ip-stat-cell+.ip-stat-cell::before{display:none}}

.ip-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(330px,1fr));gap:24px;padding:50px 0 100px}
.ip-card{display:block;border-radius:18px;overflow:hidden;border:1px solid var(--line);background:var(--card);
  box-shadow:0 12px 34px rgba(8,15,30,.08);transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}
.ip-card:hover{transform:translateY(-6px);box-shadow:0 22px 50px rgba(8,15,30,.16);border-color:var(--brand,#3b82f6)}
.ip-card .shot{position:relative;aspect-ratio:4/3;overflow:hidden;background:var(--bg2)}
.ip-card .shot img{width:100%;height:100%;object-fit:contain;transition:transform .4s ease}
.ip-card:hover .shot img{transform:scale(1.04)}
.ip-card .no{position:absolute;top:12px;left:12px;font-family:var(--mono);font-size:12px;color:#cfe3ff;background:rgba(7,11,20,.55);padding:4px 10px;border-radius:999px;backdrop-filter:blur(6px)}
.ip-card .body{padding:18px 20px 22px}
.ip-card .tag{display:inline-block;font-size:12px;color:var(--brand,#3b82f6);background:color-mix(in srgb,var(--brand,#3b82f6) 12%,transparent);padding:3px 10px;border-radius:999px;margin-bottom:10px}
.ip-card h4{font-size:18px;font-weight:700;line-height:1.4}
.ip-card p{margin-top:10px;color:var(--txt2);font-size:14px;line-height:1.7}
@media (max-width:600px){.ip-grid{grid-template-columns:1fr;gap:18px;padding:32px 0 70px}}