:root{--green:#22644b;--ink:#233c31;--muted:#7c847c;--line:#e5e9e0;--red:#df685e;--paper:#f8faf6}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'Segoe UI','Microsoft YaHei',sans-serif;font-size:14px}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}button{color:inherit;border:0;background:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #df9761;outline-offset:4px}.wrap{max-width:1220px;margin:auto;padding-left:30px;padding-right:30px}header{background:#ffffffed;border-bottom:1px solid var(--line)}.nav{height:86px;display:flex;align-items:center;gap:42px}.brand{font-size:25px;font-weight:800;display:flex;align-items:center;gap:9px;white-space:nowrap}.logo{color:var(--green);font-size:39px;display:inline-block;transform:rotate(-25deg)}.brand-note{font-size:12px;font-weight:400;color:var(--muted);padding-left:15px;margin-left:10px;border-left:1px solid var(--line)}nav{display:flex;gap:28px;margin-left:auto;align-items:center}nav a,nav button{padding:12px 0;color:#788177;font-size:13px}nav .active{color:var(--green);font-weight:700}#savedCount{font-size:10px;background:#eaf0e8;padding:2px 5px;border-radius:4px}.random{border:1px solid #ccd9ca;border-radius:7px;padding:10px 15px;font-size:12px}.hero{display:grid;grid-template-columns:1.15fr 1fr;min-height:415px;align-items:center;margin:30px 0 22px;background:#edf3e8;border:1px solid #e0e9da;border-radius:17px;overflow:hidden}.hero-copy{padding:43px 45px}.eyebrow{font-size:11px;color:#64816b;display:flex;align-items:center;gap:8px}.eyebrow i{width:6px;height:6px;background:#54936b;border-radius:50%}h1{font-size:48px;letter-spacing:-2px;line-height:1.35;margin:21px 0 15px;font-weight:850}.hero p{color:#73806e;line-height:1.95;font-size:13px;margin-bottom:25px}.primary{display:inline-flex;gap:30px;background:var(--green);color:white;padding:13px 19px;border-radius:6px;font-size:12px}.hero-note{font-size:10px;color:#849080;margin-left:15px}.hero-art{position:relative;height:100%;min-height:380px;overflow:hidden}.orbit{position:absolute;width:315px;height:315px;border:1px dashed #bacdb0;border-radius:50%;left:60px;top:36px}.melon{position:absolute;width:305px;height:156px;top:135px;left:48px;border-radius:8px 8px 180px 180px;background:#27704c;padding:0 12px 15px;transform:rotate(-19deg);box-shadow:10px 20px 0 #dae6d1}.flesh{background:#ed8174;border-radius:0 0 155px 155px;border:9px solid #f4edc4;border-top:0;height:100%;position:relative}.flesh b{position:absolute;font-size:14px;color:#553e35;transform:scale(.55,1)}.flesh b:nth-child(1){left:35px;top:27px}.flesh b:nth-child(2){left:81px;top:58px}.flesh b:nth-child(3){left:126px;top:25px}.flesh b:nth-child(4){left:163px;top:65px}.flesh b:nth-child(5){left:209px;top:22px}.flesh b:nth-child(6){left:126px;top:93px}.art-note{position:absolute;left:25px;top:48px;line-height:1.8;color:#7a9071;font-size:12px;transform:rotate(-8deg)}.spark{position:absolute;color:#7b9c66}.one{right:75px;top:69px;font-size:44px}.two{left:28px;bottom:61px;font-size:29px}.sticker{position:absolute;right:49px;bottom:76px;background:#faf9e9;border:1px solid #d8dfbd;border-radius:50%;padding:19px 18px;color:#486b3e;transform:rotate(12deg);font-size:17px;font-weight:700}.art-bottom{position:absolute;bottom:27px;left:104px;letter-spacing:3px;font-size:8px;color:#829679}.notice{display:flex;align-items:center;gap:17px;padding:12px 17px;border:1px solid var(--line);background:white;border-radius:7px;font-size:11px}.notice>span:first-child{color:var(--green);font-weight:700;border-right:1px solid var(--line);padding-right:17px}.notice p{margin:0;color:#798173}.demo{margin-left:auto;color:#84907c;background:#f2f5ef;padding:3px 7px;border-radius:3px}.section-head{display:flex;justify-content:space-between;align-items:center;margin:32px 0 18px}.section-head h2{font-size:20px;margin:0;letter-spacing:-.5px}h2 small{font-weight:400;font-size:11px;color:#90968b;margin-left:12px;letter-spacing:0}.section-head button{font-size:11px;color:#7c8977}.feature-card{display:grid;grid-template-columns:40% 1fr;min-height:218px;border:1px solid var(--line);border-radius:11px;background:#fff;overflow:hidden}.feature-card .art{height:100%;min-height:220px;border-radius:0}.feature-copy{padding:26px 31px}.pill{display:inline-block;font-size:10px;color:var(--green);background:#eef3e9;padding:4px 8px;border-radius:3px}.sample{font-size:9px;color:#92998b;margin-left:8px}.feature-copy h3{font-size:23px;line-height:1.55;margin:12px 0 9px}.feature-copy p{font-size:12px;color:#858c80;line-height:1.8;margin:0 0 16px}.meta{display:flex;align-items:center;gap:12px;font-size:10px;color:#939a8d}.meta .read{margin-left:auto;color:var(--green)}.search{display:flex;gap:9px;align-items:center;background:white;border:1px solid var(--line);padding:9px 12px;border-radius:7px;color:#84917e;width:290px}.search>span{font-size:22px;line-height:16px}.search input{border:0;outline:none;width:100%;min-width:0;background:transparent;font-size:11px;color:var(--ink)}kbd{border:1px solid var(--line);font-size:10px;padding:1px 4px}.filter-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:23px;gap:12px}.categories{display:flex;gap:7px;flex-wrap:wrap}.categories button{padding:9px 14px;font-size:12px;border-radius:5px;color:#7a8776}.categories .selected{background:var(--green);color:white}.sort{color:#8b9385;font-size:11px;white-space:nowrap}.sort select{border:0;color:#586953;background:transparent;font-size:11px;max-width:110px}.content-layout{display:grid;grid-template-columns:minmax(0,1fr) 258px;gap:25px}.cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:21px}.card{border:1px solid var(--line);border-radius:10px;overflow:hidden;background:white;position:relative;transition:transform .18s,border-color .18s}.card:hover{transform:translateY(-3px);border-color:#b2c6a7}.card-main{text-align:left;display:block;width:100%;padding:0}.card-body{padding:18px}.card h3{font-size:16px;line-height:1.65;margin:10px 0 8px}.card p{font-size:11px;color:#838b7d;line-height:1.9;margin:0;min-height:42px}.card-bottom{display:flex;justify-content:space-between;padding:0 18px 16px;align-items:center}.save{font-size:11px;color:#829076;padding:5px}.save[aria-pressed=true]{color:var(--green);font-weight:700}.art{height:172px;position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;overflow:hidden;background:#e6eedc;color:#54714a}.art:before,.art:after{content:'';position:absolute;pointer-events:none}.art strong{font-family:'Microsoft YaHei',sans-serif;font-size:28px;z-index:1;letter-spacing:2px}.art small{font-size:10px;z-index:1;margin-top:12px;letter-spacing:2px}.art.park{background:#dfe9d1}.art.park:before{width:200px;height:200px;border:30px solid #c8d9b8;border-radius:50%;left:-85px;top:44px}.art.park:after{height:180px;width:90px;border-radius:100% 0;background:#b8cba6;right:-20px;top:-36px;transform:rotate(-30deg)}.art.show{background:#eee7f2;color:#776787}.art.show:before{height:240px;width:120px;background:#ded3e7;transform:rotate(30deg);left:-35px;top:-35px}.art.show:after{width:85px;height:85px;border:14px solid #dbcee5;border-radius:50%;right:-20px;bottom:-25px}.art.chat{background:#f3e7d5;color:#937044}.art.chat:before{width:180px;height:95px;background:#ffffff65;border-radius:18px;transform:rotate(-9deg)}.art.chat strong{transform:rotate(-4deg)}.art.coffee{background:#e6d9ca;color:#82614e}.art.coffee:after{width:100px;height:100px;border:18px solid #cdbba5;border-radius:50%;right:-38px;bottom:-42px}.art.timeline{background:#dee9ed;color:#537881}.art.timeline:before{width:400px;height:100px;border-top:1px solid #bbd1d7;border-bottom:1px solid #bbd1d7;transform:rotate(-20deg)}.art.music{background:#e7e5d6;color:#767547}.art.music:after{width:165px;height:165px;border:35px double #d0ceb6;border-radius:50%;right:-58px;top:47px}.cover{width:100%;height:172px;object-fit:cover}.feature-card .cover{height:100%;min-height:220px}.trending{border:1px solid var(--line);background:white;border-radius:10px;padding:21px}.trending h3{font-size:15px;margin:0 0 20px}.trending h3 span{float:right;font-size:9px;font-weight:400;color:#8c9485;border:1px solid var(--line);padding:2px 5px}.rank{display:flex;width:100%;gap:11px;text-align:left;padding:14px 0;border-top:1px solid #f0f2ec}.rank b{font-size:15px;color:#beccaf;font-style:italic}.rank:nth-child(2) b{color:var(--red)}.rank strong{font-weight:500;font-size:12px;line-height:1.6;display:block}.rank small{font-size:9px;color:#9ba292;display:block;margin-top:5px}.note{margin-top:20px;background:#eef1e5;border-radius:10px;padding:25px 22px;position:relative;overflow:hidden}.note>span{font-size:10px;color:#7f9271}.note h3{font-size:21px;line-height:1.6;margin:13px 0}.note p{font-size:10px;color:#829077;line-height:2}.note button{font-size:10px;border-bottom:1px solid #9eb18b;padding:8px 0;margin-top:8px}.note-melon{font-size:87px;color:#d6dfc7;position:absolute;right:-6px;bottom:-34px;transform:rotate(-25deg);pointer-events:none}.sidebar-foot{font-size:10px;color:#9aa18f;line-height:2.1;margin:20px 5px}.more{display:block;margin:25px auto 0;border:1px solid #d8e1d0;background:white;border-radius:6px;padding:11px 50px;font-size:12px}.end{text-align:center;font-size:11px;color:#9aa18f;margin:26px 0}#empty{padding:70px 20px;text-align:center;line-height:2;color:#839079}footer{margin-top:45px!important;padding-top:27px;padding-bottom:27px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}footer .brand{font-size:18px}footer .logo{font-size:27px}footer p,footer button{font-size:10px;color:#8b9582}dialog{border:1px solid var(--line);border-radius:16px;padding:43px;max-width:730px;width:calc(100% - 28px);max-height:85vh;color:var(--ink);background:var(--paper)}dialog::backdrop{background:#142c2380;backdrop-filter:blur(4px)}.close{position:absolute;right:14px;top:8px;font-size:29px}.article-title{font-size:29px;line-height:1.55;margin:16px 0}#article p{line-height:2;font-size:15px;color:#63705d;white-space:pre-wrap}#article .art,#article .cover{margin:23px 0;height:220px;border-radius:8px}#article a{color:var(--green);text-decoration:underline}.article-actions{display:flex;gap:15px;border-top:1px solid var(--line);padding-top:20px;margin-top:25px}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:var(--green);color:white;border-radius:7px;padding:12px 22px;display:none;font-size:12px;z-index:5}[hidden]{display:none!important}@media(min-width:1450px){.wrap{max-width:1290px}.hero{min-height:435px}.hero-art{max-width:470px}.art{height:190px}}@media(max-width:900px){.brand-note{display:none}.nav{gap:20px}nav{gap:18px}.hero-copy{padding:32px}h1{font-size:40px}.hero-note{display:none}.hero-art{transform:scale(.85);transform-origin:center}.content-layout{grid-template-columns:minmax(0,1fr) 215px;gap:18px}.feature-copy h3{font-size:19px}.art strong{font-size:23px}.cards{gap:15px}.card h3{font-size:14px}}@media(max-width:680px){.wrap{padding-left:18px;padding-right:18px}.nav{height:70px;gap:15px}.brand{font-size:22px}nav{gap:15px}nav a{display:none}#about{display:none}.random{font-size:10px;padding:8px}.hero{grid-template-columns:1fr;margin-top:18px;position:relative;min-height:365px}.hero-copy{padding:29px 24px;z-index:1}.hero h1{font-size:37px}.hero .eyebrow{font-size:9px}.hero-art{position:absolute;right:-130px;bottom:-72px;opacity:.5;width:350px;height:300px;min-height:0;transform:scale(.65)}.hero p{font-size:11px}.art-note,.art-bottom,.sticker,.spark{display:none}.notice{gap:10px;padding:11px;font-size:10px;line-height:1.7}.notice>span:first-child{white-space:nowrap;padding-right:10px}.notice .demo{display:none}.section-head{margin-top:26px}h2 small{font-size:10px;margin-left:7px}.section-head h2{font-size:18px}.feature-card{grid-template-columns:1fr}.feature-card .art,.feature-card .cover{height:175px;min-height:175px}.feature-copy{padding:20px}.feature-copy h3{font-size:19px}.feed-head{flex-wrap:wrap;gap:16px}.search{width:100%;padding:12px}.filter-row{display:block}.categories{gap:3px}.categories button{font-size:11px;padding:8px 10px}.sort{display:block;text-align:right;margin-top:14px}.content-layout{grid-template-columns:1fr}aside{display:none}.cards{gap:12px}.art,.cover{height:132px}.art strong{font-size:18px;letter-spacing:0}.art small{font-size:8px;letter-spacing:0}.card-body{padding:13px}.card h3{font-size:14px}.card p{font-size:10px}.card-bottom{padding:0 10px 10px;gap:0}.meta{font-size:9px;gap:6px}.sample{font-size:8px}.pill{font-size:9px}.save{font-size:10px}.card-bottom .heat{display:none}footer p{max-width:145px;text-align:center;line-height:1.7}dialog{padding:30px 22px}.article-title{font-size:23px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
/* 潮流话题杂志主题 */
:root{--green:#6143a1;--ink:#302444;--muted:#797184;--line:#e0dae9;--red:#e8784f;--paper:#f8f6fc}header{background:#f8f6fc}.nav{height:90px}.logo{color:#ef795b}.brand{letter-spacing:-1px}.brand-note{color:#82788f}.random{background:#332645;color:white;border-color:#332645;border-radius:30px;padding:12px 19px}.hero{background:#e8e0f6;border:0;border-radius:8px;min-height:440px;grid-template-columns:1.15fr 1fr}.hero-copy{padding:40px 46px}.eyebrow{color:#76638f}.eyebrow i{background:#ed7856}h1{font-size:59px;letter-spacing:-3px;line-height:1.28}.hero p{color:#7a6d8a}.primary{background:#332645;border-radius:30px;padding:15px 23px}.hero-note{color:#857595}.hero-art{min-height:420px}.orbit{border:1px solid #c5b4df;width:330px;height:330px;top:47px}.melon{background:#746095;box-shadow:12px 18px 0 #cfc1e5;top:155px;left:53px;transform:rotate(-24deg)}.flesh{background:#f28a69;border-color:#f7dbb5}.flesh b{color:#633f59}.art-note{color:#7a638e;left:36px;top:55px}.spark{color:#9a7fb9}.one{right:64px}.two{bottom:65px}.sticker{border:0;border-radius:5px;background:#f8ed9f;color:#624f68;right:39px;bottom:85px;padding:15px 21px;box-shadow:4px 4px 0 #bbaaCE;transform:rotate(9deg)}.art-bottom{color:#907aa4}.notice{background:transparent;border:0;border-bottom:1px solid var(--line);border-radius:0;padding:13px 0 19px}.notice p{color:#83798c}.demo{background:#ede7f4;color:#776685}.section-head{margin-top:34px}.section-head h2{font-weight:800;font-size:23px}h2 small{color:#92869e}.feature-card{border-radius:8px;grid-template-columns:43% 1fr;border:0;background:#fff;box-shadow:0 3px 0 #ede7f4}.feature-copy{padding:29px 32px}.feature-copy h3{font-size:24px}.pill{background:#f1eafa;color:#7956a8}.sample{color:#82778d}.feature-copy p,.card p{color:#7d7487}.meta{color:#8d819a}.search{border-radius:30px}.search input{font-size:12px}.categories button{border-radius:30px;color:#847591}.categories .selected{background:#342546}.sort,.sort select{color:#7e6c91}.card{border:0;border-radius:8px;box-shadow:0 3px 0 #ede7f4}.card:hover{transform:translateY(-4px)}.card:nth-child(even){transform:translateY(18px)}.card:nth-child(even):hover{transform:translateY(14px)}.card h3{font-size:17px}.card .art{height:185px}.art.park{background:#e2e3cf;color:#727353}.art.park:before{border-color:#d1d4b6}.art.park:after{background:#c4c8a4}.art.show{background:#e6d9f0;color:#806593}.art.chat{background:#f9dac9;color:#9c6b53}.art.coffee{background:#e9ced3;color:#9b6474}.art.coffee:after{border-color:#d9adb9}.art.timeline{background:#d9e5e8;color:#607f8b}.art.music{background:#ded9ee;color:#7a6b9d}.art.music:after{border-color:#c1b6dc}.trending{border:0;border-radius:8px}.trending h3 span{color:#95869f}.rank{border-color:#f0ebf5}.rank b{color:#c5b7d8}.rank small{color:#94869f}.note{background:#ece4f6;border-radius:8px}.note>span,.note p{color:#887497}.note button{border-color:#bba5cc}.note-melon{color:#d9c9e7}.sidebar-foot{color:#9b8ba7}.more{border-radius:30px;border-color:#d8cce5;margin-top:44px;color:#78618f}.end{color:#9b8ba7}footer p,footer button{color:#91829d}.save{color:#8d78a0}#article p{color:#756681}.article-actions button{color:var(--green)}
@media(max-width:900px){h1{font-size:47px}.hero-copy{padding:33px}.feature-copy h3{font-size:21px}.card h3{font-size:15px}}
@media(max-width:680px){.nav{height:74px}.random{padding:10px 12px}.hero{min-height:382px;grid-template-columns:1fr}.hero-copy{padding:30px 24px}.hero h1{font-size:43px}.hero-art{min-height:0;right:-121px;bottom:-42px;opacity:.48}.hero p{color:#796b87}.feature-card{grid-template-columns:1fr}.feature-copy{padding:21px}.feature-copy h3{font-size:21px}.section-head h2{font-size:21px}.card .art{height:137px}.card h3{font-size:14px}.categories button{padding:8px 10px}.card:nth-child(even){transform:none}.card:nth-child(even):hover{transform:translateY(-3px)}}