:root{
    
    --font-brand:'Quanshenzhi','PingFang SC','Microsoft YaHei','Segoe UI',Roboto,sans-serif;
    --font-ui:var(--font-brand);

    --fs-display:64px;
    --fs-h1:34px;
    --fs-h2:24px;
    --fs-h3:19px;
    --fs-h4:16px;
    --fs-body-lg:17px;
    --fs-body:16px;
    --fs-small:14px;
    --fs-caption:13px;
    --fs-micro:12px;

    --lh-base:1.75;
    --lh-long:1.95;

    --ls-title:-0.02em;
    
    --ls-body:0.01em;
}


body{font-family:var(--font-brand);line-height:var(--lh-base);font-size:var(--fs-body);letter-spacing:var(--ls-body);font-synthesis:none}
.logo,.drawer-brand,.auth-logo,.hero-title,.section-title,.page-title,.dt-name,.page-loading-text{
    font-family:var(--font-brand);
    letter-spacing:var(--ls-title);
    font-synthesis:weight;
}


.card-name,.card-sub,.card-overlay-title,.card-overlay-meta,
.hero-thumb-name,.hero-thumb-sub,
.sri-name,.sri-meta,.rank-name,.rank-sub,.star-name,.star-sub,
.dt-mini-name,.dt-mini-sub,.uc-item-name,.uc-item-sub,
.dnav-item,.dnav-sub a{line-height:1.4}

.dt-score-num,.dt-num,.dt-num em,.rank-num,.rank-hits,
.card-badge,.dt-poster-badge,.dt-poster-end,
.episode-item,.np-ep,.pagebar a,.mac-paging a{
    font-variant-numeric:tabular-nums;
    font-feature-settings:'tnum' 1;
}

.auth-submit,.ua-btn,.uc-guest-btn,.np-ov-btn,.btn-play,.btn-secondary{letter-spacing:0.02em}
.rank-col-title{letter-spacing:0.06em}
.search-section-title,.footer-col h4{letter-spacing:0.02em}
.verify-input{letter-spacing:0.2em}
.np-handle{letter-spacing:0.15em}

.btn-login,.btn-register{font-size:var(--fs-h4)}
.user-chip-name,.user-dropdown-name,.user-dropdown-item,.du-info,.du-btns a,.du-btns button,.dnav-sub a{font-size:var(--fs-body)}
.user-dropdown-sub,.drawer-foot{font-size:var(--fs-caption)}
.drawer-search input{font-size:16px}
.dnav-item{font-size:var(--fs-h4)}
.theme-foot-text{font-size:var(--fs-small)}
.quickcat{font-size:var(--fs-body)}
.section-more{font-size:var(--fs-body)}

.hero-meta{font-size:var(--fs-body)}
.hero-rating{font-size:var(--fs-small)}
.hero-desc{font-size:var(--fs-body-lg);line-height:1.85;letter-spacing:var(--ls-body)}
.btn-play,.btn-secondary{font-size:16px}
.hero-thumb-name{font-size:var(--fs-small)}
.hero-thumb-sub{font-size:var(--fs-micro)}

.card-name{font-size:var(--fs-h4)}
.card-sub{font-size:var(--fs-small)}
.card-badge,.card-duration{font-size:var(--fs-caption)}
.card-overlay-title{font-size:var(--fs-h4)}
.card-overlay-meta{font-size:var(--fs-caption)}
.card-h .card-name,.section-anime .card-name,.card-s .card-overlay-title{font-size:var(--fs-body)}
.card-h .card-sub,.section-anime .card-sub{font-size:var(--fs-caption)}
.card-h .card-overlay-title{font-size:var(--fs-body)}
.card-s .card-overlay-meta{font-size:var(--fs-micro)}
.card-overlay-info-title{font-size:var(--fs-body)}
.card-overlay-info-ep,.card-overlay-ep{font-size:var(--fs-caption)}

