.article-detail{background:#f7faff;color:#142b4d;padding:1.2rem 0 3.5rem}.article-detail__container{max-width:1120px}.article-detail__header{max-width:900px;margin:1.2rem auto 1rem}.article-detail__badge{display:inline-flex;padding:.35rem .7rem;border-radius:999px;background:#1474df;color:#fff;font-size:.68rem;font-weight:800}.article-detail__header h1{margin:.7rem 0 .55rem;color:#10284b;font-size:clamp(2rem,4vw,3.25rem);letter-spacing:-.045em;line-height:1.06}.article-detail__lead{max-width:780px;margin:0 0 .8rem;color:#5c718b;font-size:1.02rem;line-height:1.55}.article-detail__meta{display:flex;flex-wrap:wrap;gap:1rem;color:#74879e;font-size:.72rem}.article-detail__meta i{margin-right:.3rem;color:#1474df}.article-detail__hero{height:430px;overflow:hidden;margin:0 0 1.3rem;border-radius:12px;background:#0c2b54;box-shadow:0 6px 20px rgba(16,54,91,.08)}.article-detail__hero img{width:100%;height:100%;object-fit:cover}.article-detail__placeholder,.article-detail__hero .article-detail__placeholder{display:grid;place-items:center;width:100%;height:100%;background:linear-gradient(135deg,#0c2b54,#1d67a5);color:rgba(255,255,255,.8);font-size:3rem}.article-detail__layout{display:grid;gap:1.3rem;align-items:start}.article-detail__layout.has-tips{grid-template-columns:minmax(0,7fr) minmax(270px,3fr)}.article-detail__layout.no-tips{grid-template-columns:minmax(0,820px);justify-content:center}.article-detail__content{min-width:0;padding:1.4rem 1.6rem;border:1px solid #e0e8f2;border-radius:11px;background:#fff}.article-detail__content .rc-content{color:#334e6e;font-size:1rem;line-height:1.85}.article-detail__content .rc-content h2{margin:1.8rem 0 .7rem;color:#10284b;font-size:1.55rem}.article-detail__content .rc-content h3{margin:1.4rem 0 .55rem;color:#10284b;font-size:1.18rem}.article-detail__content .rc-content p{margin:0 0 1rem}.article-detail__content .rc-content ul,.article-detail__content .rc-content ol{margin:0 0 1rem;padding-left:1.35rem}.article-detail__content .rc-content blockquote{margin:1.2rem 0;padding:.85rem 1rem;border-left:3px solid #1474df;background:#eef6ff;color:#47617e}.article-detail__content .rc-content a{color:#0c70dd}.article-detail__tips{position:sticky;top:1.2rem;padding:1rem;border:1px solid #d6e6f6;border-radius:11px;background:#eef6ff}.article-detail__tips h2{margin:.2rem 0 .8rem;color:#12345c;font-size:1.05rem}.article-tip{display:grid;grid-template-columns:25px 1fr;gap:.55rem;padding:.85rem 0;border-top:1px solid #d6e6f6}.article-tip:first-of-type{border-top:0}.article-tip>i{padding-top:.15rem;color:#1474df;font-size:1rem}.article-tip h3{margin:0 0 .25rem;color:#173b67;font-size:.8rem}.article-tip p{margin:0;color:#5e7590;font-size:.73rem;line-height:1.5}.article-detail__related{margin-top:1.8rem}.article-detail__related h2{margin:0 0 .8rem;color:#10284b;font-size:1.3rem}.article-detail__related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.article-detail__related-grid article{overflow:hidden;border:1px solid #e0e8f2;border-radius:10px;background:#fff}.article-detail__related-image{display:block;height:125px}.article-detail__related-image img{width:100%;height:100%;object-fit:cover}.article-detail__related-grid article>span{display:inline-block;margin:.65rem .8rem 0;padding:.25rem .5rem;border-radius:999px;background:#eaf3ff;color:#1474df;font-size:.6rem;font-weight:800}.article-detail__related-grid h3{margin:.45rem .8rem .8rem;color:#173456;font-size:.83rem;line-height:1.3}.article-detail__related-grid h3 a{color:inherit;text-decoration:none}.article-detail__back{display:inline-flex;gap:.45rem;margin-top:1.5rem;padding:.55rem .85rem;border:1px solid #b8d6f5;border-radius:999px;color:#1474df;font-size:.75rem;font-weight:800;text-decoration:none}.article-detail__back:hover{background:#eef6ff}
@media(max-width:900px){.article-detail__hero{height:350px}.article-detail__layout.has-tips{grid-template-columns:1fr}.article-detail__tips{position:static}.article-detail__related-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:600px){.article-detail{padding-top:.7rem}.article-detail__header h1{font-size:2rem}.article-detail__meta{gap:.55rem;font-size:.66rem}.article-detail__hero{height:220px;border-radius:9px}.article-detail__content{padding:1rem}.article-detail__content .rc-content{font-size:.92rem;line-height:1.72}.article-detail__related-grid{grid-template-columns:1fr}.article-detail__related-image{height:155px}}
.article-detail__type{display:inline-flex;margin-left:.45rem;padding:.35rem .6rem;border:1px solid #b9d8f7;border-radius:999px;background:#f1f8ff;color:#1763a9;font-size:.66rem;font-weight:800;vertical-align:middle}.article-detail__header .article-detail__badge i{margin-right:.25rem}.article-detail__related-card--advice{border-color:#b9d8f7!important;background:#f7fbff!important}.article-detail__related-card--advice>span{background:#eaf4ff!important;color:#1474df!important}.article-detail__related-card--advice>small{display:block;margin:.35rem .8rem 0;color:#1763a9;font-size:.62rem;font-weight:750}
.article-detail__container{max-width:1240px!important}.article-detail__header{max-width:1040px!important}.article-detail__header h1{font-size:clamp(2.4rem,3.4vw,2.9rem)!important;line-height:1.12!important}.article-detail__lead{max-width:820px!important}
.article-detail__tips h2:before{display:none!important}.article-detail__tips h2 i{margin-right:.45rem;color:#1474df;font-size:1rem}
.article-detail__content{padding:0!important;border:0!important;background:transparent!important}.article-detail__content .article-detail__hero{width:100%!important;max-width:none!important;height:auto!important;aspect-ratio:16/9!important;margin:0 0 1.5rem!important;border-radius:12px!important}.article-detail__tips-lead{margin:-.55rem 0 1rem;color:#5e7590;font-size:.86rem;line-height:1.5}
.article-detail__hero{width:100vw;max-width:100vw!important;height:clamp(260px,24vw,360px)!important;aspect-ratio:auto!important;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);border-radius:0!important}.article-detail__tips{padding:1.25rem!important;background:#eef6ff!important;border-color:#c7def4!important}.article-detail__tips h2{margin:.15rem 0 1rem!important;font-size:1.3rem!important}.article-detail__tips h2:before{content:'\\f0eb';font-family:'Font Awesome 5 Free';font-weight:900;margin-right:.45rem;color:#1474df}.article-tip{grid-template-columns:30px 1fr!important;gap:.7rem!important;margin-bottom:.7rem;padding:1rem!important;border:1px solid #d5e6f7;border-radius:9px;background:#fff;box-shadow:0 2px 7px rgba(16,54,91,.04)}.article-tip:last-child{margin-bottom:0}.article-tip>i{font-size:1.15rem!important;color:#1474df!important}.article-tip h3{font-size:1rem!important;font-weight:750}.article-tip p{font-size:.88rem!important;line-height:1.55!important;color:#526b86!important}
@media(max-width:600px){.article-detail__hero{height:220px!important;aspect-ratio:auto!important}}