*{box-sizing:border-box}body{margin:0;background:#101010;color:#eee;font:15px/1.6 system-ui,"Microsoft YaHei",sans-serif}a{color:#e2c06a}header{padding:20px max(4%,calc((100% - 1200px)/2));background:#211a0e;border-bottom:1px solid #8b6d2d;display:flex;justify-content:space-between;gap:20px;align-items:center}.logo{font-size:27px;font-weight:800;text-decoration:none;color:#efcf80}.wrap{max-width:1200px;margin:25px auto;padding:0 16px}.panel{padding:22px;margin:20px 0;background:#1b1b1b;border:1px solid #5b4724;border-radius:12px}.section-title{display:flex;justify-content:space-between;align-items:center}.section-title h2,h1,h2{color:#ebca75}.panel p{color:#b7ad9b}.cards{display:grid;grid-template-columns:repeat(var(--cols,4),minmax(0,1fr));gap:12px}.tile{display:flex;gap:12px;align-items:center;min-width:0;background:#28241c;padding:12px;border:1px solid #574525;border-radius:9px;text-decoration:none;color:#f4ebd6}.tile:hover{border-color:#f1ce78}.tile img,.mark{width:40px;height:40px;object-fit:cover;flex:none;border-radius:7px}.mark{display:grid;place-items:center;background:#6e5220}.tile span:last-child{min-width:0}.tile b,.tile small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tile small{font-size:12px;color:#a89e89}footer{text-align:center;padding:35px;color:#998c72}.slider{height:210px;position:relative;overflow:hidden;border-radius:12px;border:1px solid #80602a;background:#30220f}.slide{display:none;width:100%;height:100%;align-items:center;justify-content:center;font-size:32px;color:#f8d781;text-decoration:none}.slide.active{display:flex}.slide img{width:100%;height:100%;object-fit:cover}.slider button{position:absolute;top:40%;background:#0009;color:white;border:0;font-size:25px;cursor:pointer}.prev{left:10px}.next{right:10px}label{display:grid;gap:6px;margin:12px 0;color:#ebd69e}input,select{padding:10px;background:#292929;color:white;border:1px solid #6c5529;border-radius:6px;max-width:100%}input[type=checkbox]{width:20px}button{padding:9px 16px;background:#a27b30;color:#fff;border:0;border-radius:5px;cursor:pointer}.danger{background:#963e3e}.nav{display:flex;gap:15px;flex-wrap:wrap;padding:14px;background:#252015}.notice{color:#f1c76e}.tablewrap{overflow:auto}table{border-collapse:collapse;width:100%;min-width:700px}td,th{padding:10px;border:1px solid #544427;text-align:left;overflow-wrap:anywhere}td form{display:inline-block;margin-left:10px}.pages{margin:20px 0}@media(max-width:900px){.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.slider{height:135px}}@media(max-width:480px){.cards{grid-template-columns:1fr}.logo{font-size:20px}}
/* V3.10: admin-managed home logo */
.home-header{position:relative}
.home-header-with-logo{min-height:370px;align-items:flex-start}
.home-center-logo{position:absolute;left:50%;top:10px;transform:translateX(-50%);display:flex;align-items:center;justify-content:center;width:480px;height:350px;max-width:calc(100% - 32px);z-index:1}
.home-center-logo img{display:block;width:100%;height:100%;object-fit:contain}
.home-header-with-logo>.logo,.home-header-with-logo>a:last-child{position:relative;z-index:2}
@media(max-width:800px){.home-header-with-logo{min-height:270px}.home-center-logo{top:65px;width:min(320px,calc(100% - 32px));height:195px}}
@media(max-width:480px){.home-header-with-logo{min-height:235px}.home-center-logo{top:65px;width:min(270px,calc(100% - 20px));height:160px}}

/* V3.11: home banner responsive image rendering */
.slider{height:260px}
.slide img{object-fit:contain;background:#1b1017}
@media(max-width:900px){.slider{height:auto;aspect-ratio:1200/260}}

/* V3.12: complete horizontal artwork at native 3:1 ratio */
.slider{height:auto;aspect-ratio:3/1}
.slide img{object-fit:contain}
@media(max-width:900px){.slider{height:auto;aspect-ratio:3/1}}
/* 首页轮播广告完整显示 */
.slider {
    width: 100%;
    height: auto !important;
    aspect-ratio: 3 / 1;
    overflow: hidden;
    position: relative;
}

.slider .slide {
    width: 100%;
    height: 100%;
}

.slider .slide img {
    width: 100%;
    height: 100%;
    object-fit: contain !important;
    object-position: center center;
    display: block;
}

@media (max-width: 768px) {
    .slider {
        aspect-ratio: 3 / 1;
    }
}


/* 2026 white theme refresh */
:root{color-scheme:light}
html{scroll-behavior:smooth;scroll-padding-top:24px}
body{background:#f7f9fc;color:#243047}
a{color:#245cb5}
header{background:#fff;border-bottom:1px solid #e2e8f0;box-shadow:0 2px 12px #192d4510}
.logo{color:#1b467e}
.panel{background:#fff;border:1px solid #e2e8f0;box-shadow:0 5px 22px #1d35510a}
.section-title h2,h1,h2{color:#203f69}
.panel p{color:#66758a}
.tile{background:#f9fbfe;border:1px solid #e4eaf2;color:#263448}
.tile:hover{border-color:#6d9ad9;background:#eef5ff;box-shadow:0 4px 14px #205aa010}
.tile small{color:#718096}.mark{background:#e5efff;color:#285fb4}
footer{color:#68768b}.slider{border-color:#e4e9f1;background:#fff}
.slide img{background:#fff}
label{color:#34445b}input,select,textarea{background:#fff;color:#263448;border:1px solid #cdd6e3}
button{background:#2868bc}.nav{background:#f0f5fb;gap:12px}.notice{color:#8d5d12}
td,th{border-color:#dce4ee}
.home-header-with-logo{min-height:150px;align-items:center}
.home-center-logo{top:8px;width:220px;height:135px}
@media(max-width:800px){.home-header-with-logo{min-height:150px}.home-center-logo{top:25px;width:160px;height:115px}}
@media(max-width:480px){.home-header-with-logo{min-height:125px}.home-center-logo{top:30px;width:125px;height:88px}}
/* Fixed right-side category navigation */
.side-nav{position:fixed;right:12px;top:50%;transform:translateY(-50%);width:132px;max-height:min(75vh,660px);z-index:80;display:flex;flex-direction:column;background:#fff;border:1px solid #e0e7f0;border-radius:15px;box-shadow:0 10px 34px #203c6128;overflow:hidden}
.side-nav-title{font-weight:750;color:#24476f;text-align:center;background:#f1f6fd;padding:10px 6px;font-size:13px}
.side-nav-links{overflow-y:auto;min-height:0;padding:5px}
.side-nav a,.side-nav button{display:block;width:100%;padding:9px 7px;text-align:center;font-size:12px;text-decoration:none;color:#3c5069;background:transparent;border:0;border-radius:7px;cursor:pointer;line-height:1.4}
.side-nav a:hover,.side-nav a:focus-visible,.side-nav button:hover{background:#eaf2ff;color:#1458a6}
.side-nav .back-to-top{border-top:1px solid #e3eaf3;border-radius:0;background:#eaf2ff;color:#175ca8;font-weight:700;padding:12px 4px;flex-shrink:0}
@media(min-width:1500px){.wrap{margin-right:max(160px,calc((100vw - 1200px)/2))}}
@media(max-width:1100px){.side-nav{right:7px;width:96px}.side-nav a,.side-nav button{font-size:11px;padding:8px 4px}.wrap{padding-right:110px}}
@media(max-width:650px){.side-nav{top:auto;bottom:14px;right:9px;transform:none;width:86px;max-height:52vh;border-radius:11px}.side-nav-title{padding:7px 3px;font-size:11px}.side-nav a{padding:7px 3px;font-size:10px}.side-nav .back-to-top{padding:9px 3px;font-size:10px}.wrap{padding-right:16px}.panel{padding:14px}}


/* Screenshot-inspired header, editable in admin settings */
.custom-site-header{height:230px;min-height:230px;background:#f4f7fa;position:relative;display:flex;align-items:flex-start;justify-content:center;border-bottom:0;box-shadow:none;padding:38px 75px 20px;box-sizing:border-box;color:#2c3e50}
.custom-header-center{text-align:center;max-width:90%;display:flex;flex-direction:column;align-items:center;gap:0}
.custom-header-logo{display:block;margin-bottom:6px}
.custom-header-logo img{display:block;width:64px;height:64px;object-fit:contain}
.custom-header-title{font-size:42px;font-weight:800;line-height:1.35;color:#2d3c4a;margin:5px 0 18px}
.custom-header-description{font-size:18px;color:#34485c;margin:0;line-height:1.5}
.header-menu-toggle{position:absolute;top:13px;left:10px;border:0;background:#fff;color:#283544;border-radius:50%;width:58px;height:58px;font-size:26px;box-shadow:0 2px 10px #26394b12;cursor:pointer;padding:0}
.custom-header-apply{position:absolute;right:22px;top:23px;color:#53677e;font-size:13px;text-decoration:none}
.side-nav:not(.side-nav-open){visibility:hidden;opacity:0;pointer-events:none}
.side-nav.side-nav-open{visibility:visible;opacity:1;pointer-events:auto}
@media(max-width:650px){.custom-site-header{height:auto;min-height:205px;padding:54px 20px 25px}.custom-header-title{font-size:30px;margin:6px 0 12px}.custom-header-description{font-size:14px}.custom-header-logo img{width:48px;height:48px}.header-menu-toggle{width:46px;height:46px;font-size:21px}.custom-header-apply{top:24px;right:10px;font-size:11px}}
@media(min-width:651px){.side-nav:not(.side-nav-open){visibility:visible;opacity:1;pointer-events:auto}}


/* Unified soft gray-white site theme, 2026-11 */
:root{color-scheme:light;--site-bg:#f4f7fa;--site-surface:#fff;--site-border:#e3e8ee;--site-text:#2c3e50}
html{background:var(--site-bg)}
body{background:var(--site-bg)!important;color:var(--site-text)!important}
header,.custom-site-header{background:var(--site-bg)!important;color:var(--site-text)!important}
.custom-site-header{box-shadow:none!important;border-bottom:0!important}
.wrap,main,.main-content{background:transparent}
.panel,.tile,.side-nav{background:var(--site-surface)!important;border-color:var(--site-border)!important}
.panel{box-shadow:0 3px 15px rgba(32,49,69,.045)}
.tile{color:#344456!important}
.tile:hover{background:#f6f9fc!important;border-color:#c9d5e1!important}
.nav,.side-nav-title{background:#edf2f6!important;color:#35475a!important}
.side-nav a,.side-nav button{color:#35475a!important}
.side-nav a:hover,.side-nav button:hover{background:#edf2f6!important}
.side-nav .back-to-top{background:#edf2f6!important;color:#31577a!important;border-color:var(--site-border)!important}
footer{background:var(--site-bg)!important;color:#68788a!important}
input,select,textarea{background:#fff!important;color:#2c3e50!important;border-color:#d4dde6!important}
.section-title h2,h1,h2,.logo{color:#2c3e50!important}
.slider{background:#fff!important;border-color:var(--site-border)!important}
@media(max-width:900px){.custom-site-header{background:var(--site-bg)!important}}

/* 2026-11-11 left quick navigation, 600x158 logo and editable footer */
.custom-site-header{height:auto!important;min-height:330px!important;padding:24px 90px 28px!important}
.custom-header-center{max-width:calc(100% - 30px)}
.custom-header-logo img{width:600px!important;height:158px!important;max-width:100%;object-fit:contain}
.custom-header-logo{max-width:100%;margin-bottom:5px}
.side-nav{left:12px!important;right:auto!important}
@media(min-width:1500px){.wrap{margin-right:auto!important;margin-left:max(160px,calc((100vw - 1200px)/2))!important}}
@media(min-width:651px) and (max-width:1100px){.wrap{padding-left:110px!important;padding-right:16px!important}}
@media(max-width:650px){.side-nav{left:9px!important;right:auto!important}.custom-site-header{min-height:230px!important;padding:58px 18px 24px!important}.custom-header-logo img{width:min(100%,600px)!important;height:auto!important;max-height:158px}}
.site-contact-footer{background:#fff!important;border-top:1px solid #e2e8f0;padding:32px 16px;text-align:center;color:#34445b}
.site-footer-inner{max-width:1000px;margin:auto}.site-contact-footer h3{margin:0 0 15px;font-size:21px}.contact-item{display:inline-block;margin:5px 16px;overflow-wrap:anywhere}.site-copyright{margin:22px 0 0;color:#748195;font-size:13px}

/* Refined premium soft-gray site header */
.custom-site-header{
  min-height:340px!important;padding:30px 100px 36px!important;
  background:radial-gradient(ellipse 55% 95% at 50% 10%,#ffffff 0%,#f7f9fc 62%,#eef3f8 100%)!important;
  border-bottom:1px solid #e2e8f0!important;
  box-shadow:0 10px 32px rgba(41,64,90,.045)!important;
  isolation:isolate;overflow:hidden;
}
.custom-site-header::before,.custom-site-header::after{
  content:"";position:absolute;pointer-events:none;border-radius:50%;z-index:-1;
}
.custom-site-header::before{width:340px;height:340px;top:-235px;left:12%;background:#dcecff;filter:blur(58px);opacity:.55}
.custom-site-header::after{width:300px;height:300px;bottom:-245px;right:11%;background:#d9e7f5;filter:blur(55px);opacity:.65}
.custom-header-center{width:min(100%,800px);max-width:100%!important;gap:0}
.custom-header-logo{display:block;margin:0 auto 6px!important;line-height:0;max-width:100%}
.custom-header-logo img{width:600px!important;height:158px!important;max-width:100%;object-fit:contain;filter:drop-shadow(0 8px 12px rgba(31,53,78,.10))}
.custom-header-title{font-size:clamp(29px,3.1vw,42px)!important;letter-spacing:2px;line-height:1.25!important;margin:8px 0 12px!important;font-weight:850!important}
.custom-header-description{font-size:16px!important;letter-spacing:1px;color:#6b7c90!important;margin:0!important}
.header-menu-toggle{top:24px!important;left:24px!important;width:48px!important;height:48px!important;
 border:1px solid #e3eaf2!important;background:#fff!important;border-radius:14px!important;
 box-shadow:0 5px 18px rgba(37,63,91,.09)!important;transition:transform .2s,box-shadow .2s}
.header-menu-toggle:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(37,63,91,.16)!important}
.custom-header-apply{top:25px!important;right:25px!important;font-size:14px!important;
 color:#416284!important;background:#fff!important;border:1px solid #dae5ef;
 padding:11px 19px;border-radius:24px;text-decoration:none;font-weight:600;
 box-shadow:0 4px 14px rgba(37,63,91,.05);transition:background .2s}
.custom-header-apply:hover{background:#eaf3fc!important}
@media(max-width:650px){
 .custom-site-header{min-height:245px!important;padding:78px 18px 30px!important}
 .custom-header-logo img{width:100%!important;height:auto!important;max-height:120px!important}
 .custom-header-title{font-size:27px!important;letter-spacing:1px;margin:7px 0 9px!important}
 .custom-header-description{font-size:13px!important;letter-spacing:0}
 .header-menu-toggle{top:16px!important;left:13px!important;width:43px!important;height:43px!important}
 .custom-header-apply{top:17px!important;right:13px!important;padding:9px 12px!important;font-size:12px!important}
}

/* 右侧引流排行 */
.right-traffic-rank{position:fixed;right:12px;top:220px;width:250px;max-height:calc(100vh - 240px);padding:14px;background:#fff;border:1px solid #dce3ee;border-radius:14px;box-shadow:0 8px 26px #25324a18;z-index:30;color:#26384c}.right-traffic-rank h3{font-size:17px;margin:0 0 8px}.right-traffic-rank p{font-size:12px;color:#748297;margin:0 0 12px}.traffic-scroll{max-height:calc(100vh - 330px);overflow-y:auto;scroll-behavior:smooth}.traffic-rank-item{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:10px 4px;border-bottom:1px solid #edf0f5;text-decoration:none;color:#2d3c50;font-size:13px}.traffic-rank-item span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.traffic-rank-item b{white-space:nowrap;color:#c28220;font-size:12px}@media(max-width:1450px){.right-traffic-rank{position:static;width:auto;max-height:360px;margin:16px auto;max-width:1100px}.traffic-scroll{max-height:260px}}

/* 2026-11: 后台导航居中 + 四个轮播快捷位 */
body:has(.home-ad-dashboard) .nav,body:has(a[href="?tab=ads"]) .nav{justify-content:center;align-items:center;column-gap:22px;row-gap:10px;text-align:center}
.nav{justify-content:center;align-items:center;column-gap:22px;row-gap:10px;text-align:center}
.nav a{display:inline-flex;align-items:center;justify-content:center;padding:7px 10px;border-radius:8px;text-decoration:none;white-space:nowrap}
.nav a:hover{background:#e0eaf7}
.home-ad-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:18px}
.home-ad-slot{border:1px solid #dce3ee;background:#f7f9fc;border-radius:12px;padding:13px;min-width:0}
.home-ad-slot h3{margin:0 0 10px;font-size:17px;color:#293c54}.home-ad-slot img,.home-ad-missing{width:100%;aspect-ratio:3/1;object-fit:cover;border-radius:7px;background:#e7edf5}
.home-ad-missing{display:flex;align-items:center;justify-content:center;padding:8px;font-size:12px;color:#60728b;text-align:center}
.home-ad-slot p{font-size:12px;overflow-wrap:anywhere;margin:8px 0}.home-ad-edit{display:inline-block;background:#2868bc;color:#fff;padding:8px 12px;border-radius:7px;text-decoration:none}
@media(max-width:950px){.home-ad-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:550px){.home-ad-grid{grid-template-columns:1fr}.nav{gap:6px}.nav a{padding:6px}}

/* Compact dashboard previews and edit form anchor */
.home-ad-dashboard .home-ad-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.home-ad-dashboard .home-ad-slot img{width:100%;height:auto;max-height:150px;object-fit:cover}
#ad-edit-form{scroll-margin-top:18px}
@media(max-width:900px){.home-ad-dashboard .home-ad-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:480px){.home-ad-dashboard .home-ad-grid{grid-template-columns:1fr}}