*,::after,::before{margin:0;padding:0;box-sizing:border-box}:root{--spt-bg-page:#080808;--spt-bg-card:#111111;--spt-bg-card-inner:#181818;--spt-bg-accord:#0e0e0e;--spt-bg-accord-open:#131313;--spt-border:rgba(255,255,255,0.08);--spt-border-accent:rgba(12, 97, 119, 0.7);--spt-accent:#0c6177;--spt-accent-light:#0e7a94;--spt-accent-soft:rgba(12, 97, 119, 0.15);--spt-accent2:#ffffff;--spt-accent2-soft:rgba(255, 255, 255, 0.06);--spt-text-head:#ffffff;--spt-text-body:#edf8fb;--spt-text-muted:#b9aeae;--spt-tag-bg:rgba(12, 97, 119, 0.14);--spt-tag-text:#4ab5d0;--spt-radius-card:18px;--spt-radius-inner:12px;--spt-radius-tag:6px;--spt-shadow-card:0 8px 40px rgba(0,0,0,0.7);--spt-transition:0.32s cubic-bezier(.4,0,.2,1)}.spt-wrapper-body{background:var(--spt-bg-page);color:var(--spt-text-body);min-height:100vh;display:flex;align-items:flex-start;justify-content:center;padding:48px 20px 64px}.spt-wrapper{width:100%;max-width:1200px}@keyframes spt-pulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.45;transform:scale(.75)}}.spt-layout{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start}.spt-left-card{background:var(--spt-bg-card);border:1px solid var(--spt-border);border-radius:var(--spt-radius-card);box-shadow:var(--spt-shadow-card);overflow:hidden;position:relative}.spt-left-card::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(12,97,119,.07) 0,transparent 60%);pointer-events:none}.spt-card-stripe{height:3px;background:linear-gradient(90deg,var(--spt-accent) 0,#0e9ab8 55%,transparent 100%)}.spt-card-body{padding:28px 28px 32px}.spt-shield-icon-wrap{width:48px;height:48px;border-radius:12px;background:#ffff;border:1px solid #fff;display:flex;align-items:center;justify-content:center;margin-bottom:20px}.spt-shield-icon-wrap svg{width:24px;height:24px;color:var(--spt-accent)}.spt-card-title{font-size:28px;font-weight:600;color:var(--spt-text-head);line-height:1.3;margin-bottom:6px}.spt-card-subtitle{font-size:16px;font-weight:500;color:#18c6f3;letter-spacing:.04em;margin-bottom:18px}.spt-divider{height:1px;background:var(--spt-border);margin-bottom:20px}.spt-card-desc{font-size:18px;line-height:1.75;color:var(--spt-text-body);margin-bottom:24px}.spt-highlight-text{font-size:13.5px;line-height:1.65;color:var(--spt-text-body)}.spt-dev-line{margin-top:22px;padding-top:18px;border-top:1px solid var(--spt-border);display:flex;align-items:center;gap:10px}.spt-dev-avatar{width:34px;height:34px;border-radius:8px;background:linear-gradient(135deg,#0a4a5a 0,#0c6177 100%);border:1px solid rgba(12,97,119,.6);display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:11px;font-weight:700;color:#fff;letter-spacing:.02em}.spt-compat-info,.spt-dev-info{flex:1}.spt-accord-title,.spt-dev-name{font-size:18px;font-weight:600;color:var(--spt-text-head);line-height:1.3}.spt-dev-role{font-size:15px;color:var(--spt-text-muted);margin-top:1px}.spt-right-stack{display:flex;flex-direction:column;gap:16px}.spt-accordion{background:var(--spt-bg-accord);border:2px solid var(--spt-border);border-radius:var(--spt-radius-card);box-shadow:0 4px 24px rgba(0,0,0,.3);overflow:hidden;transition:border-color var(--spt-transition)}.spt-accord-header,.spt-accord-icon-wrap{transition:background var(--spt-transition);display:flex}.spt-accordion.spt-accord-open{border-color:#0a5163;background:var(--spt-bg-accord-open)}.spt-accord-header{align-items:center;gap:14px;padding:20px 22px;cursor:pointer;user-select:none;background:#0f7a95a1}.spt-accord-header:hover{background:rgba(255,255,255,.025)}.spt-accord-icon-wrap{width:38px;height:38px;border-radius:10px;align-items:center;justify-content:center;flex-shrink:0}.spt-accord-icon-wrap.spt-icon-blue{background:var(--spt-accent-soft);border:1px solid rgba(82,186,255,.2)}.spt-accord-icon-wrap.spt-icon-green{background:rgba(12,97,119,.15);border:1px solid rgba(12,97,119,.28)}.spt-accord-icon-wrap svg{width:18px;height:18px}.spt-bul-send svg,.spt-icon-blue svg,.spt-icon-green svg{color:#4ab5d0}.spt-accord-meta{flex:1;min-width:0}.spt-accord-chevron{width:28px;height:28px;border-radius:50%;background:rgba(255,255,255,.04);border:1px solid var(--spt-border);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:transform var(--spt-transition),background var(--spt-transition)}.spt-accord-open .spt-accord-chevron{transform:rotate(180deg);background:var(--spt-accent-soft);border-color:#15bfe3}.spt-accord-chevron svg{width:14px;height:14px;color:var(--spt-text-muted);transition:color var(--spt-transition)}.spt-accord-open .spt-accord-chevron svg{color:#15bfe3}.spt-accord-body{max-height:0;overflow:hidden;transition:max-height .42s cubic-bezier(.4,0,.2,1)}.spt-cap-item,.spt-compat-row{background:rgba(255,255,255,.025);transition:border-color var(--spt-transition),background var(--spt-transition)}.spt-accord-open .spt-accord-body{max-height:600px}.spt-accord-inner{padding:20px 22px 24px;border-top:1px solid var(--spt-border)}.spt-cap-list{display:flex;flex-direction:column;gap:10px}.spt-cap-item{display:flex;align-items:flex-start;gap:11px;padding:7px;border:1px solid var(--spt-border);border-radius:10px}.spt-cap-item:hover{border-color:rgba(12,97,119,.45);background:rgba(12,97,119,.07)}.spt-cap-bullet{width:40px;height:40px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;margin-top:1px}.spt-cap-bullet.spt-bul-send{background:rgba(12,97,119,.22)}.spt-cap-bullet.spt-bul-read{background:rgba(255,255,255,.08)}.spt-cap-bullet.spt-bul-modify{background:rgba(12,97,119,.16)}.spt-cap-bullet.spt-bul-third{background:rgba(255,255,255,.06)}.spt-cap-bullet.spt-bul-no{background:rgba(239,68,68,.13)}.spt-cap-bullet svg{width:20px;height:20px}.spt-bul-read svg{color:#fff}.spt-bul-modify svg{color:#0e9ab8}.spt-bul-third svg{color:#aaa}.spt-bul-no svg{color:#ef4444}.spt-cap-text{font-size:17px;line-height:1.6;color:var(--spt-text-body)}.spt-compat-grid{display:grid;grid-template-columns:1fr;gap:10px}.spt-compat-row{display:flex;align-items:flex-start;gap:12px;padding:13px 14px;border:1px solid var(--spt-border);border-radius:10px}.spt-compat-row:hover{border-color:rgba(12,97,119,.4);background:rgba(12,97,119,.06)}.spt-compat-icon{width:32px;height:32px;border-radius:8px;background:rgba(12,97,119,.15);border:1px solid rgba(12,97,119,.3);display:flex;align-items:center;justify-content:center;flex-shrink:0}.spt-compat-icon svg{width:22px;height:25px;color:#4ab5d0}.spt-compat-label{font-size:17.5px;font-weight:600;color:var(--spt-text-head);margin-bottom:2px}.spt-compat-detail{font-size:17px;color:var(--spt-text-muted);line-height:1.5}.customslider-image img{object-fit:fill!important}@media (max-width:820px){.spt-layout{grid-template-columns:1fr}.customslider-image img{object-fit:fill!important}}@media (max-width:480px){spt-wrapper-body{padding:28px 14px 48px}.spt-card-body{padding:22px 18px 26px}.spt-card-title{font-size:18px}.spt-accord-title{font-size:14.5px}.spt-accord-header{padding:16px}.spt-accord-inner{padding:18px 16px 20px}.spt-cap-text{font-size:13px}.spt-card-desc,.spt-compat-detail,.spt-compat-label,.spt-dev-name,.spt-dev-role{font-size:14px}.customslider-image img{height:200px!important}.inbanner-slider{padding:0!important}}