:root{--p:#5951a6;--k:#202434;--m:#6f7485;--l:#ebe8e1;--r:#ef5e86}*{box-sizing:border-box}body{margin:0;background:#fffdf9;color:var(--k);font:15px/1.7 Microsoft YaHei,sans-serif}a{text-decoration:none;color:inherit}img{max-width:100%;display:block}.wrap{width:min(1200px,calc(100% - 40px));margin:auto}header{position:sticky;top:0;z-index:9;background:#fffdf9ed;border-bottom:1px solid var(--l)}.header{height:76px;display:flex;align-items:center;gap:20px}.logo{display:flex;align-items:center;gap:9px;font-weight:800}.logo>b{display:grid;place-items:center;width:38px;height:38px;background:linear-gradient(135deg,var(--r),var(--p));border-radius:12px 12px 12px 2px;color:#fff}.logo span{display:grid;line-height:1.1}.logo small{font-size:9px;color:var(--m);letter-spacing:1px;margin-top:4px}nav{display:flex;justify-content:center;gap:3px;flex:1}nav a{padding:8px;font-size:13px;border-radius:8px;white-space:nowrap}nav a.on,nav a:hover{color:var(--p);background:#f3eefa;font-weight:700}.search{font-size:25px;color:var(--p)}.toggle{display:none}.hero{margin-top:58px;display:grid;grid-template-columns:1.05fr .95fr;min-height:430px;overflow:hidden;border-radius:28px;background:#ece6f6}.hero>div:first-child{padding:65px 7vw;align-self:center}.eyebrow,em{color:var(--r);font-size:12px;font-style:normal;font-weight:700}h1{font-size:clamp(34px,5vw,57px);line-height:1.15;margin:0}h1 a{text-decoration:underline;text-underline-offset:8px}.hero p{color:#515567}.button{display:inline-block;padding:11px 19px;border-radius:9px;background:var(--p);color:#fff;font-weight:700}.heroimage{position:relative}.heroimage img{width:100%;height:100%;min-height:430px;object-fit:cover}.heroimage>b{position:absolute;bottom:28px;left:28px;display:grid;place-items:center;width:84px;height:84px;border-radius:50%;background:var(--r);color:#fff;text-align:center;line-height:1.2}.section{margin-top:102px}.title{display:flex;justify-content:space-between;align-items:end;margin-bottom:26px}.title h2,.feature h2,.notes h2,.about h2{font-size:30px;margin:0}.title a{color:var(--p);font-weight:700}.cats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.cat{min-height:165px;padding:22px;background:#fff;border:1px solid var(--l);border-radius:16px}.cat i{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:#f3eafa;color:var(--r);font-style:normal;font-size:25px}.cat h3{margin:13px 0 3px}.cat p,.card p{margin:0;color:var(--m);font-size:13px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.card{overflow:hidden;background:#fff;border:1px solid var(--l);border-radius:15px}.card img{width:100%;aspect-ratio:3/4;object-fit:cover}.card div{padding:14px}.card h3{margin:4px 0}.benefit{margin-top:102px;padding:30px 0;background:#292747;color:#fff}.benefit div{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.feature{display:grid;grid-template-columns:1.3fr .7fr;gap:22px}.feature article{display:grid;grid-template-columns:1fr 1fr;overflow:hidden;background:#f1e7db;border-radius:20px}.feature article div,.feature aside{padding:38px}.feature img{width:100%;height:100%;object-fit:cover}.feature aside{border-radius:20px;background:#f1f4fb}.ranks{display:grid;grid-template-columns:repeat(2,1fr);column-gap:40px}.rank{display:flex;align-items:center;gap:13px;padding:13px 0;border-bottom:1px solid var(--l)}.rank>b{color:var(--r)}.rank img{width:55px;height:70px;object-fit:cover;border-radius:7px}.rank h3{margin:0}.rank p{margin:0;color:var(--m);font-size:12px}.notes{padding:42px;border:1px solid var(--l);border-radius:20px;background:#fff}.notes>div{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.notes b{color:#b8a4cc;font-size:27px}.quote{margin-top:102px;padding:60px;text-align:center;border-radius:20px;color:#fff;background:linear-gradient(135deg,#584b99,#ec7292);font-size:24px}.about{display:grid;grid-template-columns:.8fr 1.2fr;gap:60px}.about p,.prose p{color:var(--m)}.app{margin-top:102px;padding:55px 0;background:#202238;color:#fff}.appin{display:grid;grid-template-columns:1fr 220px;align-items:center;gap:50px}.app h2{margin:0;font-size:30px}.qr{width:160px;height:160px;justify-self:center;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:16px;color:var(--k);background:#fff}.qr b{display:grid;place-items:center;width:48px;height:48px;border-radius:9px;color:#fff;background:var(--r)}.qr strong{margin-top:9px}footer{padding:20px 0;background:#171827;color:#aeb0c1;font-size:12px}.foot{display:flex;justify-content:space-between}.channel,.simple{min-height:600px;padding-top:36px}.crumb{display:flex;gap:8px;color:var(--m)}.crumb a{color:var(--p)}.channelhero{margin-top:22px;display:flex;gap:26px;align-items:center;padding:40px;border-radius:20px;color:#fff;background:linear-gradient(135deg,var(--r),#343250)}.channelhero i{font-size:35px}.channelhero h1{font-size:40px}.stories{display:grid;gap:16px}.story{display:grid;grid-template-columns:120px 1fr 42px;gap:20px;align-items:center;padding:16px;border:1px solid var(--l);border-radius:14px;background:#fff}.story img{width:120px;height:148px;object-fit:cover;border-radius:9px}.story h2{margin:5px 0}.story p,.story small{color:var(--m)}.go{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;color:#fff;background:var(--p)}.seotext,.prose{max-width:850px;margin:85px auto 102px;padding:34px;border-radius:16px;background:#f7f3ed}.simple>header{padding:60px 0 40px;border-bottom:1px solid var(--l)}.reader{max-width:860px;margin:auto;padding-top:35px}.reader>article>header{text-align:center;padding:40px 20px 25px;position:static;background:none}.reader h1{font-size:38px;margin:7px}.reader aside{margin:0 20px 30px;padding:18px 22px;border-left:4px solid var(--r);background:#f4eff9}.pages{padding:18px 0;background:#272735}.pages figure{max-width:760px;margin:0 auto 16px}.pages img{width:100%;aspect-ratio:3/4;object-fit:cover}.pages figcaption{padding:8px;color:#bbb9cb;background:#22222e;font-size:11px}.ending{text-align:center;padding:50px}.chapter{padding:18px 20px 55px;justify-content:space-between}.chapter a,.chapter span{color:var(--p);font-weight:700}@media(max-width:900px){nav{display:none;position:absolute;top:76px;left:0;right:0;flex-wrap:wrap;justify-content:flex-start;background:#fffdf9;padding:14px}.toggle{display:block;margin-left:auto}.hero{grid-template-columns:1fr}.cats{grid-template-columns:repeat(2,1fr)}.feature{grid-template-columns:1fr}}@media(max-width:600px){.wrap{width:min(100% - 28px,1200px)}.section,.quote{margin-top:65px}.hero{margin-top:30px}.hero>div:first-child{padding:40px 25px}.cards{grid-template-columns:repeat(2,1fr)}.benefit div{grid-template-columns:repeat(2,1fr)}.feature article{grid-template-columns:1fr}.ranks{grid-template-columns:1fr}.notes>div,.about{grid-template-columns:1fr}.appin{grid-template-columns:1fr}.qr{justify-self:start}.story{grid-template-columns:82px 1fr}.story img{width:82px;height:112px}.go{display:none}.foot{flex-direction:column}}