:root{--paper:#fff;--ink:#171622;--muted:#767483;--line:#eceaf2;--coral:#e4637b;--coral-dark:#bc3f5d;--teal:#248b80;--max:1180px}
body{background:#fff;color:var(--ink)}
.sidebar{position:sticky;top:0;left:auto;inset:auto;width:100%;height:68px;flex-direction:row;align-items:center;padding:0 max(24px,calc((100% - 1180px)/2));border:0;border-bottom:1px solid #f0eef5;background:rgba(255,255,255,.94);backdrop-filter:blur(14px)}
.sidebar .brand-mark{width:30px;height:30px;flex-basis:30px;border-radius:8px;background:var(--coral);font-size:15px}.sidebar .brand strong{font-size:14px}.sidebar .brand small{font-size:7px;letter-spacing:1.7px}.side-label{display:none}.side-nav{display:flex;align-items:center;gap:26px;margin-left:auto}.side-nav a{min-height:34px;padding:0;color:#777483;border-radius:0;font-size:11px}.side-nav a span{display:none}.side-nav a:hover{background:transparent;color:var(--coral)}.side-nav a.active{background:transparent;color:var(--coral);font-weight:700}.side-login{display:flex;align-items:center;gap:9px;margin:0 0 0 22px;padding:0 0 0 20px;border-left:1px solid #eceaf2}.side-login .visitor-mark{display:none}.side-login span:nth-child(2){display:none}.side-login b{display:block;width:auto;height:32px;padding:0 16px;border-radius:7px;background:var(--coral);color:#fff;font-size:11px;line-height:32px}.side-login b:after{content:"立即体验"}.side-login b{font-size:0}.side-login b:after{font-size:11px}
.main-content{width:min(1180px,calc(100% - 48px));margin:0 auto;padding:78px 0 45px;display:grid;grid-template-columns:minmax(0,1fr) 350px;gap:66px 80px}.main-content>*{width:100%;margin:0}.mobile-header{display:none}.intro{grid-column:1;align-self:center;display:block;margin:0;padding:0}.kicker,.eyebrow{color:var(--coral);font-size:9px;letter-spacing:1.8px}.intro h1{margin:0;font-family:"PingFang SC","Hiragino Sans GB","Microsoft YaHei","Noto Sans CJK SC",system-ui,sans-serif;font-size:clamp(40px,4.6vw,61px);line-height:1.18;letter-spacing:-1.5px}.intro h1 em{font-style:normal;color:var(--coral)}.intro p:not(.kicker){max-width:430px;margin:14px 0 0;color:#85838f;font-size:14px;line-height:1.8}.feature-pills{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}.feature-pills span{padding:7px 11px;border-radius:999px;background:#fff1f2;color:#bd4a62;font-size:10px}.hero-stats{display:flex;gap:34px;margin-top:37px}.hero-stats span{display:grid;gap:4px}.hero-stats strong{font-size:23px;font-weight:700}.hero-stats small{color:#9895a1;font-size:9px}.intro-actions{margin-top:28px}.search-box{width:300px;height:40px;border-color:#e7e4f0;box-shadow:0 4px 14px rgba(50,105,98,.06)}.refresh-button{width:40px;height:40px;border-color:#e7e4f0;color:var(--coral)}
.featured{grid-column:2;grid-row:1;height:470px;margin:0;border:1px solid #edeaf5;border-radius:15px;background:#fff;box-shadow:0 16px 40px rgba(45,27,88,.1);overflow:hidden}.featured>img{object-position:center 22%}.featured-shade{background:rgba(16,18,27,.04)}.featured-copy{position:absolute;right:0;bottom:0;width:100%;padding:18px 21px 20px;background:#fff;color:var(--ink)}.featured-copy .eyebrow{margin-bottom:7px;color:var(--coral)}.featured-copy h2{max-width:100%;margin:0;font-family:"PingFang SC","Hiragino Sans GB","Microsoft YaHei","Noto Sans CJK SC",system-ui,sans-serif;font-size:18px;line-height:1.35;color:var(--ink)}.featured-copy>p:not(.eyebrow){height:31px;overflow:hidden;margin:6px 0 11px;color:#85838f;font-size:10px;line-height:1.55}.primary-button{min-height:34px;padding:0 13px;border-radius:6px;background:var(--coral);color:#fff;font-size:10px;box-shadow:0 7px 16px rgba(228,99,123,.22)}.primary-button:hover{background:var(--coral-dark)}.primary-button span{font-size:15px}
.discover{grid-column:1/-1;margin-top:7px}.section-heading{align-items:center;margin-bottom:21px}.section-heading h2{font-size:26px}.section-heading p{font-size:11px}.filters{background:#fff3f4}.filter{color:#898593}.filter.active{color:var(--coral);box-shadow:0 2px 8px rgba(100,40,60,.08)}.character-grid{gap:18px}.character-card{border-color:#eceaf1;border-radius:10px;box-shadow:0 6px 22px rgba(37,30,65,.05)}.character-card:hover{border-color:#f0c7ce;box-shadow:0 14px 28px rgba(120,49,65,.12)}.category{background:#e8f5f1;color:#267d73}.card-footer i{background:var(--coral)}.character-card:hover .card-footer i{background:var(--coral-dark)}.about{grid-column:1/-1;margin-top:0;padding:58px 66px;border:0;border-radius:16px;background:#fff4f3}.about h2 em{color:var(--coral)}footer{grid-column:1/-1;border-color:#eeeaf6}.mobile-nav{display:none}
@media(max-width:1050px){.main-content{grid-template-columns:minmax(0,1fr) 300px;gap:42px}.side-nav{gap:15px}.character-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.card-body{padding:11px}.featured{height:430px}}
@media(max-width:760px){.sidebar{display:none}.main-content{display:block;width:100%;padding:0 14px 26px}.mobile-header{display:flex;width:calc(100% + 28px);margin-left:-14px;height:57px;padding:0 14px;align-items:center;justify-content:space-between;border-bottom:1px solid #eeeaf6;background:rgba(255,255,255,.96);position:sticky;top:0;z-index:10}.mobile-header .brand-mark{width:30px;height:30px;flex-basis:30px;background:var(--coral)}.mobile-header .brand strong{font-size:14px}.mobile-account{border-color:#e7e4f0;color:var(--coral)}.intro{padding:49px 0 29px}.intro h1{font-size:37px;letter-spacing:-1px}.intro p:not(.kicker){font-size:12px;line-height:1.7}.feature-pills{margin-top:19px;gap:6px}.feature-pills span{padding:6px 9px;font-size:9px}.hero-stats{gap:24px;margin-top:27px}.hero-stats strong{font-size:19px}.intro-actions{margin-top:22px}.search-box{width:calc(100% - 51px)}.featured{height:410px;margin-bottom:56px;border-radius:13px}.featured-copy{padding:17px 18px 18px}.featured-copy h2{font-size:18px}.featured-copy>p:not(.eyebrow){height:31px;font-size:10px}.section-heading{display:block;margin-bottom:17px}.section-heading h2{font-size:22px}.filters{width:100%;margin-top:15px;overflow:auto}.filter{padding:8px 14px}.character-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.card-body{padding:10px}.about{margin-top:62px;padding:34px 22px;border-radius:13px}.about h2{font-size:26px}.about>div:last-child{margin-top:21px}.mobile-nav{display:grid;background:rgba(255,255,255,.96);border-top-color:#edeaf5}.mobile-nav a.active{color:var(--coral)}}