.art-page{max-width:800px;margin:0 auto;padding:80px 20px 40px}
.art-nav{display:flex;align-items:center;gap:16px;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid rgba(2,161,249,0.15)}
.art-nav .back{font-size:13px;color:#8a8fa8;text-decoration:none}
.art-nav .back:hover{color:#02a1f9}
.art-header{margin-bottom:30px}
.art-header h1{font-size:26px;font-weight:800;color:#1a1a2e;line-height:1.3;margin-bottom:10px}
.art-meta{font-size:13px;color:#8a8fa8;display:flex;gap:16px;flex-wrap:wrap}
.art-body{font-size:15px;line-height:1.9;color:#1a1a2e}
.art-body p{margin-bottom:16px}
.art-body h2{font-size:20px;font-weight:700;margin:28px 0 12px;color:#1a1a2e}
.art-body ul{padding-left:20px;margin-bottom:16px}
.art-body li{margin-bottom:6px}
.art-cta{background:linear-gradient(135deg,#02a1f9,#cfd4f7);border-radius:16px;padding:30px;text-align:center;margin:30px 0;color:#fff}
.art-cta h3{font-size:18px;margin-bottom:6px}
.art-cta p{font-size:13px;opacity:.9;margin-bottom:14px}
.art-cta .btn{display:inline-block;background:#fff;color:#02a1f9;padding:10px 28px;border-radius:25px;font-weight:700;font-size:14px;text-decoration:none}
.art-nav-links{display:flex;justify-content:space-between;margin-top:30px;padding-top:20px;border-top:1px solid rgba(2,161,249,0.15)}
.art-nav-links a{color:#02a1f9;text-decoration:none;font-size:14px;font-weight:500}
.art-nav-links a:hover{text-decoration:underline}
.art-disc{font-size:12px;color:#8a8fa8;margin-top:20px;padding:12px;background:#f3f4d6;border-radius:8px;text-align:center}

.cate-page{padding:80px 20px 40px;max-width:700px;margin:0 auto}
.cate-header{text-align:center;margin-bottom:30px}
.cate-header h1{font-size:24px;font-weight:800;color:#1a1a2e}
.cate-header p{font-size:14px;color:#8a8fa8;margin-top:4px}
.cate-item{display:flex;align-items:center;padding:12px 16px;background:#fff;border:1px solid rgba(2,161,249,0.12);border-radius:10px;margin-bottom:8px;text-decoration:none;transition:all .2s}
.cate-item:hover{border-color:#02a1f9;transform:translateX(4px)}
.cate-num{width:28px;height:28px;border-radius:50%;background:#02a1f9;color:#fff;font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.cate-title{flex:1;margin:0 12px;font-size:14px;font-weight:500;color:#1a1a2e}
.cate-arrow{color:#8a8fa8;font-size:13px}

@media(max-width:700px){.art-page{padding:70px 14px 30px}.art-header h1{font-size:20px}}