*{margin:0;padding:0;box-sizing:border-box}
body{font-family:'Inter','SF Pro Display',sans-serif;background:#f5f3ef;color:#2c2c2c;overflow-x:hidden}
a{text-decoration:none;color:inherit}img{max-width:100%;height:auto}
.nv{display:flex;align-items:center;justify-content:space-between;padding:18px 6%;background:#f5f3ef;border-bottom:1px solid #e8e4de;position:sticky;top:0;z-index:20}
.nv-l{display:flex;align-items:center;gap:10px}
.nv-i{width:32px;height:32px;background:#2c2c2c;color:#f5f3ef;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:12px;border-radius:4px}
.nv-t{font-size:14px;font-weight:700;color:#2c2c2c;letter-spacing:2px}
.nv-ln{display:flex;gap:24px}.nv-ln a{color:#999;font-size:11px;text-decoration:none;letter-spacing:.5px}.nv-ln a:hover,.nv-ln a.act{color:#2c2c2c}
.nv-r{background:#2c2c2c;color:#f5f3ef;border:none;padding:6px 20px;font-size:10px;font-weight:600;text-decoration:none;border-radius:6px;display:inline-block}
.mag-wrap{max-width:1100px;margin:0 auto;padding:32px 6%}
.sec-label{font-size:9px;color:#648cff;text-transform:uppercase;letter-spacing:3px;font-weight:600;margin-bottom:14px;display:flex;align-items:center;gap:8px}
.sec-label::after{content:'';flex:1;height:1px;background:#e8e4de}
.featured{display:grid;grid-template-columns:2fr 1fr;gap:16px;margin-bottom:36px}
.featured .main{position:relative;border-radius:12px;overflow:hidden;background:linear-gradient(rgba(26,26,46,.8),rgba(22,33,62,.85)),url(../images/xgkee3h.webp) center/cover;min-height:320px;display:flex;flex-direction:column;justify-content:flex-end;padding:28px 24px;text-decoration:none}
.featured .main .tag{position:absolute;top:16px;left:16px;background:rgba(100,140,255,.15);color:#648cff;padding:2px 12px;font-size:7px;letter-spacing:1px;text-transform:uppercase;font-weight:600;border-radius:4px}
.featured .main h2{font-size:24px;font-weight:700;color:#fff;margin-bottom:4px;line-height:1.2}
.featured .main p{font-size:11px;color:rgba(255,255,255,.2);line-height:1.5;max-width:360px}
.featured .main .meta{font-size:8px;color:rgba(255,255,255,.1);margin-top:8px;display:flex;gap:12px}
.featured .side{display:flex;flex-direction:column;gap:12px}
.featured .side .item{border-radius:10px;padding:18px;background:#fff;box-shadow:0 1px 10px rgba(0,0,0,.02);flex:1;display:flex;flex-direction:column;justify-content:center;text-decoration:none}
.featured .side .item .tag2{font-size:7px;color:#648cff;text-transform:uppercase;letter-spacing:1px;font-weight:600;margin-bottom:4px}
.featured .side .item .t{font-size:13px;font-weight:600;color:#2c2c2c;margin-bottom:2px}
.featured .side .item .s{font-size:9px;color:#999;line-height:1.4}
.featured .side .item .m{font-size:8px;color:#ccc;margin-top:4px}
.stats-row{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:32px}
.stat-item{background:#fff;border-radius:10px;padding:18px 14px;text-align:center;box-shadow:0 1px 10px rgba(0,0,0,.02)}
.stat-item .v{font-size:20px;font-weight:700;color:#2c2c2c}
.stat-item .l{font-size:8px;color:#ccc;text-transform:uppercase;letter-spacing:1px;margin-top:2px}
.sec-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:14px;margin-bottom:36px}
.sec-card{background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 1px 10px rgba(0,0,0,.02)}
.sec-card .bar{height:4px;background:linear-gradient(90deg,#648cff,#a78bfa)}
.sec-card .inner{padding:16px}
.sec-card .inner .tag{font-size:7px;color:#648cff;text-transform:uppercase;letter-spacing:1px;font-weight:600;margin-bottom:4px}
.sec-card .inner .t{font-size:13px;font-weight:600;color:#2c2c2c;margin-bottom:3px}
.sec-card .inner .s{font-size:9px;color:#999;line-height:1.4}
.sec-card .inner .m{font-size:8px;color:#ccc;margin-top:6px;display:flex;gap:10px}
.dual{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:36px}
.dual .c{background:#fff;border-radius:10px;padding:18px;box-shadow:0 1px 10px rgba(0,0,0,.02)}
.dual .tt{font-size:8px;color:#648cff;text-transform:uppercase;letter-spacing:2px;font-weight:600;margin-bottom:10px}
.rw{display:flex;justify-content:space-between;padding:6px 0;font-size:10px;border-bottom:1px solid #f0ece8;color:#999}
.rw:last-child{border:none}
.cta{text-align:center;padding:36px 6%;background:#fff;border-radius:12px;margin-bottom:36px;box-shadow:0 1px 10px rgba(0,0,0,.02)}
.cta h2{font-size:20px;font-weight:600;color:#2c2c2c;margin-bottom:6px}
.cta p{font-size:11px;color:#ccc;margin-bottom:16px}
.cta a{display:inline-flex;padding:10px 32px;background:#648cff;color:#fff;border-radius:6px;font-size:11px;font-weight:600;text-decoration:none}
.ft{padding:24px 6%;text-align:center;font-size:7px;color:#ddd;border-top:1px solid #e8e4de}
.artp{max-width:700px;margin:0 auto;padding:40px 20px 50px}
.art-b{font-size:10px;color:#648cff;display:inline-block;margin-bottom:16px;text-decoration:none}
.art-b::before{content:"← 返回"}
.art-h1{font-size:26px;font-weight:700;color:#2c2c2c;margin-bottom:8px;line-height:1.25}
.art-m{font-size:10px;color:#ccc;margin-bottom:20px;display:flex;gap:16px}
.ab{font-size:14px;color:#666;line-height:1.9}
.ab p{margin-bottom:16px}
.ab .disc{background:#fafafa;border-radius:8px;padding:14px 18px;margin:20px 0;font-size:12px;color:#999}
.art-cta{text-align:center;padding:24px 0 8px}
.art-cta a{display:inline-flex;padding:10px 32px;background:#648cff;color:#fff;border-radius:6px;font-size:11px;font-weight:600;text-decoration:none}
.ls{max-width:1100px;margin:0 auto;padding:40px 6%;display:grid;grid-template-columns:2fr 1fr;gap:32px}
.ls-h1{font-size:22px;font-weight:700;color:#2c2c2c;margin-bottom:20px}
.ls-lnk{display:block;padding:14px 0;border-bottom:1px solid #f0ece8;text-decoration:none;color:inherit}
.ls-lnk:last-child{border:none}
.ls-lnk .t{font-size:14px;font-weight:600;color:#2c2c2c;margin-bottom:2px}
.ls-lnk .s{font-size:10px;color:#999}
.ls-sd{padding:20px;background:#fff;border-radius:12px;box-shadow:0 1px 10px rgba(0,0,0,.02);align-self:start}
.ls-sd .tt{font-size:9px;color:#648cff;text-transform:uppercase;letter-spacing:2px;font-weight:600;margin-bottom:8px}
.ls-sd .s{font-size:11px;color:#999;line-height:1.6}
.pg{display:flex;justify-content:center;gap:6px;padding:16px 0}
.pg a,.pg s{display:inline-block;padding:5px 12px;border-radius:4px;font-size:11px;color:#999;text-decoration:none}
.pg a{border:1px solid #e8e4de}
.pg .cur{background:#648cff;color:#fff;border-color:#648cff}
@media(max-width:900px){.featured{grid-template-columns:1fr}.sec-grid{grid-template-columns:1fr 1fr}.stats-row{grid-template-columns:repeat(2,1fr)}.ls{grid-template-columns:1fr}}
@media(max-width:600px){.featured .side{grid-template-columns:1fr}.sec-grid,.dual,.stats-row{grid-template-columns:1fr}.nv{padding:14px 4%}.nv-ln{display:none}.art-h1{font-size:20px}}

.art-mag{max-width:700px;margin:0 auto;padding:32px 20px 40px}
.art-back{font-size:10px;color:#648cff;text-decoration:none;display:inline-block;margin-bottom:16px}
.art-head{margin-bottom:24px}
.art-tag{display:inline-block;font-size:7px;color:#648cff;text-transform:uppercase;letter-spacing:2px;font-weight:600;background:rgba(100,140,255,.08);padding:2px 12px;border-radius:4px;margin-bottom:8px}
.art-title{font-size:26px;font-weight:700;color:#2c2c2c;line-height:1.25;margin-bottom:8px}
.art-info{display:flex;gap:16px;font-size:10px;color:#ccc}
.art-body{font-size:14px;color:#666;line-height:1.9}
.art-body p{margin-bottom:16px}
.art-quote{margin:20px 0;padding:16px 20px;border-left:3px solid #648cff;background:#f8faff;font-size:14px;font-weight:500;color:#444;font-style:italic;border-radius:0 8px 8px 0}
.art-disc{background:#fafafa;border-radius:8px;padding:12px 16px;font-size:11px;color:#999;margin:20px 0}
.art-author-box{display:flex;gap:12px;padding:16px;background:#f8faff;border-radius:10px;margin:24px 0;align-items:center}
.ab-avatar{width:40px;height:40px;border-radius:50%;background:#648cff;color:#fff;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600;flex-shrink:0}
.ab-name{font-size:13px;font-weight:600;color:#2c2c2c;margin-bottom:2px}
.ab-desc{font-size:10px;color:#999;line-height:1.4}
.art-rel{margin:24px 0}
.rel-tt{font-size:11px;color:#648cff;text-transform:uppercase;letter-spacing:2px;font-weight:600;margin-bottom:10px}
.art-cta-mag{text-align:center;padding:24px 0 8px}
.art-cta-mag a{display:inline-flex;padding:10px 32px;background:#648cff;color:#fff;border-radius:6px;font-size:11px;font-weight:600;text-decoration:none}
@media(max-width:600px){.art-title{font-size:20px}.art-info{flex-wrap:wrap;gap:8px}