*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei",Arial,sans-serif;color:#1f2937;background:#f6f8fc;line-height:1.7}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button,input{font:inherit}.site-header{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.96);backdrop-filter:saturate(180%) blur(14px);border-bottom:1px solid #e5eaf3}.topbar{max-width:1180px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:14px 20px}.logo{display:inline-flex;align-items:center;gap:10px;font-weight:800}.logo-mark{display:inline-grid;place-items:center;width:44px;height:44px;border-radius:14px;background:#1f2937;color:#fff;letter-spacing:-1px}.logo-text{font-size:20px}.domain-note{margin:0;color:#64748b;font-size:14px}.main-nav{max-width:1180px;margin:auto;display:flex;gap:8px;overflow:auto;padding:0 20px 12px}.main-nav a{white-space:nowrap;padding:8px 12px;border-radius:999px;background:#f1f5f9;color:#334155;font-size:14px}.main-nav a:hover{background:#e2e8f0}.search-wrap{border-top:1px solid #eef2f7}.search-form{max-width:1180px;margin:auto;padding:12px 20px 16px}.search-form label{font-weight:700;color:#334155}.search-line{display:flex;gap:10px;margin-top:8px}.search-line input{flex:1;border:1px solid #d8e0ed;border-radius:14px;padding:12px 14px;background:#fff}.search-line button,.cta,.share-button{border:0;border-radius:14px;background:#1f2937;color:#fff;padding:12px 18px;cursor:pointer;font-weight:700}.search-message{margin:8px 0 0;color:#64748b;font-size:14px}.container{max-width:1180px;margin:auto;padding:0 20px}.hero{padding:54px 0 28px}.hero-panel{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr);gap:26px;align-items:center;background:linear-gradient(135deg,#ffffff,#eef4ff);border:1px solid #e0e8f5;border-radius:34px;padding:34px;box-shadow:0 20px 60px rgba(15,23,42,.08)}.eyebrow{display:inline-flex;gap:8px;align-items:center;border:1px solid #d9e2f2;background:#fff;border-radius:999px;padding:6px 12px;color:#475569;font-size:14px}.hero h1{font-size:clamp(34px,5vw,58px);line-height:1.12;margin:18px 0;color:#111827;letter-spacing:-1.5px}.hero p{font-size:18px;color:#475569;margin:0 0 20px}.cta-row{display:flex;gap:12px;flex-wrap:wrap}.cta.secondary{background:#fff;color:#1f2937;border:1px solid #d8e0ed}.hero-media{position:relative}.hero-media figure{margin:0}.image-description,.caption{margin:10px 0 0;color:#64748b;font-size:14px}.section{padding:36px 0}.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:20px}.section h2{font-size:30px;line-height:1.25;margin:0;color:#111827}.section-head p{max-width:680px;margin:6px 0 0;color:#64748b}.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.card{background:#fff;border:1px solid #e2e8f0;border-radius:24px;padding:22px;box-shadow:0 12px 36px rgba(15,23,42,.05)}.card h3{margin:0 0 10px;font-size:20px;color:#111827}.card p{margin:0;color:#4b5563}.tag-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.tag{border-radius:999px;background:#eef2ff;color:#334155;padding:5px 10px;font-size:13px}.metric{display:flex;gap:10px;flex-wrap:wrap;margin-top:15px;color:#64748b;font-size:13px}.video-card{position:relative;overflow:hidden;padding:0}.video-card video,.video-card img{width:100%;aspect-ratio:16/10;object-fit:cover;background:#e2e8f0}.video-info{padding:18px}.play-layer{position:absolute;inset:0;display:grid;place-items:center;background:rgba(15,23,42,.18);opacity:0;transition:.2s}.video-card:hover .play-layer{opacity:1}.play-button{width:66px;height:66px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.96);box-shadow:0 10px 30px rgba(15,23,42,.2)}.play-button::before{content:"";display:block;margin-left:5px;border-left:18px solid #1f2937;border-top:12px solid transparent;border-bottom:12px solid transparent}.steps{counter-reset:step;display:grid;gap:14px}.step{position:relative;padding-left:76px}.step::before{counter-increment:step;content:counter(step);position:absolute;left:22px;top:22px;width:38px;height:38px;border-radius:14px;background:#1f2937;color:#fff;display:grid;place-items:center;font-weight:800}.timeline{display:grid;gap:14px}.timeline .card{border-left:5px solid #1f2937}.faq-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.faq-item details{background:#fff;border:1px solid #e2e8f0;border-radius:20px;padding:18px}.faq-item summary{font-weight:800;cursor:pointer;color:#111827}.faq-item p{margin:10px 0 0;color:#4b5563}.review{display:flex;flex-direction:column;gap:10px}.stars{letter-spacing:2px;color:#92400e}.breadcrumb{padding:18px 0 0;color:#64748b;font-size:14px}.breadcrumb a{text-decoration:underline}.page-hero{padding:34px 0 16px}.page-hero h1{font-size:clamp(30px,4vw,48px);line-height:1.15;margin:12px 0;color:#111827}.page-hero p{max-width:800px;color:#4b5563}.content-block{background:#fff;border:1px solid #e2e8f0;border-radius:28px;padding:28px;margin:20px 0}.content-block h2{margin-top:0}.table-wrap{overflow:auto}.info-table{width:100%;border-collapse:collapse;background:#fff}.info-table th,.info-table td{padding:14px;border-bottom:1px solid #e2e8f0;text-align:left}.info-table th{background:#f8fafc;color:#334155}.notice{border-left:5px solid #1f2937;background:#fff;padding:18px 20px;border-radius:18px}.site-footer{margin-top:46px;background:#111827;color:#e5e7eb}.footer-grid{max-width:1180px;margin:auto;padding:34px 20px;display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:24px}.footer-grid p,.footer-grid li{color:#cbd5e1}.footer-grid ul{padding-left:18px}.footer-grid h2{font-size:18px;color:#fff}.footer-logo .logo-mark{background:#fff;color:#111827}.copyright{max-width:1180px;margin:auto;padding:18px 20px;border-top:1px solid rgba(255,255,255,.1);color:#cbd5e1}.share-button{background:#fff;color:#111827}.share-hint{font-size:14px}@media (max-width:960px){.hero-panel{grid-template-columns:1fr}.grid,.grid.three,.faq-list{grid-template-columns:repeat(2,minmax(0,1fr))}.footer-grid{grid-template-columns:1fr 1fr}}@media (max-width:640px){.topbar{align-items:flex-start;flex-direction:column}.search-line{flex-direction:column}.grid,.grid.three,.faq-list{grid-template-columns:1fr}.hero-panel{padding:22px;border-radius:24px}.section-head{display:block}.footer-grid{grid-template-columns:1fr}.step{padding-left:22px;padding-top:64px}.step::before{left:22px;top:18px}}
