:root{--grape:#6DFB66;--paper:#F3F0FB;--frame:2.5px solid var(--ink);--butter:#C697FF;--sky:#FFFC89;--card:#fff;--ink3:#91DFA5;--mint:#F9B4B4;--line:#CBC0ED;--ink:#2B4531;--r:14px;--sakura:#B0F4FC;--rose:#6BCBF6;--ink2:#59CF6D;}
*{padding:0;margin:0;box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{line-height:1.65;color:var(--ink);font-family:"PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;background:var(--paper);}
::selection{background:var(--sakura);}
a{text-decoration:none;color:inherit;}
img{width:100%;height:100%;object-fit:cover;background:#E9F7ED;display:block;}
.qs53wrap{margin:0 auto;max-width:1240px;padding:0 22px;}
.qs53hd{border-bottom:var(--frame);position:sticky;top:0;backdrop-filter:blur(10px);background:rgba(243,240,251/.94);z-index:90;}
.qs53hd-in{height:70px;gap:20px;display:flex;align-items:center;}
.qs53logo{align-items:center;flex:none;gap:9px;display:flex;}
.qs53logo svg{width:36px;height:36px;display:block;}
.qs53logo b{font-weight:900;font-size:1.188rem;}
.qs53logo b i{color:var(--rose);font-style:normal;}
.qs53nv{list-style:none;gap:6px;display:flex;}
.qs53nv a{padding:7px 15px;font-size:14.5px;color:var(--ink2);display:block;transition:.2s;border-radius:999px;font-weight:800;}
.qs53nv a:hover{background:#EFFFF0;color:var(--grape);}
.qs53nv a.qs53on{color:#fff;background:var(--ink);}
.qs53hd-right{gap:10px;align-items:center;display:flex;margin-left:auto;}
.qs53hd-search{display:flex;border:2px dashed var(--ink2);padding:5px 6px 5px 14px;width:220px;border-radius:999px;align-items:center;}
.qs53hd-search input{outline:0;border:0;min-width:0;width:100%;color:var(--ink);background:none;font-size:13.5px;}
.qs53hd-cta{border-radius:999px;padding:8px 16px;font-weight:900;font-size:0.812rem;color:var(--ink);background:var(--butter);box-shadow:3px 3px 0 rgba(43,69,49/.18);border:var(--frame);}
.qs53burger{background:none;cursor:pointer;color:var(--ink);font-size:1.438rem;display:none;border:0;}
.qs53hero{border-bottom:var(--frame);background:#E9F6F2;position:relative;overflow:hidden;height:440px;}
.qs53slide{pointer-events:none;opacity:0;position:absolute;transition:opacity .7s;inset:0;}
.qs53slide.qs53on{pointer-events:auto;opacity:1;}
.qs53slide .qs53bgimg{inset:0;position:absolute;}
.qs53slide .qs53bgimg img{object-fit:cover;height:100%;width:100%;}
.qs53slide .qs53scrim{position:absolute;inset:0;background:linear-gradient(90deg,rgba(43,69,49/.72) 2%,rgba(43,69,49/.18) 55%,transparent 82%)}
.qs53sl-in{z-index:3;align-items:center;height:100%;display:grid;position:relative;grid-template-columns:minmax(0,1fr) 300px;gap:30px;}
.qs53sl-tag{display:inline-block;font-weight:900;background:#fff;letter-spacing:1.5px;transform:rotate(-2deg);font-size:11.5px;border:var(--frame);padding:3px 12px;border-radius:20px;}
.qs53slide h1,.qs53slide h2{font-weight:900;text-shadow:0 4px 18px rgba(43,69,49/.55);font-size:clamp(28px,3.4vw,46px);margin:14px 0 8px;color:#fff;}
.qs53slide .qs53sub{font-size:0.938rem;color:#fdf6ff;text-shadow:0 2px 10px rgba(43,69,49/.5);max-width:520px;}
.qs53sl-meta{flex-wrap:wrap;margin-top:14px;gap:9px;display:flex;}
.qs53sl-meta span{font-weight:800;padding:2px 12px;font-size:0.750rem;background:rgba(255,255,255,.9);border:2px solid var(--ink);border-radius:999px;}
.qs53sl-btns{display:flex;margin-top:20px;gap:12px;}
.qs53btn{cursor:pointer;gap:8px;font-weight:900;padding:12px 26px;border-radius:999px;font-size:14.5px;transition:.2s;display:inline-flex;box-shadow:4px 4px 0 rgba(43,69,49/.25);align-items:center;}
.qs53btn-p{background:var(--ink);color:#fff;border:0;}
.qs53btn-p:hover{transform:translate(-2px,-2px);box-shadow:7px 7px 0 rgba(176,244,252/.7);}
.qs53btn-g{background:#fff;border:var(--frame);color:var(--ink);}
.qs53today{border:var(--frame);border-radius:var(--r);background:var(--card);padding:16px 18px;box-shadow:7px 7px 0 rgba(198,151,255/.85);}
.qs53today h3{padding-bottom:9px;display:flex;font-size:15.5px;align-items:center;border-bottom:2px dashed var(--line);gap:8px;}
.qs53today h3::after{content:"18 部在追";margin-left:auto;font-size:10.5px;font-weight:900;background:var(--sky);border:2px solid var(--ink);border-radius:999px;padding:1px 9px}
.qs53today ul{list-style:none;}
.qs53today li{grid-template-columns:56px 1fr auto;display:grid;font-size:13.5px;padding:7.5px 0;border-bottom:1.5px dashed var(--line);gap:10px;align-items:center;}
.qs53today li:last-child{border-bottom:0;}
.qs53today li time{text-align:center;color:#fff;padding:2px 0;font-size:11px;font-weight:900;background:var(--grape);border-radius:18px;}
.qs53today li b{font-weight:800;}
.qs53today li small{font-weight:400;color:var(--ink2);font-size:11px;display:block;}
.qs53today li .qs53ep{border-radius:999px;border:2px solid var(--ink);font-weight:900;padding:0 8px;font-size:11px;background:var(--butter);}
.qs53dots{bottom:16px;left:0;z-index:6;position:absolute;right:0;}
.qs53dots .qs53wrap{gap:10px;align-items:center;display:flex;}
.qs53dots button{height:5px;border:2px solid var(--ink);border-radius:22px;background:#fff;padding:0;width:28px;cursor:pointer;}
.qs53dots button.qs53on{background:var(--rose);}
.qs53arws{gap:8px;display:flex;margin-left:auto;}
.qs53arw{background:#fff;width:38px;border:var(--frame);height:38px;cursor:pointer;border-radius:50%;font-weight:900;font-size:1.000rem;}
.qs53arw:hover{background:var(--butter);}
.qs53sec{padding:42px 0 0;}
.qs53sec-h{margin-bottom:18px;flex-wrap:wrap;gap:12px;align-items:center;display:flex;}
.qs53sec-h h2{font-weight:900;font-size:1.438rem;}
.qs53kick{font-size:11px;border-radius:22px;padding:2px 10px;display:inline-block;background:var(--butter);letter-spacing:1.5px;border:2px solid var(--ink);font-weight:900;transform:rotate(-1.5deg);}
.qs53sec-h small{color:var(--ink2);font-size:0.812rem;}
.qs53sec-h .qs53more{border-radius:999px;background:#fff;padding:6px 18px;font-weight:900;font-size:0.812rem;margin-left:auto;box-shadow:3px 3px 0 rgba(43,69,49/.16);border:var(--frame);}
.qs53sec-h .qs53more:hover{color:#fff;background:var(--ink);}
.qs53shelf{padding:4px 4px 16px;gap:14px;overflow-x:auto;display:flex;scroll-snap-type:x mandatory;}
.qs53shelf::-webkit-scrollbar{height:8px;}
.qs53shelf::-webkit-scrollbar-thumb{border-radius:16px;background:var(--sakura);}
.qs53bk{border:var(--frame);scroll-snap-align:start;transition:.24s;flex:0 0 168px;overflow:hidden;border-radius:24px;background:var(--card);position:relative;}
.qs53bk:hover{transform:translateY(-6px);box-shadow:0 12px 0 rgba(176,244,252/.75);}
.qs53bk .qs53art{aspect-ratio:3/4;}
.qs53bk .qs53b{border-top:2px dashed var(--line);padding:9px 11px 11px;}
.qs53bk h3{overflow:hidden;text-overflow:ellipsis;font-size:0.875rem;white-space:nowrap;}
.qs53bk small{font-size:11px;color:var(--ink2);}
.qs53bk .qs53pin{z-index:2;left:8px;transform:rotate(-3deg);padding:0 7px;border-radius:16px;font-weight:900;top:8px;font-size:10px;border:2px solid var(--ink);position:absolute;color:#fff;background:var(--rose);}
.qs53bk .qs53pin.qs53p2{background:var(--grape);}
.qs53bk .qs53pin.qs53p3{background:var(--sky);color:var(--ink);}
.qs53bk .qs53rate{bottom:62px;font-size:11px;border:2px solid var(--ink);border-radius:999px;right:8px;z-index:2;padding:0 8px;background:#fff;font-weight:900;position:absolute;color:var(--rose);}
.qs53pick{border-radius:18px;overflow:hidden;border:var(--frame);grid-template-columns:300px minmax(0,1fr);display:grid;box-shadow:9px 9px 0 var(--mint);background:var(--card);}
.qs53pick .qs53left{position:relative;border-right:var(--frame);}
.qs53pick .qs53left .qs53no{top:10px;background:#fff;left:10px;z-index:2;transform:rotate(-3deg);border:2px solid var(--ink);font-weight:900;padding:2px 9px;position:absolute;font-size:11px;border-radius:22px;}
.qs53pick .qs53rgt{padding:24px 28px;}
.qs53pick h3{font-size:26px;font-weight:900;}
.qs53pick .qs53meta{flex-wrap:wrap;color:var(--ink2);display:flex;font-size:13px;gap:12px;margin:8px 0 12px;}
.qs53pick .qs53meta b{color:var(--rose);}
.qs53pick .qs53syn{color:#35B65E;padding:13px 15px;border:2px dashed var(--grape);border-radius:24px;font-size:14px;background:#fdf9ff;}
.qs53panes{margin-top:14px;display:grid;gap:11px;grid-template-columns:repeat(3,1fr);}
.qs53pane{border-radius:16px;padding:10px 12px;border:2px solid var(--ink);background:var(--paper);}
.qs53pane b{font-size:12.5px;margin-bottom:3px;display:block;}
.qs53pane p{color:var(--ink2);font-size:12px;}
.qs53pick .qs53acts{align-items:center;display:flex;flex-wrap:wrap;margin-top:16px;gap:11px;}
.qs53masonry{columns:5;column-gap:14px;}
.qs53tile{border:var(--frame);border-radius:24px;margin-bottom:14px;transition:.24s;background:var(--card);break-inside:avoid;overflow:hidden;}
.qs53tile:hover{transform:translateY(-5px);box-shadow:6px 8px 0 rgba(109,251,102/.28);}
.qs53tile .qs53art{position:relative;}
.qs53tile .qs53rate{z-index:2;font-size:11.5px;background:#fff;position:absolute;left:8px;color:var(--rose);padding:0 9px;top:8px;font-weight:900;border:2px solid var(--ink);border-radius:999px;}
.qs53tile .qs53b{padding:10px 12px 12px;border-top:2px dashed var(--line);}
.qs53tile h3{font-size:14.5px;}
.qs53tile .qs53t2{display:flex;justify-content:space-between;gap:8px;margin-top:5px;font-size:11.5px;color:var(--ink2)}
.qs53tile .qs53t2 b{color:var(--rose);}
.qs53upd{padding:6px 18px 12px;border-radius:var(--r);border:var(--frame);background:var(--card);}
.qs53upd-row{padding:10px 0;display:grid;gap:13px;border-bottom:2px dashed var(--line);grid-template-columns:66px minmax(0,1fr) auto;align-items:center;}
.qs53upd-row:last-child{border-bottom:0;}
.qs53upd-row .qs53th{border:2px solid var(--ink);aspect-ratio:1/1;overflow:hidden;border-radius:20px;width:66px;}
.qs53upd-row h4{font-size:14.5px;}
.qs53upd-row small{font-size:11.5px;color:var(--ink2);display:block;}
.qs53upd-row .qs53ep{font-size:12px;font-weight:900;white-space:nowrap;color:var(--rose);}
.qs53tabs{display:flex;flex-wrap:wrap;margin-bottom:14px;gap:9px;}
.qs53tabs button{background:#fff;color:var(--ink2);border:var(--frame);padding:7px 20px;font-size:13.5px;border-radius:999px;font-weight:900;box-shadow:3px 3px 0 rgba(43,69,49/.15);cursor:pointer;}
.qs53tabs button.qs53on{background:var(--ink);color:#fff;}
.qs53board2{border:var(--frame);border-radius:var(--r);box-shadow:7px 7px 0 rgba(198,151,255/.85);padding:10px 20px;background:var(--card);}
.qs53row2{grid-template-columns:40px 58px minmax(0,1fr) 120px 84px;align-items:center;border-bottom:2px dashed var(--line);padding:10px 0;display:grid;gap:13px;}
.qs53row2:last-child{border-bottom:0;}
.qs53row2 .qs53rk{width:34px;border-radius:20px;height:34px;display:grid;border:2px solid var(--ink);background:#EFFFF0;place-items:center;color:var(--grape);font-weight:900;}
.qs53row2:nth-child(1) .qs53rk{background:var(--rose);color:#fff;}
.qs53row2:nth-child(2) .qs53rk{background:var(--butter);}
.qs53row2:nth-child(3) .qs53rk{background:var(--sky);}
.qs53row2 .qs53th{overflow:hidden;border:2px solid var(--ink);aspect-ratio:3/4;width:58px;border-radius:20px;}
.qs53row2 h3{font-size:14.5px;}
.qs53row2 small{font-weight:400;display:block;color:var(--ink2);font-size:11.5px;}
.qs53row2 .qs53bar{overflow:hidden;background:var(--line);height:8px;border-radius:16px;}
.qs53row2 .qs53bar i{display:block;height:100%;background:linear-gradient(90deg,var(--sakura),var(--grape))}
.qs53row2 .qs53heat{font-weight:900;text-align:right;font-size:13px;color:var(--rose);}
.qs53row2 .qs53heat small{font-weight:700;display:block;color:var(--ink2);}
.qs53shelves{grid-template-columns:1fr 1fr;display:grid;gap:16px;}
.qs53sh-card{background:var(--card);border-radius:var(--r);border:var(--frame);padding:14px 16px;}
.qs53sh-card h3{margin-bottom:10px;align-items:center;font-size:16px;gap:8px;display:flex;}
.qs53sh-card h3 span{font-size:10.5px;font-weight:900;border:2px solid var(--ink);background:var(--butter);padding:0 8px;border-radius:24px;}
.qs53minis{display:grid;gap:10px;grid-template-columns:repeat(4,minmax(0,1fr));}
.qs53mini .qs53art{overflow:hidden;border-radius:22px;aspect-ratio:3/4;border:2px solid var(--ink);}
.qs53mini .qs53art img{height:100%;min-width:0;display:block;object-fit:cover;width:100%;}
.qs53mini b{display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;margin-top:5px;font-size:11.5px;}
.qs53mini small{font-size:10.5px;color:var(--ink2);}
.qs53specials{display:grid;gap:16px;grid-template-columns:repeat(3,1fr);}
.qs53sp{display:block;border-radius:var(--r);min-height:200px;border:var(--frame);position:relative;overflow:hidden;}
.qs53sp .qs53bg{position:absolute;inset:0;}
.qs53sp::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(43,69,49/.86) 6%,rgba(43,69,49/.12) 62%,transparent)}
.qs53sp .qs53txt{left:16px;position:absolute;bottom:14px;right:16px;color:#fff;z-index:2;}
.qs53sp .qs53txt span{margin-bottom:7px;border-radius:24px;padding:1px 9px;font-size:10.5px;font-weight:900;color:var(--ink);display:inline-block;background:var(--butter);}
.qs53sp .qs53txt h3{font-weight:900;font-size:18px;}
.qs53sp .qs53txt p{color:#E6F5EB;font-size:12.5px;}
.qs53sp:hover{transform:translateY(-4px);}
.qs53news4{grid-template-columns:repeat(4,1fr);display:grid;gap:14px;}
.qs53nw{display:block;background:var(--card);border-radius:22px;transition:.22s;overflow:hidden;border:var(--frame);}
.qs53nw:hover{box-shadow:5px 7px 0 rgba(109,251,102/.25);transform:translateY(-4px);}
.qs53nw .qs53th{border-bottom:2px solid var(--ink);aspect-ratio:16/10;}
.qs53nw .qs53b{padding:10px 12px 13px;}
.qs53nw .qs53cat{display:inline-block;font-size:10.5px;padding:0 8px;font-weight:900;border:2px solid var(--ink);background:var(--mint);border-radius:24px;}
.qs53nw h4{font-size:14px;line-height:1.5;margin:7px 0 4px;}
.qs53nw time{color:var(--ink3);font-size:11px;}
.qs53chats{gap:16px;grid-template-columns:repeat(3,1fr);display:grid;}
.qs53chat{border-radius:14px;border:var(--frame);padding:15px 17px;background:var(--card);}
.qs53chat .qs53who{gap:10px;align-items:center;margin-bottom:8px;display:flex;}
.qs53chat .qs53who img{border:2px solid var(--ink);border-radius:50%;flex:none;height:40px;width:40px;}
.qs53chat .qs53who b{font-size:13.5px;}
.qs53chat .qs53who small{font-size:11px;color:var(--ink2);display:block;}
.qs53chat .qs53st{font-weight:900;margin-left:auto;color:var(--rose);font-size:12px;}
.qs53chat p{font-size:13.3px;}
.qs53chat .qs53foot{margin-top:9px;display:flex;justify-content:space-between;font-size:11.5px;color:var(--ink3)}
.qs53chat .qs53foot b{color:var(--grape);}
.qs53about{overflow:hidden;background:var(--card);grid-template-columns:1.3fr 1fr;border-radius:20px;display:grid;box-shadow:10px 10px 0 var(--grape);border:3px solid var(--ink);}
.qs53about .qs53pic{border-right:3px solid var(--ink);min-height:240px;}
.qs53about .qs53b{padding:26px 30px;}
.qs53about h3{font-weight:900;margin-bottom:9px;font-size:21px;}
.qs53about p{color:#35B65E;font-size:13.6px;}
.qs53about .qs53num{margin-top:14px;gap:10px;display:grid;grid-template-columns:1fr 1fr;}
.qs53about .qs53num div{border:2px solid var(--ink);text-align:center;padding:10px 12px;border-radius:20px;background:#fff;}
.qs53about .qs53num b{color:var(--rose);display:block;font-size:19px;}
.qs53about .qs53num span{font-size:11px;color:var(--ink2);}
.qs53ft{background:var(--ink);padding:40px 0 20px;color:#C0EDC8;margin-top:52px;font-size:13px;}
.qs53ft-grid{grid-template-columns:1.5fr 1fr 1fr 1fr;gap:24px;margin-bottom:22px;display:grid;}
.qs53ft h4{font-size:15px;color:#fff;margin-bottom:9px;}
.qs53ft a{color:#B1E8BB;padding:3.5px 0;display:block;}
.qs53ft a:hover{color:var(--sakura);}
.qs53ft .qs53brand{margin-bottom:9px;align-items:center;display:flex;gap:9px;}
.qs53ft .qs53brand svg{width:30px;height:30px;}
.qs53ft .qs53brand b{color:#fff;font-size:17px;font-weight:900;}
.qs53copy{padding-top:14px;border-top:1px solid #35B659;text-align:center;color:#76D793;font-size:12px;}
.qs53page-top{padding:36px 0 6px;}
.qs53page-top .qs53crumbs{font-size:12.5px;margin-bottom:8px;color:var(--ink2);}
.qs53page-top h1{font-weight:900;font-size:30px;}
.qs53page-top p{color:var(--ink2);margin-top:7px;}
.qs53chips{display:flex;flex-wrap:wrap;gap:10px;}
.qs53chips a{font-weight:800;background:#fff;border-radius:999px;border:var(--frame);font-size:13px;box-shadow:2px 2px 0 rgba(43,69,49/.15);padding:7px 17px;}
.qs53chips a b{font-size:11px;margin-left:5px;color:var(--rose);}
.qs53chips a:hover{background:var(--ink);color:#fff;}
.qs53tl{display:grid;gap:12px;}
.qs53tl article{gap:13px;background:var(--card);border-radius:22px;border:var(--frame);align-items:center;padding:13px 16px;grid-template-columns:76px 1fr auto;display:grid;}
.qs53tl .qs53th{overflow:hidden;border-radius:16px;border:2px solid var(--ink);aspect-ratio:1/1;width:76px;}
.qs53tl h4{font-size:14.5px;}
.qs53tl small{font-size:11.5px;color:var(--ink2);display:block;}
.qs53tl .qs53ep{font-size:12px;font-weight:900;color:var(--rose);}
@media (max-width:1200px){.qs53masonry{columns:4;}
.qs53news4{grid-template-columns:1fr 1fr;}
.qs53shelves{grid-template-columns:1fr;}}
@media (max-width:960px){.qs53hero{height:400px;}
.qs53sl-in{grid-template-columns:1fr;}
.qs53today{display:none;}
.qs53masonry{columns:3;}
.qs53pick{grid-template-columns:240px minmax(0,1fr);}
.qs53chats{grid-template-columns:1fr 1fr;}
.qs53about{grid-template-columns:1fr;}
.qs53about .qs53pic{border-bottom:3px solid var(--ink);border-right:0;}
.qs53row2{grid-template-columns:36px 52px minmax(0,1fr) 70px;}
.qs53row2 .qs53bar{display:none;}}
@media (max-width:620px){.qs53hd-in{gap:10px;}
.qs53nv{flex-direction:column;left:0;top:70px;display:none;padding:10px 16px;border-bottom:var(--frame);position:absolute;background:var(--paper);right:0;}
.qs53nv.qs53open{display:flex;}
.qs53burger{margin-left:auto;display:block;}
.qs53hd-search,.qs53hd-cta{display:none;}
.qs53hero{height:380px;}
.qs53slide h1,.qs53slide h2{font-size:25px;}
.qs53sl-btns .qs53btn{padding:10px 18px;font-size:13px;}
.qs53masonry{columns:2;column-gap:11px;}
.qs53shelf .qs53bk{flex-basis:140px;}
.qs53pick{grid-template-columns:1fr;}
.qs53pick .qs53left{border-right:0;border-bottom:var(--frame);}
.qs53pick .qs53left .qs53art{aspect-ratio:3/4;}
.qs53panes{grid-template-columns:1fr;}
.qs53news4,.qs53chats,.qs53specials{grid-template-columns:1fr;}
.qs53minis{grid-template-columns:repeat(2,minmax(0,1fr));}
.qs53ft-grid{grid-template-columns:1fr 1fr;}
.qs53row2{grid-template-columns:32px 46px minmax(0,1fr) 64px;}
.qs53row2 .qs53rk{height:30px;font-size:13px;width:30px;}}
/* 卡片式图片 */
img{border-radius:18px;object-fit:cover;max-width:100%;}
.ph img,.card img{border-radius:18px;}