:root{--grape:#FF62A5;--mint:#B2CEFB;--sky:#CF89FF;--ink2:#CF5973;--ink:#452B2F;--ink3:#DF919C;--paper:#F1FBF0;--card:#fff;--sakura:#FEE8AE;--line:#C5EDC0;--r:14px;--butter:#97FF9E;--frame:2.5px solid var(--ink);--rose:#FAEF68;}
*{padding:0;box-sizing:border-box;margin:0;}
html{scroll-behavior:smooth;}
body{color:var(--ink);line-height:1.65;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{background:#F7E9EA;display:block;width:100%;height:100%;object-fit:cover;}
.qs78-wrap{margin:0 auto;max-width:1240px;padding:0 22px;}
.qs78-hd{z-index:90;position:sticky;border-bottom:var(--frame);backdrop-filter:blur(10px);background:rgba(241,251,240/.94);top:0;}
.qs78-hd-in{display:flex;gap:20px;align-items:center;height:70px;}
.qs78-logo{flex:none;display:flex;gap:9px;align-items:center;}
.qs78-logo svg{height:36px;width:36px;display:block;}
.qs78-logo b{font-size:19px;font-weight:900;}
.qs78-logo b i{font-style:normal;color:var(--rose);}
.qs78-nv{gap:6px;display:flex;list-style:none;}
.qs78-nv a{padding:7px 15px;display:block;font-size:14.5px;font-weight:800;color:var(--ink2);transition:.2s;border-radius:999px;}
.qs78-nv a:hover{color:var(--grape);background:#FFEFF4;}
.qs78-nv a.qs78-on{color:#fff;background:var(--ink);}
.qs78-hd-right{margin-left:auto;gap:10px;display:flex;align-items:center;}
.qs78-hd-search{width:220px;border-radius:999px;align-items:center;padding:5px 6px 5px 14px;display:flex;border:2px dashed var(--ink2);}
.qs78-hd-search input{font-size:13.5px;width:100%;min-width:0;outline:0;color:var(--ink);background:none;border:0;}
.qs78-hd-cta{background:var(--butter);font-size:13px;border-radius:999px;padding:8px 16px;border:var(--frame);color:var(--ink);font-weight:900;box-shadow:3px 3px 0 rgba(69,43,47/.18);}
.qs78-burger{display:none;border:0;cursor:pointer;color:var(--ink);background:none;font-size:23px;}
.qs78-hero{border-bottom:var(--frame);position:relative;background:#F6EDE9;height:440px;overflow:hidden;}
.qs78-slide{opacity:0;pointer-events:none;position:absolute;transition:opacity .7s;inset:0;}
.qs78-slide.qs78-on{pointer-events:auto;opacity:1;}
.qs78-slide .qs78-bgimg{position:absolute;inset:0;}
.qs78-slide .qs78-bgimg img{height:100%;width:100%;object-fit:cover;}
.qs78-slide .qs78-scrim{position:absolute;inset:0;background:linear-gradient(90deg,rgba(69,43,47/.72) 2%,rgba(69,43,47/.18) 55%,transparent 82%)}
.qs78-sl-in{height:100%;position:relative;gap:30px;display:grid;align-items:center;z-index:3;grid-template-columns:minmax(0,1fr) 300px;}
.qs78-sl-tag{font-weight:900;transform:rotate(-2deg);padding:3px 12px;font-size:11.5px;border:var(--frame);display:inline-block;background:#fff;border-radius:20px;letter-spacing:1.5px;}
.qs78-slide h1,.qs78-slide h2{font-weight:900;margin:14px 0 8px;color:#fff;font-size:clamp(28px,3.4vw,46px);text-shadow:0 4px 18px rgba(69,43,47/.55);}
.qs78-slide .qs78-sub{color:#fdf6ff;text-shadow:0 2px 10px rgba(69,43,47/.5);max-width:520px;font-size:15px;}
.qs78-sl-meta{display:flex;gap:9px;flex-wrap:wrap;margin-top:14px;}
.qs78-sl-meta span{font-size:12px;font-weight:800;background:rgba(255,255,255,.9);border:2px solid var(--ink);border-radius:999px;padding:2px 12px;}
.qs78-sl-btns{display:flex;margin-top:20px;gap:12px;}
.qs78-btn{align-items:center;display:inline-flex;box-shadow:4px 4px 0 rgba(69,43,47/.25);font-size:14.5px;border-radius:999px;transition:.2s;font-weight:900;cursor:pointer;padding:12px 26px;gap:8px;}
.qs78-btn-p{background:var(--ink);color:#fff;border:0;}
.qs78-btn-p:hover{box-shadow:7px 7px 0 rgba(254,232,174/.7);transform:translate(-2px,-2px);}
.qs78-btn-g{border:var(--frame);background:#fff;color:var(--ink);}
.qs78-today{border-radius:var(--r);border:var(--frame);background:var(--card);box-shadow:7px 7px 0 rgba(151,255,158/.85);padding:16px 18px;}
.qs78-today h3{border-bottom:2px dashed var(--line);padding-bottom:9px;gap:8px;align-items:center;display:flex;font-size:15.5px;}
.qs78-today 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}
.qs78-today ul{list-style:none;}
.qs78-today li{gap:10px;display:grid;align-items:center;font-size:13.5px;grid-template-columns:56px 1fr auto;padding:7.5px 0;border-bottom:1.5px dashed var(--line);}
.qs78-today li:last-child{border-bottom:0;}
.qs78-today li time{font-weight:900;text-align:center;color:#fff;padding:2px 0;font-size:11px;border-radius:24px;background:var(--grape);}
.qs78-today li b{font-weight:800;}
.qs78-today li small{font-size:11px;color:var(--ink2);font-weight:400;display:block;}
.qs78-today li .qs78-ep{font-weight:900;padding:0 8px;background:var(--butter);border-radius:999px;border:2px solid var(--ink);font-size:11px;}
.qs78-dots{right:0;z-index:6;bottom:16px;position:absolute;left:0;}
.qs78-dots .qs78-wrap{gap:10px;align-items:center;display:flex;}
.qs78-dots button{background:#fff;cursor:pointer;height:5px;padding:0;border-radius:22px;width:28px;border:2px solid var(--ink);}
.qs78-dots button.qs78-on{background:var(--rose);}
.qs78-arws{margin-left:auto;display:flex;gap:8px;}
.qs78-arw{width:38px;font-size:16px;font-weight:900;border-radius:50%;background:#fff;border:var(--frame);cursor:pointer;height:38px;}
.qs78-arw:hover{background:var(--butter);}
.qs78-sec{padding:42px 0 0;}
.qs78-sec-h{display:flex;margin-bottom:18px;align-items:center;flex-wrap:wrap;gap:12px;}
.qs78-sec-h h2{font-size:23px;font-weight:900;}
.qs78-kick{padding:2px 10px;border:2px solid var(--ink);display:inline-block;letter-spacing:1.5px;transform:rotate(-1.5deg);background:var(--butter);font-size:11px;font-weight:900;border-radius:22px;}
.qs78-sec-h small{color:var(--ink2);font-size:13px;}
.qs78-sec-h .qs78-more{border-radius:999px;font-weight:900;margin-left:auto;font-size:13px;padding:6px 18px;background:#fff;box-shadow:3px 3px 0 rgba(69,43,47/.16);border:var(--frame);}
.qs78-sec-h .qs78-more:hover{color:#fff;background:var(--ink);}
.qs78-shelf{display:flex;gap:14px;scroll-snap-type:x mandatory;padding:4px 4px 16px;overflow-x:auto;}
.qs78-shelf::-webkit-scrollbar{height:8px;}
.qs78-shelf::-webkit-scrollbar-thumb{border-radius:22px;background:var(--sakura);}
.qs78-bk{overflow:hidden;position:relative;transition:.24s;flex:0 0 168px;scroll-snap-align:start;background:var(--card);border-radius:18px;border:var(--frame);}
.qs78-bk:hover{transform:translateY(-6px);box-shadow:0 12px 0 rgba(254,232,174/.75);}
.qs78-bk .qs78-art{aspect-ratio:3/4;}
.qs78-bk .qs78-b{padding:9px 11px 11px;border-top:2px dashed var(--line);}
.qs78-bk h3{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;font-size:14px;}
.qs78-bk small{color:var(--ink2);font-size:11px;}
.qs78-bk .qs78-pin{border:2px solid var(--ink);font-weight:900;font-size:10px;position:absolute;transform:rotate(-3deg);border-radius:20px;color:#fff;top:8px;padding:0 7px;left:8px;z-index:2;background:var(--rose);}
.qs78-bk .qs78-pin.qs78-p2{background:var(--grape);}
.qs78-bk .qs78-pin.qs78-p3{background:var(--sky);color:var(--ink);}
.qs78-bk .qs78-rate{position:absolute;font-weight:900;bottom:62px;color:var(--rose);padding:0 8px;border:2px solid var(--ink);z-index:2;right:8px;border-radius:999px;background:#fff;font-size:11px;}
.qs78-pick{border-radius:18px;overflow:hidden;box-shadow:9px 9px 0 var(--mint);border:var(--frame);display:grid;background:var(--card);grid-template-columns:300px minmax(0,1fr);}
.qs78-pick .qs78-left{position:relative;border-right:var(--frame);}
.qs78-pick .qs78-left .qs78-no{background:#fff;padding:2px 9px;position:absolute;left:10px;font-size:11px;transform:rotate(-3deg);top:10px;border:2px solid var(--ink);font-weight:900;border-radius:18px;z-index:2;}
.qs78-pick .qs78-rgt{padding:24px 28px;}
.qs78-pick h3{font-size:26px;font-weight:900;}
.qs78-pick .qs78-meta{gap:12px;margin:8px 0 12px;display:flex;flex-wrap:wrap;color:var(--ink2);font-size:13px;}
.qs78-pick .qs78-meta b{color:var(--rose);}
.qs78-pick .qs78-syn{font-size:14px;color:#B6353D;padding:13px 15px;border-radius:24px;background:#fdf9ff;border:2px dashed var(--grape);}
.qs78-panes{display:grid;margin-top:14px;gap:11px;grid-template-columns:repeat(3,1fr);}
.qs78-pane{padding:10px 12px;border-radius:22px;background:var(--paper);border:2px solid var(--ink);}
.qs78-pane b{font-size:12.5px;margin-bottom:3px;display:block;}
.qs78-pane p{color:var(--ink2);font-size:12px;}
.qs78-pick .qs78-acts{gap:11px;display:flex;margin-top:16px;align-items:center;flex-wrap:wrap;}
.qs78-masonry{column-gap:14px;columns:5;}
.qs78-tile{border-radius:24px;background:var(--card);overflow:hidden;border:var(--frame);margin-bottom:14px;break-inside:avoid;transition:.24s;}
.qs78-tile:hover{box-shadow:6px 8px 0 rgba(255,98,165/.28);transform:translateY(-5px);}
.qs78-tile .qs78-art{position:relative;}
.qs78-tile .qs78-rate{background:#fff;font-size:11.5px;z-index:2;border:2px solid var(--ink);left:8px;position:absolute;border-radius:999px;color:var(--rose);font-weight:900;top:8px;padding:0 9px;}
.qs78-tile .qs78-b{padding:10px 12px 12px;border-top:2px dashed var(--line);}
.qs78-tile h3{font-size:14.5px;}
.qs78-tile .qs78-t2{display:flex;justify-content:space-between;gap:8px;margin-top:5px;font-size:11.5px;color:var(--ink2)}
.qs78-tile .qs78-t2 b{color:var(--rose);}
.qs78-upd{border-radius:var(--r);padding:6px 18px 12px;border:var(--frame);background:var(--card);}
.qs78-upd-row{grid-template-columns:66px minmax(0,1fr) auto;align-items:center;padding:10px 0;gap:13px;border-bottom:2px dashed var(--line);display:grid;}
.qs78-upd-row:last-child{border-bottom:0;}
.qs78-upd-row .qs78-th{aspect-ratio:1/1;border-radius:22px;width:66px;border:2px solid var(--ink);overflow:hidden;}
.qs78-upd-row h4{font-size:14.5px;}
.qs78-upd-row small{display:block;color:var(--ink2);font-size:11.5px;}
.qs78-upd-row .qs78-ep{font-weight:900;font-size:12px;white-space:nowrap;color:var(--rose);}
.qs78-tabs{margin-bottom:14px;display:flex;gap:9px;flex-wrap:wrap;}
.qs78-tabs button{color:var(--ink2);background:#fff;font-weight:900;border:var(--frame);border-radius:999px;box-shadow:3px 3px 0 rgba(69,43,47/.15);cursor:pointer;padding:7px 20px;font-size:13.5px;}
.qs78-tabs button.qs78-on{background:var(--ink);color:#fff;}
.qs78-board2{border-radius:var(--r);background:var(--card);border:var(--frame);padding:10px 20px;box-shadow:7px 7px 0 rgba(151,255,158/.85);}
.qs78-row2{border-bottom:2px dashed var(--line);padding:10px 0;align-items:center;gap:13px;display:grid;grid-template-columns:40px 58px minmax(0,1fr) 120px 84px;}
.qs78-row2:last-child{border-bottom:0;}
.qs78-row2 .qs78-rk{border-radius:24px;font-weight:900;border:2px solid var(--ink);height:34px;background:#FFEFF4;width:34px;color:var(--grape);place-items:center;display:grid;}
.qs78-row2:nth-child(1) .qs78-rk{background:var(--rose);color:#fff;}
.qs78-row2:nth-child(2) .qs78-rk{background:var(--butter);}
.qs78-row2:nth-child(3) .qs78-rk{background:var(--sky);}
.qs78-row2 .qs78-th{aspect-ratio:3/4;width:58px;border-radius:24px;border:2px solid var(--ink);overflow:hidden;}
.qs78-row2 h3{font-size:14.5px;}
.qs78-row2 small{color:var(--ink2);display:block;font-size:11.5px;font-weight:400;}
.qs78-row2 .qs78-bar{border-radius:20px;overflow:hidden;background:var(--line);height:8px;}
.qs78-row2 .qs78-bar i{display:block;height:100%;background:linear-gradient(90deg,var(--sakura),var(--grape))}
.qs78-row2 .qs78-heat{font-weight:900;font-size:13px;color:var(--rose);text-align:right;}
.qs78-row2 .qs78-heat small{display:block;color:var(--ink2);font-weight:700;}
.qs78-shelves{display:grid;gap:16px;grid-template-columns:1fr 1fr;}
.qs78-sh-card{border-radius:var(--r);background:var(--card);padding:14px 16px;border:var(--frame);}
.qs78-sh-card h3{gap:8px;align-items:center;display:flex;font-size:16px;margin-bottom:10px;}
.qs78-sh-card h3 span{padding:0 8px;font-weight:900;border:2px solid var(--ink);border-radius:16px;font-size:10.5px;background:var(--butter);}
.qs78-minis{display:grid;gap:10px;grid-template-columns:repeat(4,minmax(0,1fr));}
.qs78-mini .qs78-art{border:2px solid var(--ink);overflow:hidden;border-radius:22px;aspect-ratio:3/4;}
.qs78-mini .qs78-art img{height:100%;width:100%;min-width:0;display:block;object-fit:cover;}
.qs78-mini b{overflow:hidden;white-space:nowrap;font-size:11.5px;display:block;text-overflow:ellipsis;margin-top:5px;}
.qs78-mini small{color:var(--ink2);font-size:10.5px;}
.qs78-specials{display:grid;gap:16px;grid-template-columns:repeat(3,1fr);}
.qs78-sp{overflow:hidden;border:var(--frame);position:relative;border-radius:var(--r);display:block;min-height:200px;}
.qs78-sp .qs78-bg{position:absolute;inset:0;}
.qs78-sp::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(69,43,47/.86) 6%,rgba(69,43,47/.12) 62%,transparent)}
.qs78-sp .qs78-txt{z-index:2;left:16px;right:16px;color:#fff;position:absolute;bottom:14px;}
.qs78-sp .qs78-txt span{margin-bottom:7px;padding:1px 9px;font-size:10.5px;background:var(--butter);display:inline-block;color:var(--ink);font-weight:900;border-radius:22px;}
.qs78-sp .qs78-txt h3{font-size:18px;font-weight:900;}
.qs78-sp .qs78-txt p{font-size:12.5px;color:#F5E6E7;}
.qs78-sp:hover{transform:translateY(-4px);}
.qs78-news4{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;}
.qs78-nw{background:var(--card);overflow:hidden;transition:.22s;border-radius:20px;display:block;border:var(--frame);}
.qs78-nw:hover{box-shadow:5px 7px 0 rgba(255,98,165/.25);transform:translateY(-4px);}
.qs78-nw .qs78-th{aspect-ratio:16/10;border-bottom:2px solid var(--ink);}
.qs78-nw .qs78-b{padding:10px 12px 13px;}
.qs78-nw .qs78-cat{background:var(--mint);border:2px solid var(--ink);border-radius:24px;font-size:10.5px;display:inline-block;padding:0 8px;font-weight:900;}
.qs78-nw h4{line-height:1.5;font-size:14px;margin:7px 0 4px;}
.qs78-nw time{color:var(--ink3);font-size:11px;}
.qs78-chats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;}
.qs78-chat{padding:15px 17px;background:var(--card);border:var(--frame);border-radius:14px;}
.qs78-chat .qs78-who{margin-bottom:8px;align-items:center;display:flex;gap:10px;}
.qs78-chat .qs78-who img{height:40px;width:40px;flex:none;border:2px solid var(--ink);border-radius:50%;}
.qs78-chat .qs78-who b{font-size:13.5px;}
.qs78-chat .qs78-who small{color:var(--ink2);display:block;font-size:11px;}
.qs78-chat .qs78-st{margin-left:auto;font-weight:900;color:var(--rose);font-size:12px;}
.qs78-chat p{font-size:13.3px;}
.qs78-chat .qs78-foot{margin-top:9px;display:flex;justify-content:space-between;font-size:11.5px;color:var(--ink3)}
.qs78-chat .qs78-foot b{color:var(--grape);}
.qs78-about{grid-template-columns:1.3fr 1fr;border:3px solid var(--ink);overflow:hidden;box-shadow:10px 10px 0 var(--grape);background:var(--card);display:grid;border-radius:20px;}
.qs78-about .qs78-pic{min-height:240px;border-right:3px solid var(--ink);}
.qs78-about .qs78-b{padding:26px 30px;}
.qs78-about h3{font-weight:900;font-size:21px;margin-bottom:9px;}
.qs78-about p{font-size:13.6px;color:#B6353D;}
.qs78-about .qs78-num{grid-template-columns:1fr 1fr;margin-top:14px;gap:10px;display:grid;}
.qs78-about .qs78-num div{border-radius:20px;background:#fff;text-align:center;padding:10px 12px;border:2px solid var(--ink);}
.qs78-about .qs78-num b{display:block;color:var(--rose);font-size:19px;}
.qs78-about .qs78-num span{color:var(--ink2);font-size:11px;}
.qs78-ft{color:#EDC0C9;padding:40px 0 20px;font-size:13px;background:var(--ink);margin-top:52px;}
.qs78-ft-grid{display:grid;margin-bottom:22px;gap:24px;grid-template-columns:1.5fr 1fr 1fr 1fr;}
.qs78-ft h4{font-size:15px;margin-bottom:9px;color:#fff;}
.qs78-ft a{display:block;padding:3.5px 0;color:#E8B1BC;}
.qs78-ft a:hover{color:var(--sakura);}
.qs78-ft .qs78-brand{margin-bottom:9px;gap:9px;align-items:center;display:flex;}
.qs78-ft .qs78-brand svg{width:30px;height:30px;}
.qs78-ft .qs78-brand b{font-size:17px;color:#fff;font-weight:900;}
.qs78-copy{text-align:center;font-size:12px;color:#D7767F;padding-top:14px;border-top:1px solid #B63542;}
.qs78-page-top{padding:36px 0 6px;}
.qs78-page-top .qs78-crumbs{font-size:12.5px;color:var(--ink2);margin-bottom:8px;}
.qs78-page-top h1{font-weight:900;font-size:30px;}
.qs78-page-top p{color:var(--ink2);margin-top:7px;}
.qs78-chips{flex-wrap:wrap;gap:10px;display:flex;}
.qs78-chips a{box-shadow:2px 2px 0 rgba(69,43,47/.15);padding:7px 17px;font-weight:800;border-radius:999px;font-size:13px;background:#fff;border:var(--frame);}
.qs78-chips a b{color:var(--rose);margin-left:5px;font-size:11px;}
.qs78-chips a:hover{background:var(--ink);color:#fff;}
.qs78-tl{gap:12px;display:grid;}
.qs78-tl article{grid-template-columns:76px 1fr auto;background:var(--card);gap:13px;padding:13px 16px;display:grid;border:var(--frame);border-radius:24px;align-items:center;}
.qs78-tl .qs78-th{aspect-ratio:1/1;overflow:hidden;border-radius:16px;width:76px;border:2px solid var(--ink);}
.qs78-tl h4{font-size:14.5px;}
.qs78-tl small{font-size:11.5px;color:var(--ink2);display:block;}
.qs78-tl .qs78-ep{font-size:12px;font-weight:900;color:var(--rose);}
@media (max-width:1200px){.qs78-masonry{columns:4;}
.qs78-news4{grid-template-columns:1fr 1fr;}
.qs78-shelves{grid-template-columns:1fr;}}
@media (max-width:960px){.qs78-hero{height:400px;}
.qs78-sl-in{grid-template-columns:1fr;}
.qs78-today{display:none;}
.qs78-masonry{columns:3;}
.qs78-pick{grid-template-columns:240px minmax(0,1fr);}
.qs78-chats{grid-template-columns:1fr 1fr;}
.qs78-about{grid-template-columns:1fr;}
.qs78-about .qs78-pic{border-bottom:3px solid var(--ink);border-right:0;}
.qs78-row2{grid-template-columns:36px 52px minmax(0,1fr) 70px;}
.qs78-row2 .qs78-bar{display:none;}}
@media (max-width:620px){.qs78-hd-in{gap:10px;}
.qs78-nv{flex-direction:column;right:0;display:none;top:70px;padding:10px 16px;background:var(--paper);border-bottom:var(--frame);position:absolute;left:0;}
.qs78-nv.qs78-open{display:flex;}
.qs78-burger{display:block;margin-left:auto;}
.qs78-hd-search,.qs78-hd-cta{display:none;}
.qs78-hero{height:380px;}
.qs78-slide h1,.qs78-slide h2{font-size:25px;}
.qs78-sl-btns .qs78-btn{padding:10px 18px;font-size:13px;}
.qs78-masonry{columns:2;column-gap:11px;}
.qs78-shelf .qs78-bk{flex-basis:140px;}
.qs78-pick{grid-template-columns:1fr;}
.qs78-pick .qs78-left{border-bottom:var(--frame);border-right:0;}
.qs78-pick .qs78-left .qs78-art{aspect-ratio:3/4;}
.qs78-panes{grid-template-columns:1fr;}
.qs78-news4,.qs78-chats,.qs78-specials{grid-template-columns:1fr;}
.qs78-minis{grid-template-columns:repeat(2,minmax(0,1fr));}
.qs78-ft-grid{grid-template-columns:1fr 1fr;}
.qs78-row2{grid-template-columns:32px 46px minmax(0,1fr) 64px;}
.qs78-row2 .qs78-rk{height:30px;width:30px;font-size:13px;}}
/* 卡片式图片 */
img{border-radius:20px;object-fit:cover;max-width:100%;}
.ph img,.card img{border-radius:20px;}