*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#edf1f5;color:#50606e;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei",sans-serif}.topbar{height:57px;background:#f2f4f6;border-bottom:1px solid #c8d0d7}.nav{max-width:740px;height:57px;margin:auto;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;gap:10px;align-items:center;color:#596673;text-decoration:none}.brand-icon{width:32px;height:32px;border-radius:50%;background:#348fc0;color:#fff;display:grid;place-items:center;font-size:17px}.brand b{display:block;font-size:18px}.brand small{display:block;font-size:13px;text-decoration:underline}.nav nav{display:flex;align-items:center;gap:30px;font-size:14px}.nav nav a{color:#596673;text-decoration:none}.lang{border:1px solid #d9dfe5;border-radius:20px;overflow:hidden;background:#eef1f4}.lang span,.lang strong{display:inline-block;padding:7px 14px;font-weight:500}.lang strong{background:#348fc0;color:white;border-radius:18px}.hero{background:linear-gradient(#3d9bc9,#2f8ab8);min-height:508px;color:#eaf5fb;border-bottom:1px solid #a4c1d1}.hero-inner{width:710px;max-width:calc(100% - 40px);margin:auto;padding-top:55px}.hero h1{font-size:43px;line-height:1.23;margin:0 0 18px;font-weight:750;letter-spacing:.5px}.hero-desc,.code-line{font-size:18px;line-height:1.75;margin:0;color:#d7eafa}.code-line{font-size:17px}.code-line code{background:rgba(255,255,255,.12);padding:2px 8px;border-radius:8px}.buttons{display:flex;gap:14px;margin-top:28px}.btn{height:64px;border-radius:34px;display:flex;align-items:center;justify-content:center;text-decoration:none;font-weight:700;font-size:17px}.btn-primary{width:250px;background:#fff;color:#4c88a8;box-shadow:0 8px 20px rgba(0,0,0,.08)}.btn-primary em{font-style:normal;font-size:12px;margin-left:9px}.btn-outline{width:210px;border:2px solid rgba(255,255,255,.42);color:#dff2fc}.checks{display:flex;gap:30px;margin-top:27px;font-size:15px;font-weight:600}.checks span:before{content:"✓";display:inline-grid;place-items:center;width:21px;height:21px;border-radius:50%;background:rgba(255,255,255,.16);margin-right:5px}.notice{display:inline-block;margin-top:20px;padding:12px 16px;border-radius:14px;background:rgba(255,255,255,.09);font-size:14px}.info-card{width:700px;max-width:calc(100% - 40px);margin:45px auto 35px;padding:25px 28px;background:#fff;border:1px solid #d4dbe1;border-radius:20px;box-shadow:0 8px 25px rgba(47,66,80,.06);display:flex;gap:22px}.shield{font-size:31px}.info-card h2{margin:2px 0 12px;font-size:17px;color:#45515c}.info-card p{margin:0;line-height:1.85;font-size:16px}.guide{width:900px;max-width:calc(100% - 40px);margin:0 auto 70px}.section-head{text-align:center;margin:45px 0 28px}.section-head span{color:#4197c2;font-size:12px;font-weight:700;letter-spacing:2px}.section-head h2{color:#41515d;margin:8px 0;font-size:28px}.section-head p{margin:auto;max-width:600px;line-height:1.7}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.steps article{background:white;border-radius:18px;padding:25px;border:1px solid #dbe2e7}.steps b{color:#3d9bc9;font-size:13px}.steps h3{color:#45515c}.steps p{line-height:1.7;font-size:14px}footer{text-align:center;padding:30px;background:#e6ebef;font-size:13px}footer a{color:#478daf;text-decoration:none}@media(max-width:720px){.nav{padding:0 15px}.nav nav{gap:10px}.nav nav a{display:none}.brand small{font-size:11px}.hero{min-height:auto}.hero-inner{padding:45px 0}.hero h1{font-size:34px}.buttons,.checks{flex-direction:column}.btn-primary,.btn-outline{width:100%}.checks{gap:12px}.steps{grid-template-columns:1fr}.info-card{margin-top:30px}}

