*{box-sizing:border-box}:root{--navy:#07162d;--ink:#102445;--blue:#2578ff;--cyan:#36d4dc;--pale:#f4f8ff;--line:#dce6f5;--muted:#71809b}body{margin:0;background:#f8fbff;color:var(--ink);font:15px/1.7 "Microsoft YaHei",Arial,sans-serif}a{text-decoration:none;color:inherit}.shell{width:min(1280px,calc(100% - 48px));margin:auto}.utility{background:#061326;color:#b7c8e6;font-size:12px}.utility .shell{height:35px;display:flex;justify-content:space-between;align-items:center}.utility a{margin-left:17px}.header{background:#fff;border-bottom:1px solid #e2eafa;position:sticky;top:0;z-index:9}.headrow{height:78px;display:flex;align-items:center;gap:25px}.brand{font-weight:900;font-size:25px;color:#0b2f70;white-space:nowrap}.brand span{display:inline-grid;place-items:center;width:33px;height:33px;margin-right:7px;border-radius:11px;color:#fff;background:linear-gradient(135deg,#1675ff,#37d9d8);font-size:19px}.nav{display:flex;gap:4px;flex:1;justify-content:center}.nav a{padding:8px 10px;border-radius:8px;font-weight:bold;font-size:14px}.nav a:hover,.nav .active{background:#eaf2ff;color:#1766e8}.nav i{font-style:normal;margin-right:3px}.user{padding:8px 13px;border:1px solid #bcd2fc;border-radius:20px;color:#1b66dc;font-size:13px}.hero{background:linear-gradient(115deg,#081b3c,#123a81 58%,#196baf);padding:35px 0 42px;color:white;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.45fr .75fr;gap:20px}.spotlight{min-height:355px;padding:48px;border-radius:28px;background:linear-gradient(118deg,rgba(8,26,63,.92),rgba(29,114,203,.5)),url(https://tse-mm.bing.com/th?q=%E9%9F%A9%E6%BC%AB%E6%B5%AA%E6%BC%AB%E6%BC%AB%E7%94%BB) center/cover;position:relative;box-shadow:inset 0 0 0 1px rgba(255,255,255,.16)}.spotlight .kicker{color:#75eff1;font-weight:bold;letter-spacing:2px;font-size:12px}.spotlight h1{font-size:45px;line-height:1.15;margin:12px 0}.spotlight p{max-width:580px;color:#dcecff}.play{display:inline-block;padding:10px 19px;border-radius:7px;background:#37d4db;color:#062250;margin-top:12px;font-weight:bold}.right-rail{display:grid;gap:17px}.signal{border-radius:20px;padding:24px;background:#fff;color:#112b54}.signal b{display:block;font-size:21px}.signal p{margin:5px 0;color:var(--muted);font-size:13px}.signal strong{color:#1873ed}.signal.dark{background:linear-gradient(135deg,#123d8c,#0c2658);color:#fff}.signal.dark p{color:#d9e8ff}.section{padding:43px 0}.section.tint{background:#edf5ff}.titleline{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:20px}.titleline h2{margin:0;font-size:26px}.titleline h2 span{color:#1c7af4;margin-right:8px}.titleline p,.more{margin:2px 0 0;color:var(--muted);font-size:13px}.more{color:#2879e8;font-weight:bold}.strip{display:grid;grid-template-columns:1.2fr repeat(4,1fr);gap:15px}.strip-lead{border-radius:18px;padding:26px;background:linear-gradient(135deg,#e8f3ff,#fff);border:1px solid #d7e7ff}.strip-lead h3{font-size:23px;margin:8px 0}.strip-lead p{color:var(--muted);font-size:13px}.card{background:#fff;border-radius:15px;padding:8px;box-shadow:0 7px 20px rgba(24,61,117,.08);transition:.2s}.card:hover{transform:translateY(-4px)}.cover{height:204px;border-radius:10px;background-size:cover;background-position:center;position:relative;overflow:hidden}.cover:after{content:'';position:absolute;inset:55% 0 0;background:linear-gradient(transparent,rgba(2,17,40,.78))}.cover em{position:absolute;z-index:1;left:8px;bottom:7px;color:white;font-style:normal;font-size:12px}.card h3{margin:7px 2px 0;font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card small{margin-left:2px;color:var(--muted)}.duel{display:grid;grid-template-columns:1fr 1fr;gap:20px}.lane{border-radius:22px;padding:28px;background:#fff;border:1px solid var(--line)}.lane header{display:flex;justify-content:space-between;align-items:center}.lane h3{font-size:23px;margin:0}.lane .minirow{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:17px}.mini{border-radius:11px;overflow:hidden;background:#f2f7ff}.mini .cover{height:130px;border-radius:0}.mini b{display:block;padding:7px;font-size:13px}.timeline{display:grid;grid-template-columns:150px 1fr;gap:18px;padding:22px;border-radius:18px;background:#071e43;color:white}.timeline .date{font-size:25px;font-weight:900;color:#51e3e4}.timeline-list{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.update{padding-left:14px;border-left:2px solid #4bdde2}.update small{color:#b4cbe9;display:block}.update b{font-size:14px}.magazine{display:grid;grid-template-columns:1.3fr .7fr;gap:19px}.feature{border-radius:23px;padding:34px;background:linear-gradient(135deg,#fea745,#ef566f);color:white}.feature h3{font-size:28px;margin:28px 0 7px}.feature p{max-width:500px;color:#fff5e4}.feature a{font-weight:bold}.side-stories{display:grid;gap:14px}.side-story{padding:20px;border-radius:18px;background:#fff;border:1px solid var(--line)}.side-story b{font-size:18px}.side-story p{margin:4px 0;color:var(--muted);font-size:13px}.crew{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.creator{background:#fff;border:1px solid var(--line);padding:20px;border-radius:16px}.face{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#b6d3ff,#5de3df);color:#073070;font-size:20px}.creator h3{margin:9px 0 1px}.creator p{margin:0;color:var(--muted);font-size:13px}.catalog{columns:3;column-gap:17px}.catalog details{break-inside:avoid;background:#fff;border:1px solid var(--line);border-radius:13px;padding:14px 16px;margin-bottom:13px}.catalog summary{cursor:pointer;font-weight:bold;list-style:none}.catalog summary:after{content:'展开 +';float:right;font-size:12px;color:#2378ef}.catalog p{color:#5d6d87;font-size:13px;line-height:1.9}.faq{display:grid;grid-template-columns:1fr 1fr;gap:14px}.faq article{background:#fff;border-radius:15px;padding:20px;border-left:4px solid #36d4dc}.faq h3{margin:0 0 7px}.faq p{color:var(--muted);margin:0}.download{width:min(1280px,calc(100% - 48px));margin:0 auto 42px;border-radius:26px;background:linear-gradient(120deg,#08275c,#14499d 55%,#16799e);color:#fff;overflow:hidden}.download-in{padding:45px 52px;display:grid;grid-template-columns:1.25fr .75fr;gap:60px;align-items:center}.download h2{font-size:35px;line-height:1.25;margin:8px 0}.download p{color:#dbeaff}.stores a{display:inline-block;border:1px solid rgba(255,255,255,.45);padding:10px 15px;border-radius:9px;margin-right:7px;font-weight:bold}.subscribe{background:#fff;padding:21px;border-radius:16px;color:var(--ink)}.subscribe h3{margin:0}.subscribe p{color:var(--muted);font-size:13px}.subscribe input{width:100%;padding:11px;border:1px solid #cfdcf1;border-radius:7px}.subscribe button{margin-top:9px;width:100%;padding:11px;border:0;border-radius:7px;background:#2378ef;color:#fff;font-weight:bold}.footer{background:#06162f;color:#b7c7df;padding:38px 0 18px}.footer-grid{display:grid;grid-template-columns:1.5fr repeat(3,1fr);gap:30px}.footer strong,.footer h4{color:#fff}.footer p{max-width:290px;font-size:13px}.footer a{display:block;padding:3px 0;font-size:13px}.copyright{border-top:1px solid rgba(255,255,255,.13);margin-top:26px;padding-top:16px;display:flex;justify-content:space-between;font-size:12px;color:#8192ad}.crumb{padding:18px 0;color:var(--muted);font-size:13px}.listing{display:grid;grid-template-columns:repeat(5,1fr);gap:17px;padding-bottom:55px}.article{max-width:950px;margin:5px auto 50px;background:#fff;border-radius:20px;padding:38px;box-shadow:0 12px 35px rgba(22,57,109,.1)}.article h1{font-size:33px;line-height:1.3}.meta{padding-bottom:17px;border-bottom:1px solid var(--line);color:var(--muted)}.article p{font-size:16px;line-height:2}.readpanel{background:#eaf4ff;border-radius:13px;padding:18px}.backtop{position:fixed;right:20px;bottom:23px;background:#2378ef;color:#fff;padding:10px 13px;border-radius:8px}@media(max-width:900px){.nav{display:none}.user{margin-left:auto}.hero-grid,.magazine,.download-in{grid-template-columns:1fr}.strip{grid-template-columns:repeat(2,1fr)}.strip-lead{grid-column:span 2}.duel,.faq{grid-template-columns:1fr}.timeline{grid-template-columns:1fr}.timeline-list{grid-template-columns:repeat(2,1fr)}.crew{grid-template-columns:repeat(2,1fr)}.catalog{columns:1}.listing{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:1fr 1fr}.download{width:calc(100% - 24px)}.download-in{padding:32px 25px}.shell{width:calc(100% - 24px)}}