.article-page{background:#fcfeff;overflow:hidden}.article-container{width:min(900px,92%);margin:0 auto}.article-hero{background:linear-gradient(#f6fbff 0%,#fff 100%);padding:180px 0 90px;position:relative;overflow:hidden}.article-hero:before{content:"";background:radial-gradient(#2d82cd1a,#0000 72%);border-radius:50%;width:760px;height:760px;position:absolute;top:-260px;right:-220px}.article-hero:after{content:"";background:radial-gradient(#2d82cd14,#0000 72%);border-radius:50%;width:420px;height:420px;position:absolute;bottom:-220px;left:-150px}.article-category{color:#2d82cd;letter-spacing:1px;text-transform:uppercase;background:#eaf5ff;border-radius:999px;padding:10px 18px;font-size:.82rem;font-weight:700;display:inline-block}.article-hero h1{letter-spacing:-3px;color:#46a1eb;margin:30px 0;font-size:clamp(3.8rem,7vw,5.8rem);line-height:.95}.article-hero h1 span{color:#2d82cd}.article-intro{color:#64798d;max-width:760px;font-size:1.2rem;line-height:2}.article-meta{color:#91a4b6;flex-wrap:wrap;gap:28px;margin-top:45px;font-size:.95rem;display:flex}.article-image-section{margin-top:-30px;margin-bottom:90px}.article-image{border-radius:34px;width:100%;display:block;box-shadow:0 35px 90px #0f375a26}.article-content-section{padding-bottom:140px}.article-content{color:#4f6478;font-size:1.1rem;line-height:2}.article-content>*{margin-bottom:32px}.article-content h2{color:#46a1eb;margin-top:90px;margin-bottom:26px;font-size:2.4rem;line-height:1.2}.article-content h3{color:#46a1eb;margin-bottom:18px;font-size:1.35rem}.article-content p{color:#64798d;line-height:2}.article-content ul{margin:10px 0 35px 28px;padding:0}.article-content li{color:#64798d;margin-bottom:16px;line-height:1.9}.article-content strong{color:#46a1eb;font-weight:700}.article-content a{color:#2d82cd;text-decoration:none;transition:all .3s}.article-content a:hover{color:#46a1eb}.article-content h2:not(:first-child){padding-top:10px}.article-highlight{background:linear-gradient(135deg,#f4faff,#ecf7ff);border:1px solid #d8ebfb;border-radius:28px;margin:60px 0;padding:38px 42px;box-shadow:0 18px 45px #2d82cd14}.article-highlight h3{color:#173a59;margin-bottom:22px}.article-highlight ul{margin:0;padding-left:24px}.article-highlight li{margin-bottom:14px}.article-tip{background:#f8fcff;border-left:6px solid #2d82cd;border-radius:24px;margin:55px 0;padding:34px 38px;box-shadow:0 16px 40px #1450780f}.article-tip h3{color:#2d82cd}.article-note{background:#f6fff9;border-left:6px solid #49b675;border-radius:24px;margin:55px 0;padding:34px 38px;box-shadow:0 16px 40px #49b67514}.article-note h3{color:#2c8c56}.article-summary{color:#fff;background:#46a1eb;border-radius:28px;margin:70px 0;padding:40px}.article-summary h3{color:#fff;margin-bottom:20px}.article-summary ul{margin:0;padding-left:22px}.article-summary li{color:#e8f4ff;margin-bottom:16px}.article-conclusion{color:#fff;background:linear-gradient(135deg,#2d82cd,#56afff);border-radius:30px;margin:70px 0;padding:45px;box-shadow:0 28px 70px #2d82cd40}.article-conclusion h3{color:#fff;margin-bottom:20px}.article-conclusion p{color:#fffffff0}.article-page blockquote{color:#46a1eb;background:#f8fbff;border-left:5px solid #2d82cd;border-radius:22px;margin:70px 0;padding:28px 40px;font-size:1.45rem;font-style:italic;line-height:1.7;position:relative}.article-page blockquote:before{content:"“";color:#2d82cd20;font-family:Georgia,serif;font-size:5rem;font-style:normal;position:absolute;top:-18px;left:18px}@media (max-width:768px){.article-container{width:calc(100% - 32px)}.article-hero{padding:128px 0 56px}.article-hero h1{letter-spacing:-1.5px;overflow-wrap:anywhere;margin:20px 0;font-size:clamp(2.3rem,11vw,3.15rem);line-height:1.05}.article-intro{font-size:16px;line-height:1.65}.article-meta{gap:10px 18px;margin-top:28px;font-size:.85rem}.article-image-section{margin-top:-18px;margin-bottom:52px}.article-image{border-radius:22px}.article-content-section{padding-bottom:80px}.article-content{font-size:16px;line-height:1.7}.article-content>*{margin-bottom:24px}.article-content h2,.article-content h2:not(:first-child){margin-top:52px;margin-bottom:18px;font-size:clamp(1.75rem,8vw,2.15rem);line-height:1.2}.article-content p,.article-content li{line-height:1.7}.article-content ul{margin:8px 0 28px 20px}.article-highlight,.article-tip,.article-note,.article-summary,.article-conclusion,.article-page blockquote{border-radius:20px;margin:40px 0;padding:24px 20px}.article-page blockquote{font-size:1.15rem;line-height:1.6}}