:root{--p:#7b2bb8;--ink:#241333;--line:#eadff3}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:#fbf9ff;font-family:"Microsoft YaHei",Arial,sans-serif}.sf-header{height:92px;padding:0 max(24px,calc((100% - 1400px)/2));display:flex;align-items:center;justify-content:space-between;background:#fff;border-bottom:1px solid #f0e9f6;position:relative;z-index:5}.sf-brand{display:flex;align-items:center;gap:12px;color:#6e219d;text-decoration:none}.sf-brand img{width:64px;height:64px;object-fit:contain}.sf-brand span{display:grid}.sf-brand strong{font-size:24px}.sf-brand small{font-size:12px;color:#36213f}.sf-header nav{display:flex;align-items:center;gap:38px}.sf-header nav a{font-weight:700;color:#8b4a36;text-decoration:none}.sf-header nav a[aria-current=page]{color:var(--p)}.sf-login{padding:16px 28px;border-radius:14px;color:#fff!important;background:linear-gradient(135deg,#b25ae7,#6d1593);box-shadow:0 12px 30px #8d35b82b}.blog-index-section{padding:54px 0 72px}.container{max-width:1400px;margin:auto;padding:0 24px}.meet-header{text-align:center;margin-bottom:32px}.meet-header h1{font-size:48px;margin:0 0 12px}.meet-header p{font-size:18px;color:#746a7a}.sf-blog-search{max-width:680px;margin:0 auto 22px;display:flex;background:#fff;border:1px solid var(--line);border-radius:14px;padding:6px}.sf-blog-search input{flex:1;border:0;background:transparent;padding:12px 16px;font-size:16px;outline:0}.sf-blog-search button{border:0;border-radius:10px;padding:0 26px;background:var(--p);color:#fff;font-weight:700}.sf-categories{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-bottom:30px}.sf-categories a{padding:8px 15px;border:1px solid var(--line);border-radius:999px;color:#62546c;text-decoration:none;background:#fff}.sf-categories a.active{background:#842cb2;color:#fff}.blog-wrapper{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}.blog-item{overflow:hidden;border:1px solid #eadff2;border-radius:20px;background:#fff;box-shadow:0 12px 34px rgba(60,25,78,.07);transition:.2s}.blog-item:hover{transform:translateY(-5px)}.blog-card-link{color:inherit;text-decoration:none}.blog-img-wrapper{height:285px;position:relative;overflow:hidden;background:#2d183b}.blog-cover-image{width:100%;height:100%;object-fit:cover}.blog-card-scrim{position:absolute;inset:25% 0 0;background:linear-gradient(transparent,rgba(20,7,29,.9))}.blog-title{position:absolute;left:0;right:0;bottom:0;padding:26px;color:#fff}.blog-card-meta{display:flex;justify-content:space-between;gap:12px;color:#e6baff;font-weight:700}.blog-title h2{font-size:23px;line-height:1.35;margin:10px 0 0}.blog-card-summary{padding:20px 22px;min-height:105px;color:#6f6575;line-height:1.8}.blog-card-summary p{margin:0}.sf-pagination{text-align:center;margin-top:34px}.pagination{display:flex;justify-content:center;gap:8px;list-style:none}.page-link{display:block;padding:10px 14px;background:#fff;border:1px solid var(--line);border-radius:8px;text-decoration:none}.active>.page-link{background:var(--p);color:#fff}.sf-footer{padding:38px max(24px,calc((100% - 1400px)/2));display:flex;gap:24px;align-items:center;background:#241333;color:#fff}.sf-footer nav{margin-left:auto;display:flex;gap:20px}.sf-footer a{color:#ddd;text-decoration:none}.blog-box{max-width:1120px;margin:48px auto;padding:0 24px}.sf-back{display:inline-block;margin-bottom:22px;color:var(--p);font-weight:700;text-decoration:none}.blog-article-hero{position:relative;border-radius:24px;overflow:hidden;min-height:480px;background:#23122f}.blog-article-hero:after{content:"";position:absolute;inset:20% 0 0;background:linear-gradient(transparent,rgba(24,9,34,.94))}.blog-article-hero__content{position:absolute;z-index:1;left:6%;right:6%;bottom:9%;color:#fff}.blog-article-hero__category{font-weight:800;color:#ddb0fa}.blog-article-hero h1{font-size:46px;line-height:1.25;margin:14px 0}.sf-article-meta{display:flex;gap:24px}.bb-wrapper{margin-top:28px;background:#fff;border:1px solid var(--line);border-radius:22px;padding:48px 7%}.blog-seo-body{font-size:18px;line-height:1.95;color:#44384b}.blog-seo-body h2{font-size:30px;margin:48px 0 15px}.blog-seo-body h3{font-size:23px}.blog-seo-body img{max-width:100%;height:auto}.blog-seo-body a{color:var(--p)}.blog-seo-body blockquote{margin:25px 0;padding:18px 25px;border-left:4px solid #a64dd4;background:#f8f0fd}.sf-related{max-width:1120px;margin:0 auto 70px;padding:0 24px}.sf-related>div{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.sf-related a{display:grid;background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden;color:var(--ink);text-decoration:none;font-weight:700}.sf-related img{width:100%;height:150px;object-fit:cover}.sf-related span{padding:16px}@media(max-width:900px){.sf-header{height:auto;padding:14px 18px}.sf-header nav a:not(.sf-login){display:none}.sf-brand strong{font-size:19px}.blog-wrapper{grid-template-columns:1fr}.meet-header h1{font-size:36px}.blog-article-hero{min-height:400px}.blog-article-hero h1{font-size:32px}.bb-wrapper{padding:28px 22px}.sf-related>div{grid-template-columns:1fr}.sf-footer{display:grid}}