/* SSL 产品详情页 */
.ssl-detail-hero { padding:72px 0; color:#fff; background:radial-gradient(circle at 75% 20%,rgba(68,128,255,.35),transparent 28%),linear-gradient(125deg,#07162f,#123c88 65%,#1858f2); }
.ssl-detail-hero-grid { display:grid; grid-template-columns:minmax(0,1fr) 360px; align-items:center; gap:70px; }.ssl-detail-copy { min-width:0; }.ssl-breadcrumb { display:flex; align-items:center; gap:9px; margin:0 0 28px; color:#87a8e8; font-size:12px; font-weight:650; white-space:nowrap; }.ssl-breadcrumb a { color:#b8ccf5; transition:color .2s ease; }.ssl-breadcrumb a:hover { color:#fff; }.ssl-breadcrumb i { color:rgba(255,255,255,.32); font-style:normal; }.ssl-breadcrumb span { max-width:280px; overflow:hidden; color:#7f9ed9; text-overflow:ellipsis; }.ssl-detail-hero .eyebrow { color:#e5edff; border-color:rgba(255,255,255,.22); background:rgba(255,255,255,.08); }.ssl-brand-badge { display:inline-flex; margin:0; }.ssl-detail-hero h1 { margin:18px 0 14px; font-size:clamp(38px,5vw,60px); line-height:1.08; }.ssl-detail-hero p { max-width:670px; color:#cbdaf5; font-size:16px; }.ssl-back { color:#9ebbf7; font-size:12px; font-weight:750; }
.ssl-buy-card { padding:30px; border:1px solid rgba(255,255,255,.18); border-radius:20px; color:var(--ink); background:#fff; box-shadow:0 28px 70px rgba(0,0,0,.25); }.ssl-buy-brand { min-height:92px; margin:-6px 0 22px; padding:8px 10px 15px; display:flex; align-items:center; justify-content:space-between; gap:15px; border-bottom:1px solid #e8edf5; }.ssl-buy-brand img { width:auto; max-width:180px; height:auto; max-height:77px; display:block; object-fit:contain; }.ssl-buy-brand span { color:#77859a; text-align:right; font-size:10px; font-weight:750; }.ssl-buy-label { color:var(--muted); font-size:12px; }.ssl-buy-price { margin:10px 0 3px; color:#ef4b38; font-size:38px; font-weight:900; }.ssl-buy-price small { color:var(--muted); font-size:12px; font-weight:500; }.ssl-buy-old { color:#9ba8b9; font-size:12px; text-decoration:line-through; }.ssl-buy-card .btn { width:100%; margin-top:22px; }.ssl-buy-card p { margin:15px 0 0; color:var(--muted); font-size:12px; line-height:1.65; }
.ssl-effect { position:relative; overflow:hidden; background:linear-gradient(180deg,#f7faff 0%,#fff 100%); }.ssl-effect:before { content:""; position:absolute; top:80px; left:50%; width:min(900px,80vw); height:420px; border-radius:50%; background:rgba(36,104,234,.08); filter:blur(80px); transform:translateX(-50%); pointer-events:none; }.ssl-effect .wrap { position:relative; }.ssl-effect-head { max-width:820px; margin-inline:auto; text-align:center; }.ssl-effect-figure { margin:38px 0 0; overflow:hidden; border:1px solid #d7e3f5; border-radius:24px; background:#fff; box-shadow:0 28px 70px rgba(31,74,148,.14); }.ssl-effect-figure>img { display:block; width:100%; height:auto; }.ssl-effect-figure figcaption { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1px; border-top:1px solid #e3eaf5; background:#e3eaf5; }.ssl-effect-figure figcaption span { position:relative; padding:18px 20px 18px 42px; color:#31415a; background:#fff; font-size:13px; font-weight:750; text-align:center; }.ssl-effect-figure figcaption span:before { content:"✓"; position:absolute; top:50%; margin-left:-23px; color:#18bf8b; font-weight:900; transform:translateY(-50%); }
.ssl-detail-bar { border-bottom:1px solid var(--line); background:#fff; }.ssl-detail-bar .wrap { min-height:94px; display:grid; grid-template-columns:repeat(4,1fr); align-items:center; }.ssl-detail-bar div { padding:5px 25px; border-right:1px solid var(--line); }.ssl-detail-bar div:last-child { border:0; }.ssl-detail-bar span,.ssl-detail-bar b { display:block; }.ssl-detail-bar span { margin-bottom:5px; color:var(--muted); font-size:11px; }.ssl-detail-bar b { color:#26354b; font-size:14px; }
.ssl-detail-layout { display:grid; grid-template-columns:minmax(0,1fr) 330px; align-items:start; gap:65px; }.ssl-detail-content h2 { margin:10px 0 24px; font-size:34px; }.ssl-detail-content h3 { margin:30px 0 12px; }.ssl-detail-content p,.ssl-detail-content li { color:#526177; line-height:1.9; }.ssl-detail-content img { max-width:100%; height:auto; border-radius:14px; }.ssl-detail-side { position:sticky; top:105px; padding:25px; border:1px solid var(--line); border-radius:16px; background:#f8faff; }.ssl-detail-side h3 { margin:0 0 16px; }.ssl-detail-side dl { margin:0; }.ssl-detail-side dl div { padding:12px 0; display:flex; justify-content:space-between; gap:20px; border-bottom:1px solid #e6ebf3; }.ssl-detail-side dl div:last-child { border:0; }.ssl-detail-side dt { color:var(--muted); font-size:12px; }.ssl-detail-side dd { margin:0; color:#26354b; text-align:right; font-size:12px; font-weight:750; }