.safety-tips-page{--st-primary:#2980fe;--st-danger-bg:#fff0f0;--st-danger-text:#e53e3e;--st-warning-bg:#fff8e1;--st-warning-text:#d97706;--st-page-bg:#f8faff;--st-section-bg:#eef4ff;--st-card-bg:#fff;--st-card-border:#e5e7eb;--st-card-shadow:0 4px 20px rgba(41,128,254,0.08);--st-card-shadow-hover:0 12px 32px rgba(41,128,254,0.18);--st-modal-shadow:0 24px 60px rgba(0,0,0,0.2);--st-overlay:rgba(13,27,62,0.6);--st-text:#1a1a2e;--st-subtle-text:#6b7280;--st-heading:#0d1b3e;--st-icon-bg:#e8f1ff;--st-action-bg:rgba(41,128,254,0.08);--st-divider:#e5e7eb;background:var(--bg-1);color:var(--st-text);min-height:calc(100vh - 72px)}.safety-tips-page .safety-tips-shell{padding:0 24px}.safety-tips-page .safety-tips-pill{display:inline-flex;align-items:center;padding:6px 14px;border-radius:999px;background:var(--st-icon-bg);color:var(--st-primary);font-size:13px;font-weight:600;line-height:1.4}.safety-tips-page .safety-tips-hero{position:relative;overflow:hidden;padding:40px 0 60px;background:var(--st-page-bg)}.safety-tips-page .safety-tips-hero-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:60px;gap:60px;align-items:center}.safety-tips-page .safety-tips-hero-title{margin:20px 0;color:var(--st-heading);font-size:clamp(42px,5vw,64px);font-weight:800;line-height:1.2}.safety-tips-page .safety-tips-hero-title span{color:var(--st-primary)}.safety-tips-page .safety-tips-hero-desc{max-width:560px;margin:0 0 36px;color:var(--st-subtle-text);font-size:16px;line-height:1.85}.safety-tips-page .safety-tips-hero-actions{display:flex;flex-wrap:wrap;grid-gap:14px;gap:14px}.safety-tips-page .safety-tips-btn{display:inline-flex;align-items:center;justify-content:center;min-width:132px;padding:12px 24px;border-radius:10px;border:1.5px solid transparent;font-size:15px;font-weight:600;line-height:1;transition:all .2s ease}.safety-tips-page .safety-tips-btn.is-primary{background:var(--st-primary);color:#fff;box-shadow:0 6px 24px rgba(41,128,254,.25)}.safety-tips-page .safety-tips-btn.is-primary:hover{transform:translateY(-1px);box-shadow:0 10px 30px rgba(41,128,254,.3)}.safety-tips-page .safety-tips-btn.is-secondary{border-color:var(--st-primary);color:var(--st-primary)}.safety-tips-page .safety-tips-btn.is-secondary:hover{background:var(--st-action-bg)}.safety-tips-page .safety-tips-hero-visual{display:flex;justify-content:flex-end}.safety-tips-page .safety-tips-hero-image-wrap{position:relative;width:100%;max-width:460px}.safety-tips-page .safety-tips-hero-image-wrap:before{content:"";position:absolute;top:-24px;right:-24px;width:180px;height:180px;border-radius:999px;background:radial-gradient(circle,rgba(41,128,254,.12),rgba(41,128,254,0));pointer-events:none}.safety-tips-page .safety-tips-hero-image{position:relative;z-index:1;display:block;width:100%;max-width:460px;filter:drop-shadow(0 16px 40px rgba(41,128,254,.18));transition:transform .3s ease}.safety-tips-page .safety-tips-hero-image:hover{transform:scale(1.03) translateY(-4px)}.safety-tips-page .safety-tips-cases,.safety-tips-page .safety-tips-guide{position:relative;padding:80px 0}.safety-tips-page .safety-tips-cases{background:var(--st-page-bg)}.safety-tips-page .safety-tips-guide{background:var(--st-section-bg)}.safety-tips-page .safety-tips-section-head{margin:0 auto 52px;text-align:center}.safety-tips-page .safety-tips-section-title{margin:12px 0;color:var(--st-heading)}.safety-tips-page .safety-tips-section-desc{max-width:620px;margin:0 auto;color:var(--st-subtle-text)}.safety-tips-page .safety-tips-card-grid,.safety-tips-page .safety-tips-guide-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:20px;gap:20px}.safety-tips-page .safety-tips-card,.safety-tips-page .safety-tips-guide-card{position:relative;display:block;width:100%;padding:28px 24px;background:var(--st-card-bg);border:2px solid var(--st-card-border);border-radius:16px;box-shadow:var(--st-card-shadow);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.safety-tips-page .safety-tips-card{cursor:pointer;text-align:left}.safety-tips-page .safety-tips-card:hover{transform:translateY(-4px);border-color:var(--st-primary);box-shadow:var(--st-card-shadow-hover)}.safety-tips-page .safety-tips-card-head{padding-bottom:14px;margin-bottom:14px;border-bottom:1px solid var(--st-divider)}.safety-tips-page .safety-tips-card-icon,.safety-tips-page .safety-tips-guide-icon,.safety-tips-page .safety-tips-modal-icon{display:inline-flex;align-items:center;justify-content:center;border-radius:14px;background:var(--st-icon-bg)}.safety-tips-page .safety-tips-card-icon{width:48px;height:48px;margin-bottom:10px;font-size:24px}.safety-tips-page .safety-tips-card-label{margin-bottom:6px;color:var(--st-primary);font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.safety-tips-page .safety-tips-card-title{color:var(--st-heading);font-size:20px;font-weight:800;line-height:1.35}.safety-tips-page .safety-tips-card-summary{display:-webkit-box;min-height:82px;margin:0 0 18px;overflow:hidden;color:var(--st-subtle-text);font-size:14px;line-height:1.7;-webkit-box-orient:vertical;-webkit-line-clamp:3}.safety-tips-page .safety-tips-card-foot{display:flex;align-items:center;justify-content:space-between;grid-gap:12px;gap:12px}.safety-tips-page .safety-tips-risk-tag{display:inline-flex;align-items:center;justify-content:center;padding:4px 10px;border-radius:999px;font-size:12px;font-weight:600}.safety-tips-page .safety-tips-risk-tag.is-high{background:var(--st-danger-bg);color:var(--st-danger-text)}.safety-tips-page .safety-tips-risk-tag.is-medium{background:var(--st-warning-bg);color:var(--st-warning-text)}.safety-tips-page .safety-tips-card-link{color:var(--st-primary);font-size:13px;font-weight:600;white-space:nowrap}.safety-tips-page .safety-tips-guide-grid{grid-gap:24px;gap:24px}.safety-tips-page .safety-tips-guide-card{min-height:320px;text-decoration:none}.safety-tips-page .safety-tips-guide-card:hover{transform:translateY(-4px);border-color:var(--st-primary);box-shadow:var(--st-card-shadow-hover)}.safety-tips-page .safety-tips-guide-badge{position:absolute;top:14px;right:14px;display:inline-flex;align-items:center;justify-content:center;padding:4px 10px;border-radius:999px;background:var(--st-primary);color:#fff;font-size:12px;font-weight:700}.safety-tips-page .safety-tips-guide-icon{width:64px;height:64px;margin:0 auto 18px;font-size:28px}.safety-tips-page .safety-tips-guide-title{margin:0 0 10px;color:var(--st-heading);font-size:18px;font-weight:700;text-align:center}.safety-tips-page .safety-tips-guide-desc{margin:0;color:var(--st-subtle-text);font-size:14px;line-height:1.75;text-align:center}.safety-tips-page .safety-tips-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1200;display:flex;align-items:flex-start;justify-content:center;padding:40px 20px;overflow-y:auto;background:var(--st-overlay);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.safety-tips-page .safety-tips-modal{width:100%;max-width:720px;margin:auto;background:var(--st-card-bg);border:1px solid var(--st-card-border);border-radius:16px;box-shadow:var(--st-modal-shadow)}.safety-tips-page .safety-tips-modal-footer,.safety-tips-page .safety-tips-modal-head{display:flex;align-items:center;justify-content:space-between;grid-gap:16px;gap:16px;padding:20px 28px}.safety-tips-page .safety-tips-modal-head{align-items:flex-start;border-bottom:1px solid var(--st-divider)}.safety-tips-page .safety-tips-modal-title-wrap{display:flex;align-items:center;grid-gap:14px;gap:14px}.safety-tips-page .safety-tips-modal-icon{width:48px;height:48px;flex-shrink:0;font-size:24px}.safety-tips-page .safety-tips-modal-title{color:var(--st-heading);font-size:22px;font-weight:700}.safety-tips-page .safety-tips-modal-subtitle{margin-top:2px;color:var(--st-subtle-text);font-size:13px}.safety-tips-page .safety-tips-modal-risk{font-weight:700}.safety-tips-page .safety-tips-modal-risk.is-high-text{color:var(--st-danger-text)}.safety-tips-page .safety-tips-modal-risk.is-medium-text{color:var(--st-warning-text)}.safety-tips-page .safety-tips-modal-close{border:0;background:transparent;color:var(--st-subtle-text);font-size:28px;line-height:1;cursor:pointer}.safety-tips-page .safety-tips-modal-body{padding:20px 28px}.safety-tips-page .safety-tips-modal-image-wrap{overflow:hidden;margin-bottom:20px;border:1px solid var(--st-divider);border-radius:16px;background:var(--st-page-bg)}.safety-tips-page .safety-tips-modal-image{display:block;width:100%;height:auto}.safety-tips-page .safety-tips-modal-section+.safety-tips-modal-section{margin-top:24px}.safety-tips-page .safety-tips-modal-section-title{margin-bottom:10px;padding-bottom:6px;border-bottom:1.5px solid var(--st-divider);color:var(--st-primary);font-size:14px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.safety-tips-page .safety-tips-modal-paragraph{margin:0;color:var(--st-text);font-size:14px;line-height:1.85}.safety-tips-page .safety-tips-modal-list{margin:0;padding:0;list-style:none}.safety-tips-page .safety-tips-modal-list li{position:relative;padding:6px 0 6px 16px;color:var(--st-text);font-size:14px;line-height:1.75;border-bottom:1px solid rgba(0,0,0,.04)}.safety-tips-page .safety-tips-modal-list li:last-child{border-bottom:0}.safety-tips-page .safety-tips-modal-list li:before{content:"";position:absolute;top:15px;left:0;width:6px;height:6px;border-radius:999px;background:var(--st-primary);opacity:.55}.safety-tips-page .safety-tips-modal-list.is-safe li{padding-left:20px}.safety-tips-page .safety-tips-modal-list.is-safe li:before{top:6px;width:auto;height:auto;background:transparent;border-radius:0;content:"✓";color:#22c55e;font-size:14px;font-weight:700;opacity:1}.safety-tips-page .safety-tips-modal-footer{border-top:1px solid var(--st-divider)}.safety-tips-page .safety-tips-modal-nav{display:inline-flex;align-items:center;justify-content:center;grid-gap:6px;gap:6px;min-width:120px;padding:10px 14px;border:1.5px solid var(--st-divider);border-radius:10px;background:var(--st-card-bg);color:var(--st-text);font-size:14px;font-weight:600;cursor:pointer}.safety-tips-page .safety-tips-modal-nav:hover:not(:disabled){border-color:var(--st-primary);color:var(--st-primary);background:var(--st-action-bg)}.safety-tips-page .safety-tips-modal-nav:disabled{opacity:.35;cursor:not-allowed}.safety-tips-page .safety-tips-modal-dots{display:flex;align-items:center;justify-content:center;grid-gap:8px;gap:8px;flex:1;flex-wrap:wrap}.safety-tips-page .safety-tips-modal-dot{width:8px;height:8px;padding:0;border:0;border-radius:999px;background:#d1d5db;cursor:pointer;transition:transform .2s ease,background .2s ease}.safety-tips-page .safety-tips-modal-dot.is-active{background:var(--st-primary);transform:scale(1.35)}:root[theme=dark] .safety-tips-page{--st-danger-bg:rgba(229,62,62,0.15);--st-danger-text:#ff7b7b;--st-warning-bg:rgba(245,158,11,0.13);--st-warning-text:#fbbf24;--st-page-bg:#060c17;--st-section-bg:#060e1f;--st-card-bg:linear-gradient(145deg,#0d1828,#0a1320);--st-card-border:rgba(77,158,255,0.14);--st-card-shadow:0 8px 32px rgba(0,0,0,0.32);--st-card-shadow-hover:0 16px 48px rgba(77,158,255,0.18);--st-modal-shadow:0 32px 80px rgba(0,0,0,0.8);--st-overlay:rgba(2,6,16,0.88);--st-text:#dde8f8;--st-subtle-text:#7a8fa8;--st-heading:#eaf2ff;--st-icon-bg:rgba(77,158,255,0.12);--st-action-bg:rgba(77,158,255,0.12);--st-divider:rgba(77,158,255,0.12)}:root[theme=dark] .safety-tips-page .safety-tips-hero{background:linear-gradient(160deg,#070d1a,#0a1628 60%,#060c17)}:root[theme=dark] .safety-tips-page .safety-tips-hero-image{filter:drop-shadow(0 0 32px rgba(77,158,255,.35)) drop-shadow(0 16px 40px rgba(0,0,0,.5))}:root[theme=dark] .safety-tips-page .safety-tips-card,:root[theme=dark] .safety-tips-page .safety-tips-guide-card{background:var(--st-card-bg)}:root[theme=dark] .safety-tips-page .safety-tips-modal{background:linear-gradient(160deg,#0d1828,#0a1220)}:root[theme=dark] .safety-tips-page .safety-tips-modal-nav{background:#0d1828}:root[theme=dark] .safety-tips-page .safety-tips-modal-image-wrap{background:#0a1628}@media screen and (max-width:1200px){.safety-tips-page .safety-tips-hero-grid{grid-template-columns:1fr;grid-gap:40px;gap:40px}.safety-tips-page .safety-tips-hero-copy{text-align:center}.safety-tips-page .safety-tips-hero-desc{margin-left:auto;margin-right:auto}.safety-tips-page .safety-tips-hero-actions,.safety-tips-page .safety-tips-hero-visual{justify-content:center}.safety-tips-page .safety-tips-card-grid,.safety-tips-page .safety-tips-guide-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media screen and (max-width:768px){.safety-tips-page .safety-tips-shell{padding:0 16px}.safety-tips-page .safety-tips-hero{padding:32px 0 24px}.safety-tips-page .safety-tips-hero-title{font-size:42px}.safety-tips-page .safety-tips-card-grid,.safety-tips-page .safety-tips-guide-grid{grid-template-columns:1fr}.safety-tips-page .safety-tips-card-summary,.safety-tips-page .safety-tips-guide-card{min-height:0}.safety-tips-page .safety-tips-modal-overlay{padding:20px 12px}.safety-tips-page .safety-tips-modal-body,.safety-tips-page .safety-tips-modal-footer,.safety-tips-page .safety-tips-modal-head{padding-left:16px;padding-right:16px}.safety-tips-page .safety-tips-modal-footer{flex-wrap:wrap}.safety-tips-page .safety-tips-modal-nav{min-width:0;flex:1}}