.page-title{font-size:var(--fs-h2)}
.page-type-des,.page-breadcrumb,.filter-label{font-size:var(--fs-small)}
.page-type-des{line-height:1.8;letter-spacing:var(--ls-body)}
.filter-options a{font-size:var(--fs-body)}
.search-result-info{font-size:var(--fs-body)}
.search-type-name,.sri-meta,.sri-go{font-size:var(--fs-small)}
.sri-name{font-size:17px}
.pagebar a,.pagebar .current,.pagebar .disabled,.mac-paging a,.mac-paging .page-tip{font-size:var(--fs-body)}
.search-empty-title{font-size:var(--fs-h3)}
.search-empty-sub,.no-data-txt{font-size:var(--fs-body-lg);line-height:1.8;letter-spacing:var(--ls-body)}
.side-panel-title{font-size:17px}
.side-rank-name{font-size:var(--fs-body)}
.side-rank-num,.side-rank-meta{font-size:var(--fs-small)}
.player-placeholder{font-size:var(--fs-body-lg)}
.play-head-back{font-size:var(--fs-body)}

.rank-header{font-size:17px}
.rank-name,.rank-hits{font-size:var(--fs-h4)}
.rank-sub{font-size:var(--fs-small)}
.star-name,.friend-links-apply,.friend-links-toggle,.friend-links-list a,
.footer-slogan,.footer-col h4,.footer-col ul li a{font-size:var(--fs-body)}
.star-sub,.topic-card-count{font-size:var(--fs-caption)}
.hero-cat-label{font-size:var(--fs-h4)}
.friend-links-title{font-size:var(--fs-h3)}
.footer-bottom{font-size:var(--fs-small)}
.toast{font-size:var(--fs-body)}

.dt-sub{font-size:var(--fs-body-lg);line-height:1.75}
.dt-meta{font-size:var(--fs-body)}
.dt-tag{font-size:var(--fs-small)}
.dt-credit{font-size:var(--fs-body);line-height:1.75}
.dt-blurb{font-size:var(--fs-body);line-height:1.9;letter-spacing:var(--ls-body)}
.dt-score-label,.dt-num{font-size:var(--fs-small)}
.dt-num em{font-size:17px}
.dt-fact,.dt-facts-block{font-size:var(--fs-body);line-height:1.85}
.dt-mini-name{font-size:var(--fs-body)}
.dt-mini-sub,.section-playlist .section-tab-count{font-size:var(--fs-caption)}
.episode-item{font-size:var(--fs-body)}
.detail-content{font-size:var(--fs-body-lg);line-height:var(--lh-long);letter-spacing:var(--ls-body)}
.detail-content-toggle{font-size:var(--fs-body)}

.np-ov-name{font-size:var(--fs-h3)}
.np-ov-ep,.np-ov-btn,.np-empty,.np-line,.np-ep{font-size:var(--fs-small)}
.np-line i{font-size:var(--fs-micro)}
.np-side .section-tabs .section-tab{font-size:var(--fs-body)}
.np-handle{font-size:var(--fs-small)}
.np-info-name{font-size:17px}
.np-info-meta,.np-info-hits,.np-info-line{font-size:var(--fs-small)}
.np-info-tags span{font-size:var(--fs-caption)}
.np-info-blurb,.np-info-content{font-size:var(--fs-body);line-height:1.9;letter-spacing:var(--ls-body)}
.player-lock-title,.player-fallback-title{font-size:var(--fs-h3)}
.player-lock-sub,.player-fallback-sub,.player-fallback-btn{font-size:var(--fs-body)}
.player-lock-btn,.player-lock-btn2,.pwd-submit{font-size:var(--fs-h4)}
.pwd-title{font-size:16px}
.pwd-input{font-size:16px}
.pwd-tip{font-size:var(--fs-small)}

.ua-title{font-size:24px}
.ua-sub,.ua-opts,.ua-check,.ua-link,.ua-foot{font-size:var(--fs-body)}
.ua-label,.ua-hint,.ua-oauth-tip{font-size:var(--fs-small)}
.ua-input{font-size:16px}
.ua-err,.ua-oauth-btn{font-size:var(--fs-body)}
.ua-btn{font-size:16px}