.article-page{width:900px;max-width:calc(100% - 40px);margin:0 auto;padding:55px 0 70px}.article-page .section-head{margin:0 0 35px}.article-list{display:grid;gap:16px}.article-list article,.article-detail article{background:#fff;border:1px solid #dbe2e7;border-radius:18px;padding:26px 30px}.article-list h2{margin:0 0 12px;color:#41515d;font-size:22px}.article-list h2 a{color:inherit;text-decoration:none}.article-list p{line-height:1.8;margin:0 0 14px}.read-more,.back-link{color:#348fc0;text-decoration:none;font-weight:700}.empty-public{background:#fff;padding:35px;border-radius:16px;text-align:center;border:1px solid #dbe2e7}.article-detail{max-width:760px}.article-detail h1{color:#3f4f5b;font-size:34px;margin:8px 0 14px}.article-meta{color:#8b98a2;font-size:13px}.article-excerpt{font-size:18px;line-height:1.75;color:#657583;border-left:4px solid #8cc7e1;padding-left:16px}.article-content{white-space:normal;line-height:1.95;font-size:16px;color:#52616d}.back-link{display:inline-block;margin-bottom:18px}@media(max-width:720px){.article-page{padding:35px 0}.article-list article,.article-detail article{padding:22px}.article-detail h1{font-size:28px}}
.pagination{display:flex;justify-content:center;align-items:center;gap:8px;flex-wrap:wrap;margin-top:30px}.pagination a{min-width:40px;padding:10px 13px;text-align:center;background:#fff;border:1px solid #dbe2e7;border-radius:9px;color:#4c6474;text-decoration:none}.pagination a.active{background:#348fc0;border-color:#348fc0;color:#fff;font-weight:700}.article-content img{display:block;max-width:100%;height:auto;margin:22px auto;border-radius:12px}.article-content a{color:#348fc0}.article-content h2,.article-content h3{color:#3f4f5b;margin-top:30px}.article-content ul,.article-content ol{padding-left:24px}.article-content blockquote{margin:20px 0;padding:10px 16px;border-left:4px solid #8cc7e1;background:#f5fafc;color:#667784}

/* Mobile article overflow fixes */
.article-detail .article-content,
.article-detail .article-content *{max-width:100%;}
.article-content{min-width:0;overflow-wrap:anywhere;word-break:break-word;}
.article-content img,.article-content video,.article-content iframe,.article-content svg,.article-content canvas{max-width:100%!important;height:auto!important;}
.article-content figure{max-width:100%!important;margin:20px auto!important;}
.article-content figure img{width:auto!important;max-width:100%!important;}
.article-content table{display:block;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;border-collapse:collapse;}
.article-content pre{max-width:100%;overflow-x:auto;white-space:pre-wrap;overflow-wrap:anywhere;padding:14px;border-radius:10px;}
.article-content code{overflow-wrap:anywhere;word-break:break-word;}
.article-content iframe{width:100%!important;aspect-ratio:16/9;}
@media(max-width:720px){
  body{overflow-x:hidden;}
  .article-page{width:100%;max-width:100%;padding:24px 12px 45px;}
  .article-detail article,.article-list article{width:100%;max-width:100%;padding:18px 16px;border-radius:14px;overflow:hidden;}
  .article-detail h1{font-size:25px;line-height:1.35;overflow-wrap:anywhere;}
  .article-excerpt{font-size:16px;overflow-wrap:anywhere;}
  .article-content{font-size:16px;line-height:1.85;}
  .article-content img{border-radius:8px;margin:16px auto!important;}
  .article-content figure{width:100%!important;}
  .article-content figure.image-align-left,.article-content figure.image-align-center,.article-content figure.image-align-right{float:none!important;margin-left:auto!important;margin-right:auto!important;}
}

/* 强制修复：从网页/支付页面直接粘贴到文章里的内联布局，在手机端不能撑宽页面 */
.article-content{width:100%;max-width:100%;min-width:0;}
.article-content > *{max-width:100%;min-width:0;}
.article-content *{box-sizing:border-box;}
.article-content [style]{max-width:100%!important;min-width:0!important;}
.article-content [style*="display:flex"],
.article-content [style*="display: flex"]{flex-wrap:wrap!important;min-width:0!important;}
.article-content [style*="float:left"],
.article-content [style*="float: left"],
.article-content [style*="float:right"],
.article-content [style*="float: right"]{float:none!important;}
.article-content h1,.article-content h2,.article-content h3,.article-content h4,.article-content h5,.article-content h6,.article-content p,.article-content div,.article-content section,.article-content span,.article-content strong,.article-content b{overflow-wrap:anywhere;word-break:break-word;}

@media(max-width:720px){
  html,body{width:100%;max-width:100%;overflow-x:hidden!important;}
  .topbar{width:100%;max-width:100vw;overflow:hidden;}
  .nav{width:100%;max-width:100%;min-width:0;}
  .article-page.article-detail{width:100%!important;max-width:100%!important;min-width:0!important;margin:0!important;padding:18px 10px 42px!important;}
  .article-detail article{width:100%!important;max-width:100%!important;min-width:0!important;margin:0!important;padding:16px 14px!important;overflow:hidden!important;}
  .article-content{width:100%!important;max-width:100%!important;min-width:0!important;overflow:hidden!important;}
  .article-content > *{width:auto;max-width:100%!important;min-width:0!important;}
  .article-content [style]{max-width:100%!important;min-width:0!important;}
  .article-content [style*="display:flex"],
  .article-content [style*="display: flex"]{display:flex!important;flex-wrap:wrap!important;gap:14px!important;}
  .article-content [style*="width:"]{width:auto!important;}
  .article-content img{width:auto!important;max-width:100%!important;height:auto!important;}
  .article-content table{width:100%!important;}
}