:root{--blue:#315eea;--ink:#172033;--muted:#788399;--line:#e8edf5;--paper:#fff}*{box-sizing:border-box}body{margin:0;background:#f6f8fc;color:var(--ink);font:14px/1.7 Arial,"Microsoft YaHei",sans-serif}a{text-decoration:none;color:inherit}.container{width:min(1240px,calc(100% - 36px));margin:auto}.topline{background:#172135;color:#aeb8cb;font-size:12px}.topinner{height:34px;display:flex;justify-content:space-between;align-items:center}.topline a{margin-left:20px}.header{background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:5}.headerinner{height:72px;display:flex;align-items:center;gap:38px}.brand{font-size:28px;font-weight:900;letter-spacing:2px;color:#243558}.brand i{font-style:normal;color:var(--blue)}nav{display:flex;gap:24px;flex:1}nav a{font-size:15px;color:#4b5871}nav a:hover,nav .active{color:var(--blue);font-weight:bold}.search{display:flex;border:1px solid #dce3ef;border-radius:4px;overflow:hidden;width:230px}.search input{border:0;outline:0;padding:9px 12px;flex:1;min-width:0}.search button,.primary,.subscribe button{border:0;background:var(--blue);color:#fff;padding:0 17px;cursor:pointer}.crumb{color:#9aa5b7;font-size:12px;padding:17px 0}.notice{background:#fff7e7;border:1px solid #f6d083;border-radius:5px;color:#8b5d18;padding:11px 17px;display:flex;justify-content:space-between;margin-bottom:18px}.notice a{color:#c47200;text-decoration:underline;font-weight:bold}.hero{min-height:360px;border-radius:6px;background:linear-gradient(100deg,#142650f0,#1426504d),url('https://images.unsplash.com/photo-1497366811353-6870744d04b2?auto=format&fit=crop&w=1800&q=85') center/cover;display:flex;justify-content:space-between;align-items:center;padding:55px 70px;color:#fff;overflow:hidden}.eyebrow{font-size:11px;letter-spacing:2px;color:var(--blue);font-weight:bold;margin:0 0 7px}.hero .eyebrow{color:#b9caff}.hero h1{font-size:44px;line-height:1.25;margin:0 0 16px;letter-spacing:1px}.hero h1 em{font-style:normal;color:#b9caff}.hero-text{max-width:460px;color:#dce5f8;font-size:16px}.primary{display:inline-block;padding:10px 24px;border-radius:3px;margin-top:13px}.hero-art{height:220px;width:270px;border:1px solid #ffffff55;background:#ffffff12;backdrop-filter:blur(3px);padding:25px;display:flex;flex-direction:column;justify-content:center;transform:rotate(3deg)}.hero-art span{color:#ffce73;font-weight:bold;font-size:12px}.hero-art strong{font-size:38px;line-height:1.15;margin:10px 0}.hero-art small{color:#d7e1f6}.quick{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);margin:18px 0 25px;border:1px solid var(--line)}.quick a{background:#fff;padding:20px;display:flex;align-items:center;gap:13px}.quick a:hover{background:#fbfcff}.quick b{font-size:24px;color:var(--blue)}.quick strong,.quick small{display:block}.quick small{color:var(--muted);font-size:12px}.quick i{margin-left:auto;color:#a4aec0;font-size:20px}.section{background:var(--paper);padding:24px;margin-bottom:22px;border:1px solid var(--line);border-radius:5px}.sectionhead{display:flex;justify-content:space-between;align-items:end;margin-bottom:17px}.sectionhead h2{font-size:24px;margin:0}.sectionhead>a{color:var(--blue);font-size:13px}.filters{display:flex;gap:10px;flex-wrap:wrap;border-bottom:1px solid var(--line);padding-bottom:16px;margin-bottom:20px}.filters button{background:#f4f6fb;border:0;color:#66738c;padding:7px 15px;cursor:pointer;border-radius:3px}.filters .selected,.filters button:hover{color:#fff;background:var(--blue)}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.thumb{height:145px;position:relative;overflow:hidden;background:#e7eaf2}.thumb img{width:100%;height:100%;object-fit:cover;transition:.3s}.template:hover img{transform:scale(1.06)}.thumb span{position:absolute;left:9px;top:9px;background:#fff;color:var(--blue);padding:2px 7px;font-size:11px}.template h3{font-size:15px;margin:9px 0 0}.template p{font-size:12px;color:var(--muted);margin:2px 0}.template>b{font-size:12px;color:var(--blue)}.twocol{display:grid;grid-template-columns:1.45fr .85fr;gap:22px}.article-list{border-top:1px solid var(--line)}.article-list>a{display:flex;align-items:center;gap:13px;padding:13px 0;border-bottom:1px dashed var(--line)}.article-list>a:hover strong{color:var(--blue)}.article-list span{font-size:18px;color:#b7c1d3}.article-list strong{flex:1}.article-list small{color:#a1aabd;font-size:11px}.article-list b{color:var(--blue)}.collection>a{display:flex;align-items:center;gap:12px;padding:14px 0;border-bottom:1px solid var(--line)}.collection>a:last-child{border:0}.collection>b{color:#acb6c8}.collection span{flex:1}.collection strong,.collection small{display:block}.collection small{color:var(--muted);font-size:12px}.tools .toolgrid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.toolgrid a{padding:18px 13px;background:#f8faff;border:1px solid #e8edfa}.toolgrid a:hover{border-color:#adc0ff;transform:translateY(-2px)}.toolgrid b{display:block;color:var(--blue);font-size:24px;height:34px}.toolgrid strong,.toolgrid small{display:block}.toolgrid small{color:var(--muted);font-size:11px}.tags{display:flex;flex-wrap:wrap;gap:10px}.tags a{border:1px solid var(--line);padding:6px 13px;color:#63718b;background:#fbfcff}.tags a:hover{color:var(--blue);border-color:#9fb3ff}.subscribe{background:#edf2ff}.subscribe h2{margin:0 0 5px}.subscribe p:not(.eyebrow){color:var(--muted)}.subscribe div{display:flex}.subscribe input{border:1px solid #d5ddef;padding:10px;flex:1;min-width:0}.subscribe button{padding:0 18px}.lower{margin-bottom:0}footer{background:#202a3d;color:#a9b5ca;margin-top:30px;padding:35px 0 0}.footgrid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:30px}.footgrid .brand{color:#fff}.footgrid h3{color:#fff;font-size:14px}.footgrid a:not(.brand){display:block;margin:7px 0}.copyright{border-top:1px solid #334057;margin-top:28px;padding:15px 0;font-size:12px;color:#78869e}@media(max-width:900px){nav{gap:12px;overflow:auto}.hero{padding:40px}.hero-art{display:none}.grid{grid-template-columns:repeat(3,1fr)}.tools .toolgrid{grid-template-columns:repeat(3,1fr)}}@media(max-width:620px){.topinner{display:none}.headerinner{height:auto;flex-wrap:wrap;padding:12px 0}.search{width:100%}nav{order:3;flex-basis:100%;overflow:auto}.notice{display:block}.notice a{display:block;margin-top:5px}.hero{min-height:300px;padding:30px}.hero h1{font-size:34px}.quick{grid-template-columns:repeat(2,1fr)}.grid{grid-template-columns:repeat(2,1fr);gap:13px}.thumb{height:120px}.twocol{display:block}.tools .toolgrid{grid-template-columns:repeat(2,1fr)}.footgrid{grid-template-columns:1fr 1fr}.article-list small{display:none}}