.article-page{max-width:900px;margin:0 auto;padding:0 28px 80px}.article-page .detail-hero{padding:62px 0 34px}.article-page .detail-hero h1{max-width:760px;margin:0 auto 18px;font-size:clamp(40px,6vw,66px)}.article-meta{text-transform:uppercase;letter-spacing:1.8px;color:#c5bdf5;font-size:9px;font-weight:700}.article-cover{height:260px;border:1px solid var(--line);border-radius:22px;overflow:hidden;margin:0 auto 30px;max-width:760px;background:#171a35}.article-cover img{width:100%;height:100%;object-fit:cover;object-position:center 38%;filter:saturate(.9)}.article-body{max-width:700px;margin:auto}.article-body p{color:#c0c1d0;font-size:15px;line-height:1.85;margin:0 0 22px}.article-body h2{font:500 27px/1.2 var(--serif);color:#f4d4e2;margin:38px 0 12px}.article-note{padding:18px 20px;border-left:2px solid #b7a9f4;background:#171a35;color:#bdbed0;font-size:12px;line-height:1.65;margin:28px 0}.article-back{display:inline-flex;margin-top:16px;color:#ddbbf2;font-size:12px;font-weight:700}.article-back span{margin-right:9px}@media(max-width:700px){.article-page{padding:0 20px 60px}.article-page .detail-hero{padding:48px 0 25px}.article-cover{height:190px;border-radius:17px}.article-body p{font-size:14px}.article-body h2{font-size:24px}}