.home-articles{margin-top:14px}.home-article-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.home-article-grid>a{background:#fff;border:1px solid #e7ebf2;border-radius:12px;min-width:0;padding:13px}.home-article-grid>a:hover{border-color:#c9d8f2;box-shadow:0 7px 18px #0f172a0a}.home-article-grid span{color:#2563eb;font-size:9px}.home-article-grid h3{margin:5px 0;font-size:13px;line-height:1.45}.home-article-grid p{color:#7c8798;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0 0 8px;font-size:10px;line-height:1.55;display:-webkit-box;overflow:hidden}.home-article-grid small{color:#a0a9b6;font-size:9px}.tool-ad-live{background:#fff;border:1px solid #e1e6ee;border-radius:14px;width:100%;display:block;position:relative;overflow:hidden}.tool-ad-live.large{min-height:250px}.tool-ad-live.small{min-height:120px}.tool-ad-live img{width:100%;height:100%;min-height:inherit;object-fit:cover;display:block}.tool-ad-live span{color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172ab8;border-radius:8px;padding:6px 8px;font-size:10px;position:absolute;bottom:8px;left:8px;right:8px}.vip-tool-gate{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:10px;min-height:440px;padding:30px;display:flex}.vip-tool-gate>span{color:#fff;background:linear-gradient(135deg,#ffe178,#f59e0b);border-radius:18px;place-items:center;width:64px;height:64px;display:grid;box-shadow:0 12px 28px #f59e0b38}.vip-tool-gate h2{margin:3px 0;font-size:24px}.vip-tool-gate p{color:#7c8798;margin:0;font-size:12px}.vip-tool-gate>div{gap:8px;margin-top:7px;display:flex}.site-notice{color:#4d6690;text-align:center;background:#f5f9ff;border:1px solid #dbe8ff;border-radius:10px;width:min(1400px,100% - 36px);margin:10px auto 0;padding:9px 12px;font-size:11px}.account-membership{color:#a36b00;background:#fff6df;border-radius:999px;align-items:center;gap:5px;padding:5px 9px;font-size:10px;font-weight:800;display:inline-flex}.account-membership.free{color:#6d7a8e;background:#f1f4f8}.vip-chip{color:#a36900;background:#fff3d6;border-radius:999px;margin-left:4px;padding:3px 6px;font-size:9px;font-weight:800}@media (max-width:900px){.home-article-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:620px){.home-article-grid{grid-template-columns:1fr}.vip-tool-gate>div{flex-direction:column;width:100%}}.account-simple-list{gap:7px;margin-top:10px;display:grid}.account-simple-list a{color:#4d5d74;background:#fbfcfe;border:1px solid #e7ebf2;border-radius:9px;padding:8px 10px;font-size:11px}.account-simple-list a:hover{color:#2563eb;border-color:#c7d6ef}
.article-page-wrap{width:min(1180px,100% - 36px);margin:0 auto;padding:30px 0 55px}.article-list-head{text-align:center;padding:20px 0 30px}.article-list-head>span{letter-spacing:2px;color:#64748b;font-size:10px}.article-list-head h1{margin:7px 0;font-size:32px}.article-list-head p{color:#748197;font-size:13px}.article-list-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;display:grid}.article-card{background:#fff;border:1px solid #e4e9f1;border-radius:15px;transition:all .16s;overflow:hidden}.article-card:hover{transform:translateY(-2px);box-shadow:0 12px 30px #0f172a12}.article-card>img,.article-cover-placeholder{object-fit:cover;width:100%;height:160px}.article-cover-placeholder{color:#5b6d89;background:linear-gradient(135deg,#eef5ff,#f5efff);place-items:center;font-size:23px;font-weight:850;display:grid}.article-card>div:last-child{padding:14px}.article-card span{color:#2563eb;font-size:10px}.article-card h2{margin:6px 0;font-size:17px;line-height:1.45}.article-card p{color:#778399;margin:0 0 10px;font-size:11px;line-height:1.6}.article-card small{color:#a0a9b7;font-size:9px}.article-empty{text-align:center;color:#929cab;grid-column:1/-1;padding:60px}.article-breadcrumb{color:#8b96a7;gap:7px;margin-bottom:18px;font-size:11px;display:flex}.article-detail{background:#fff;border:1px solid #e4e9f1;border-radius:17px;max-width:860px;margin:0 auto;padding:30px 34px}.article-detail header{text-align:center;border-bottom:1px solid #eef1f5;padding-bottom:22px}.article-category{color:#2865c9;background:#eef5ff;border-radius:999px;padding:5px 9px;font-size:10px;font-weight:750;display:inline-flex}.article-detail h1{margin:12px 0;font-size:32px;line-height:1.35}.article-detail header p{color:#718097;font-size:13px;line-height:1.7}.article-detail header small{color:#9ba5b3;font-size:10px}.article-detail-cover{object-fit:cover;border-radius:13px;width:100%;max-height:430px;margin:24px 0}.article-body{color:#36445a;padding:22px 0 5px;font-size:14px;line-height:1.9}.article-body h2{color:#1f2a3d;margin:30px 0 10px;font-size:22px}.article-body h3{margin:24px 0 8px;font-size:18px}.article-body p{margin:10px 0}.article-body ul{margin:10px 0;padding-left:22px}.article-body li{margin:5px 0}@media (max-width:900px){.article-list-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:620px){.article-page-wrap{width:min(100% - 22px,1180px);padding-top:20px}.article-list-grid{grid-template-columns:1fr}.article-detail{padding:22px 18px}.article-detail h1{font-size:26px}}.article-body a{color:#2563eb;text-underline-offset:3px;text-decoration:underline}.article-body ol{margin:10px 0;padding-left:24px}.article-body blockquote{color:#5d6b81;background:#f5f8ff;border-left:4px solid #8bb2ff;border-radius:0 10px 10px 0;margin:18px 0;padding:12px 16px}.article-body pre{color:#e5edf8;background:#111827;border-radius:12px;margin:18px 0;padding:15px 17px;line-height:1.65;overflow:auto}.article-body :not(pre)>code{color:#c2415d;background:#f1f4f8;border-radius:6px;padding:2px 6px;font-size:.92em}.article-body figure{text-align:center;margin:22px 0}.article-body figure img{border:1px solid #e7ebf2;border-radius:12px;max-width:100%;height:auto}.article-body figcaption{color:#929cab;margin-top:7px;font-size:11px}