/* 每日主题校园大赛爆料top - bcdpu.cn */
:root{--bcdpu-p:#2980b9;--bcdpu-s:#27ae60;--bcdpu-a:#1a5276;--bcdpu-bg:#090916;--bcdpu-card:rgba(255,255,255,0.035);--bcdpu-glass:rgba(255,255,255,0.06);--bcdpu-bdr:rgba(255,255,255,0.09);--bcdpu-txt:#eaeaf5;--bcdpu-dim:#8a8aaa;--bcdpu-grad:linear-gradient(135deg,#2980b9 0%,#27ae60 100%);--bcdpu-mw:1400px;--bcdpu-rd:12px}
*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
.bcdpu-page{font-family:'PingFang SC','Microsoft YaHei','Helvetica Neue',Arial,sans-serif;background:var(--bcdpu-bg);color:var(--bcdpu-txt);line-height:1.7;min-height:100vh;overflow-x:hidden;background-image:radial-gradient(ellipse at 25% 35%,rgba(41,128,185,0.05) 0%,transparent 55%),radial-gradient(ellipse at 75% 65%,rgba(39,174,96,0.04) 0%,transparent 55%)}
.bcdpu-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}
.bcdpu-hdr{position:fixed;top:0;left:0;right:0;z-index:1000;background:rgba(9,9,22,0.9);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--bcdpu-bdr)}
.bcdpu-hdr-inner{max-width:var(--bcdpu-mw);margin:0 auto;padding:0 20px;display:flex;align-items:center;height:64px;gap:18px}
.bcdpu-brand-box a{text-decoration:none;display:flex;align-items:center}
.bcdpu-brand-h1{display:flex;align-items:center;font-size:0;margin:0}
.bcdpu-brand-svg{height:36px;width:auto}
.bcdpu-nav{flex:1}
.bcdpu-nav-ul{display:flex;list-style:none;gap:2px;align-items:center}
.bcdpu-nav-li a{display:block;padding:7px 13px;color:var(--bcdpu-dim);text-decoration:none;font-size:13.5px;font-weight:500;border-radius:7px;transition:all .25s ease;white-space:nowrap}
.bcdpu-nav-li a:hover{color:var(--bcdpu-txt);background:var(--bcdpu-glass)}
.bcdpu-cur a{color:#fff!important;background:var(--bcdpu-grad)!important}
.bcdpu-srch{flex-shrink:0}
.bcdpu-srch-f{display:flex;align-items:center;background:var(--bcdpu-glass);border:1px solid var(--bcdpu-bdr);border-radius:20px;padding:3px 3px 3px 12px}
.bcdpu-srch-f:focus-within{border-color:var(--bcdpu-p);box-shadow:0 0 0 3px rgba(41,128,185,0.15)}
.bcdpu-srch-i{background:transparent;border:none;outline:none;color:var(--bcdpu-txt);font-size:13px;width:130px;padding:5px 0}
.bcdpu-srch-i::placeholder{color:var(--bcdpu-dim)}
.bcdpu-srch-b{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;border-radius:50%;background:var(--bcdpu-grad);color:white;cursor:pointer;transition:transform .2s}
.bcdpu-srch-b:hover{transform:scale(1.08)}
.bcdpu-mbtn{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:8px}
.bcdpu-mbtn span{display:block;width:20px;height:2px;background:var(--bcdpu-txt);border-radius:2px}
.bcdpu-content{max-width:var(--bcdpu-mw);margin:0 auto;padding:86px 20px 32px}
.bcdpu-bc{margin-bottom:18px}
.bcdpu-bc-ol{display:flex;list-style:none;gap:8px;font-size:12.5px}
.bcdpu-bc-ol li::after{content:'/';margin-left:8px;color:var(--bcdpu-dim)}
.bcdpu-bc-ol li:last-child::after{display:none}
.bcdpu-bc-ol a{color:var(--bcdpu-dim);text-decoration:none}
.bcdpu-bc-ol a:hover{color:var(--bcdpu-p)}
.bcdpu-banner{text-align:center;padding:32px 16px;margin-bottom:32px;background:var(--bcdpu-glass);border:1px solid var(--bcdpu-bdr);border-radius:var(--bcdpu-rd);backdrop-filter:blur(8px)}
.bcdpu-banner-t{font-size:1.8rem;font-weight:700;background:var(--bcdpu-grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:8px}
.bcdpu-banner-d{color:var(--bcdpu-dim);font-size:13.5px;max-width:660px;margin:0 auto}
.bcdpu-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;margin-bottom:50px}
.bcdpu-item{background:var(--bcdpu-card);border:1px solid var(--bcdpu-bdr);border-radius:var(--bcdpu-rd);overflow:hidden;transition:all .3s ease;backdrop-filter:blur(5px)}
.bcdpu-item:hover{transform:translateY(-3px);border-color:var(--bcdpu-p);box-shadow:0 8px 24px rgba(0,0,0,0.3),0 0 12px rgba(41,128,185,0.08)}
.bcdpu-item-thumb{position:relative;aspect-ratio:16/9;overflow:hidden}
.bcdpu-item-img{width:100%;height:100%;object-fit:cover;transition:transform .35s ease}
.bcdpu-item:hover .bcdpu-item-img{transform:scale(1.04)}
.bcdpu-item-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,0.3);opacity:0;transition:opacity .3s}
.bcdpu-item:hover .bcdpu-item-overlay{opacity:1}
.bcdpu-play{width:48px;height:48px}
.bcdpu-dur{position:absolute;bottom:6px;right:6px;background:rgba(0,0,0,0.8);color:#fff;font-size:11px;padding:2px 6px;border-radius:3px}
.bcdpu-item-info{padding:13px}
.bcdpu-item-t{font-size:13.5px;font-weight:600;margin-bottom:6px;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.bcdpu-item-t a{color:var(--bcdpu-txt);text-decoration:none;transition:color .25s}
.bcdpu-item-t a:hover{color:var(--bcdpu-p)}
.bcdpu-item-d{font-size:12px;color:var(--bcdpu-dim);margin-bottom:8px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.6}
.bcdpu-item-meta{display:flex;justify-content:space-between;font-size:11px;color:var(--bcdpu-dim)}
.bcdpu-stitle{font-size:1.3rem;font-weight:700;margin-bottom:20px;padding-left:12px;border-left:3px solid var(--bcdpu-p);background:var(--bcdpu-grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.bcdpu-rvw{margin-bottom:50px}
.bcdpu-rvw-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px}
.bcdpu-rvw-card{background:var(--bcdpu-glass);border:1px solid var(--bcdpu-bdr);border-radius:10px;padding:16px;transition:all .25s}
.bcdpu-rvw-card:hover{border-color:var(--bcdpu-p);transform:translateY(-2px)}
.bcdpu-rvw-hd{display:flex;align-items:center;gap:10px;margin-bottom:8px}
.bcdpu-rvw-av{font-size:24px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--bcdpu-card);border-radius:50%}
.bcdpu-stars{color:#fbbf24;font-size:11px;display:block}
.bcdpu-rvw-txt{font-size:12px;color:var(--bcdpu-dim);line-height:1.7;margin-bottom:5px}
.bcdpu-rvw-dt{font-size:11px;color:var(--bcdpu-dim);opacity:.6}
.bcdpu-ct{margin-bottom:50px}
.bcdpu-ct-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px}
.bcdpu-ct-box{background:var(--bcdpu-glass);border:1px solid var(--bcdpu-bdr);border-radius:10px;padding:20px}
.bcdpu-ct-box h3{font-size:14px;margin-bottom:12px}
.bcdpu-ct-box p{font-size:12.5px;color:var(--bcdpu-dim);margin-bottom:6px;line-height:1.8}
.bcdpu-ct-box a{color:var(--bcdpu-p);text-decoration:none}
.bcdpu-faq{margin-bottom:50px}
.bcdpu-faq-wrap{display:flex;flex-direction:column;gap:9px}
.bcdpu-faq-dt{background:var(--bcdpu-glass);border:1px solid var(--bcdpu-bdr);border-radius:9px;overflow:hidden;transition:all .25s}
.bcdpu-faq-dt[open]{border-color:var(--bcdpu-p)}
.bcdpu-faq-sm{padding:14px 18px;font-weight:600;font-size:13.5px;cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between}
.bcdpu-faq-sm::-webkit-details-marker{display:none}
.bcdpu-faq-sm::after{content:'+';font-size:17px;color:var(--bcdpu-p);transition:transform .25s}
.bcdpu-faq-dt[open] .bcdpu-faq-sm::after{transform:rotate(45deg)}
.bcdpu-faq-sm:hover{color:var(--bcdpu-p)}
.bcdpu-faq-ans{padding:0 18px 14px;font-size:12.5px;color:var(--bcdpu-dim);line-height:1.8;animation:bcdpu-fi .25s ease}
@keyframes bcdpu-fi{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}
.bcdpu-ft{background:rgba(6,6,16,0.95);border-top:1px solid var(--bcdpu-bdr);padding:40px 20px 18px}
.bcdpu-ft-inner{max-width:var(--bcdpu-mw);margin:0 auto;display:grid;grid-template-columns:2fr 1fr 1fr;gap:30px;margin-bottom:24px}
.bcdpu-ft-inner h3{font-size:14px;margin-bottom:12px;color:var(--bcdpu-txt)}
.bcdpu-ft-about p{font-size:12.5px;color:var(--bcdpu-dim);line-height:1.8}
.bcdpu-ft-links ul{list-style:none}
.bcdpu-ft-links li{margin-bottom:6px}
.bcdpu-ft-links a{color:var(--bcdpu-dim);text-decoration:none;font-size:12.5px;transition:color .25s}
.bcdpu-ft-links a:hover{color:var(--bcdpu-p)}
.bcdpu-ft-contact p{font-size:12.5px;color:var(--bcdpu-dim);margin-bottom:6px}
.bcdpu-ft-bot{max-width:var(--bcdpu-mw);margin:0 auto;padding-top:18px;border-top:1px solid var(--bcdpu-bdr);text-align:center;font-size:11.5px;color:var(--bcdpu-dim)}
@media(max-width:768px){
.bcdpu-hdr-inner{height:54px;padding:0 12px}
.bcdpu-mbtn{display:flex}
.bcdpu-nav{position:fixed;top:54px;left:0;right:0;background:rgba(9,9,22,0.98);backdrop-filter:blur(16px);padding:12px;transform:translateY(-100%);opacity:0;pointer-events:none;transition:all .3s;border-bottom:1px solid var(--bcdpu-bdr)}
.bcdpu-nav.bcdpu-nav-open{transform:translateY(0);opacity:1;pointer-events:all}
.bcdpu-nav-ul{flex-direction:column;gap:2px}
.bcdpu-nav-li a{padding:10px 12px;font-size:14px}
.bcdpu-srch{display:none}
.bcdpu-content{padding:68px 12px 18px}
.bcdpu-banner{padding:18px 12px}
.bcdpu-banner-t{font-size:1.2rem}
.bcdpu-cards{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px}
.bcdpu-ft-inner{grid-template-columns:1fr;gap:18px}
.bcdpu-rvw-grid{grid-template-columns:1fr}
.bcdpu-ct-grid{grid-template-columns:1fr}
}
@media(max-width:480px){.bcdpu-cards{grid-template-columns:1fr}.bcdpu-banner-t{font-size:1rem}}
::-webkit-scrollbar{width:6px}
::-webkit-scrollbar-track{background:var(--bcdpu-bg)}
::-webkit-scrollbar-thumb{background:var(--bcdpu-bdr);border-radius:3px}
::-webkit-scrollbar-thumb:hover{background:var(--bcdpu-p)}
::selection{background:rgba(41,128,185,0.3);color:#fff}