.uc-name{font-size:var(--fs-h2)}
.uc-badge{font-size:var(--fs-caption)}
.uc-meta,.uc-logout,.uc-crumb,.uc-pick,.uc-save{font-size:var(--fs-body)}
.uc-panel-title,.uc-guest-title{font-size:var(--fs-h3)}
.uc-item-name{font-size:var(--fs-h4)}
.uc-item-sub,.uc-tip,.uc-split,.uc-avatar-tip{font-size:var(--fs-small)}
.uc-item-tag{font-size:var(--fs-micro)}
.uc-guest-sub,.uc-guest-btn2{font-size:var(--fs-body-lg)}
.uc-guest-btn{font-size:16px}

.auth-subtitle,.auth-row,.auth-forgot,.history-tag,.history-empty,.suggest-tag,
.verify-back,.jump-url{font-size:var(--fs-body)}
.auth-tab{font-size:var(--fs-h4)}
.auth-field label,.auth-agree,.auth-divider span,.search-section-clear,
.hot-score,.verify-tip{font-size:var(--fs-small)}
.auth-field input{font-size:16px}
.auth-submit{font-size:16px}
.search-submit,.history-tag-del,.search-section-title{font-size:var(--fs-body)}
.hot-text{font-size:var(--fs-h4)}
.hot-tag{font-size:var(--fs-micro)}
.msg-title,.jump-title,.browser-title{font-size:var(--fs-h2)}
.msg-text,.jump-msg,.notfound-txt,.browser-txt{font-size:var(--fs-body-lg);line-height:1.75}
.browser-url{font-size:var(--fs-small)}
.verify-input{font-size:16px}
.verify-btn{font-size:var(--fs-h4)}

@media (max-width:1280px){
    .dt-score-num{font-size:32px}
}

@media (max-width:1024px){
    .dt-name{font-size:26px}
    .dt-score-num{font-size:30px}
}

@media (max-width:768px){
    .hero-title{font-size:34px}
    .hero-desc{font-size:var(--fs-body-lg)}
    .hero-meta{font-size:var(--fs-small)}
    .hero-rating{font-size:var(--fs-small)}
    .btn-play,.btn-secondary{font-size:var(--fs-h4)}
    .user-chip-name{font-size:var(--fs-small)}
    .filter-label,.page-type-des{font-size:var(--fs-small)}
    .filter-options a{font-size:var(--fs-small)}
    .dt-name{font-size:26px}
    
    .dt-sub,.dt-blurb,.dt-credit,.dt-fact,.dt-facts-block{font-size:var(--fs-body)}
    .dt-meta,.dt-tag,.dt-mini-name,.episode-item,.detail-content-toggle{font-size:var(--fs-small)}
    .dt-mini-sub{font-size:var(--fs-caption)}
    .detail-content{font-size:var(--fs-body);line-height:1.9}
    .dt-score-num{font-size:28px}
    .dt-poster-badge,.dt-poster-end{font-size:var(--fs-caption)}
    .dt-card .section-title{font-size:var(--fs-h3)}
    .dt-actions .btn-play,.dt-actions .btn-secondary{font-size:var(--fs-small)}
    .np-info-name,.np-ov-name{font-size:var(--fs-h4)}
    .np-info-blurb,.np-info-content{font-size:var(--fs-body)}
}

@media (max-width:480px){
    .hero-title{font-size:28px}
    .hero-meta{font-size:var(--fs-small)}
    .hero-rating{font-size:16px}
    .btn-play,.btn-secondary{font-size:var(--fs-body)}
    .section-title{font-size:20px}
    .page-title{font-size:22px}
    .page-type-des{font-size:var(--fs-small)}
    .card-name{font-size:var(--fs-body)}
    .card-sub{font-size:var(--fs-caption)}
    .card-badge{font-size:var(--fs-caption);padding:2px 6px}
    .rank-num{font-size:var(--fs-h4)}
    .rank-name{font-size:var(--fs-body)}
    .footer-col h4,.footer-col ul li a{font-size:var(--fs-body)}
    .footer-bottom{font-size:var(--fs-small)}
    .sri-meta{font-size:var(--fs-caption)}
    .pagebar a,.pagebar .current,.pagebar .disabled{font-size:var(--fs-small)}
    .tab-item{font-size:var(--fs-caption)}
    .dt-name{font-size:var(--fs-h2)}
    .ua-title{font-size:21px}
    .auth-logo{font-size:var(--fs-h2)}
    .auth-field input{font-size:16px}
    .auth-submit{font-size:var(--fs-h4)}
}