/* DR019 — Sunset Gold Dark Theme · mh- namespace
   来源: 126服务器 A5mhhl Smarty模板
   去除: FontAwesome字体 / Zepto.js / 背景图
   命名空间: mh- 前缀
*/

:root {
    --bg: #1e3a5f;
    --bg2: #243b5c;
    --bg3: #3b5998;
    --text: #94a3b8;
    --text-gold: #93c5fd;
    --accent: #3b82f6;
    --accent2: #2563eb;
    --yellow: #60a5fa;
    --white: #fff;
    --border: #2d5fa0;
    --radius: 4px;
    --radius-lg: 10px;
    --card-radius: 9px 1px 9px 1px;
    --shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    --container: 1200px;
}

/* === Reset === */
*,*::before,*::after{box-sizing:border-box}
body{color:var(--text);background:var(--bg);font-size:14px;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI','PingFang SC','Microsoft YaHei',system-ui,sans-serif;margin:0;padding:env(safe-area-inset-top,0) env(safe-area-inset-right,0) env(safe-area-inset-bottom,0) env(safe-area-inset-left,0);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;line-height:1.6}
ul,li,h1,h2,h3,p,form{margin:0;padding:0;list-style:none}
a{color:var(--text-gold);text-decoration:none}
a:hover{color:var(--accent);transition:color .3s}
img{max-width:100%;border:0}
button,input,select,textarea{font-family:inherit;color:var(--text-gold);background:var(--bg2);padding:12px;border:none;border-radius:var(--radius);vertical-align:middle}
input:-webkit-autofill{-webkit-text-fill-color:var(--text)!important;-webkit-box-shadow:0 0 0 1000px transparent inset!important;transition:background 50000s ease-in-out 0s}
hr{display:block;border:none;border-top:1px solid var(--border);margin:10px 0;height:1px}
em{color:#60a5fa;font-weight:bold;font-style:normal}

/* === Layout === */
.mh-wrap{max-width:var(--container);margin:0 auto;padding:0 12px;position:relative}

/* === Header === */
.mh-header{position:relative;margin:0 auto}
.mh-logo{text-align:center;margin:16px 0;font-size:36px;font-weight:bold}
.mh-logo a{color:var(--accent);font-family:'Georgia',serif;letter-spacing:2px;text-shadow:0 0 20px rgba(59,130,246,.2)}

/* === Search === */
.mh-search{position:relative;font-size:0;margin:16px 0;display:flex;max-width:500px;margin-left:auto;margin-right:auto;border:1px solid rgba(147,197,253,.35);background:rgba(36,59,92,.45);border-radius:var(--radius);overflow:hidden;box-shadow:0 0 0 1px rgba(59,130,246,.08)}
.mh-search-select{background:var(--bg3);color:var(--text-gold);font-size:13px;padding:0 10px;border-radius:var(--radius) 0 0 var(--radius);border:none;border-right:1px solid rgba(147,197,253,.22);height:45px;cursor:pointer}
.mh-search-input{background:var(--bg2);height:45px;flex:1;padding:0 12px;font-size:14px;border:none;border-right:1px solid rgba(147,197,253,.16);color:var(--text-gold)}
.mh-search-btn{cursor:pointer;height:45px;width:45px;background:var(--bg3);padding:0;border-radius:0 var(--radius) var(--radius) 0;display:flex;align-items:center;justify-content:center;border:none}
.mh-search-btn svg{width:18px;height:18px;fill:var(--text-gold)}
.mh-search-btn:hover{background:var(--accent)}
.mh-search-btn:hover svg{fill:var(--white)}

/* === Announcement === */
.mh-announce{padding:10px 16px;text-align:center;font-size:13px;color:var(--accent);background:rgba(36,59,92,.38);border:1px solid rgba(59,130,246,.24);border-radius:var(--radius-lg);margin:6px 12px 12px}
.mh-announce-marquee{overflow:hidden}
.mh-announce-marquee .mh-announce-inner{display:inline-block;white-space:nowrap;padding-left:100%}
@keyframes marquee{0%{transform:translateX(0)}100%{transform:translateX(-100%)}}

/* === Site Nav (Resource Navigation) === */
.mh-site-nav{margin:10px 12px 20px;font-size:0;text-align:center}
.mh-site-nav a{display:inline-block;text-align:center;width:16%;font-size:13px;padding:8px 0;vertical-align:top;color:var(--text-gold);transition:all .2s ease;border-radius:var(--radius-lg)}
.mh-site-nav a svg{display:block;margin:0 auto 4px;width:16px;height:16px;fill:var(--accent);transition:fill .2s,transform .2s}
.mh-site-nav a:hover{background:var(--bg2);color:var(--yellow)}
.mh-site-nav a:hover svg{fill:var(--yellow);transform:scale(1.1)}
.mh-site-nav a.active{color:var(--yellow);font-weight:bold;background:var(--bg2)}
.mh-site-nav a.active svg{fill:var(--yellow)}
.mh-site-nav hr{margin:8px 0}

/* === Category Sub-nav === */
.mh-cat-nav{margin:0 12px 10px;font-size:0;text-align:center}
.mh-cat-nav a{display:inline-block;padding:6px 14px;margin:3px;border:1px solid rgba(59,130,246,.15);background:var(--bg2);border-radius:20px;font-size:13px;color:var(--text-gold);transition:all .25s ease}
.mh-cat-nav a:hover{border-color:var(--accent);color:var(--accent);transform:translateY(-2px)}
.mh-cat-nav a.active{border-color:var(--accent);background:var(--accent);color:var(--white);box-shadow:0 4px 12px rgba(59,130,246,.25)}

/* === Tags (Hot Words) === */
.mh-tags{margin:0 12px 10px;font-size:0;text-align:center}
.mh-tags a{display:inline-block;padding:5px 12px;margin:3px 2px;border:1px solid rgba(59,130,246,.1);background:var(--bg2);border-radius:20px;font-size:12px;color:var(--text-gold);transition:all .25s ease}
.mh-tags a:hover{border-color:var(--accent);color:var(--accent);background:rgba(59,130,246,.08)}

/* === Video List / Card Grid === */
.mh-list{text-align:justify;font-size:0;border-radius:var(--radius-lg)}
.mh-list::after{content:"";display:inline-block;width:100%}
.mh-list h1{position:relative;color:var(--yellow);font-size:18px;margin:10px;padding-bottom:10px}
.mh-list h1 span{position:absolute;font-size:14px;font-weight:normal;right:10px;bottom:10px;line-height:30px}

/* Video card */
.mh-card{display:inline-block;width:50%;vertical-align:top;overflow:hidden;margin-bottom:20px;padding:0 5px;transition:transform .2s ease}
.mh-card:hover{transform:translateY(-4px)}
.mh-card-link{display:block;position:relative}
.mh-card-thumb{position:relative;height:0;padding-bottom:60%;overflow:hidden;border-radius:var(--card-radius);box-shadow:0 2px 8px rgba(0,0,0,.15);border:1px solid rgba(59,130,246,.06);transition:box-shadow .3s,border-color .3s}
.mh-card:hover .mh-card-thumb{box-shadow:0 8px 24px rgba(59,130,246,.18);border-color:rgba(59,130,246,.15)}
.mh-card-thumb img{position:absolute;width:100%;height:100%;object-fit:cover;transition:transform .4s ease,opacity .3s}
.mh-card:hover .mh-card-thumb img{transform:scale(1.05)}
.mh-card-thumb .mh-thumb-video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .3s;z-index:2}
.mh-card-thumb .mh-thumb-video.playing{opacity:1}
.mh-card-thumb .mh-badge-note{position:absolute;background:rgba(0,0,0,.7);color:var(--white);font-size:12px;border-radius:4px;padding:3px 6px;right:6px;bottom:6px;z-index:3;backdrop-filter:blur(4px)}
.mh-card-thumb .mh-badge-time{position:absolute;background:rgba(0,0,0,.7);color:var(--white);font-size:12px;border-radius:4px;padding:3px 6px;left:6px;bottom:6px;z-index:3;backdrop-filter:blur(4px)}
.mh-card-thumb:hover::before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:linear-gradient(transparent 60%,rgba(0,0,0,.5));border-radius:var(--card-radius)}
.mh-card-title{color:var(--text-gold);font-size:14px;text-align:left;line-height:1.4;max-height:40px;overflow:hidden;margin:10px 0 3px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;transition:color .25s}
.mh-card:hover .mh-card-title{color:var(--accent)}
.mh-card-meta{color:#515050;font-size:12px;line-height:20px;display:flex;justify-content:space-between}
.mh-card-meta svg{width:12px;height:12px;fill:#515050;vertical-align:middle;margin-right:2px}

/* Portrait mode */
.mh-card-thumb.portrait{padding-bottom:140%}

/* Live badges */
.mh-live-badges{position:absolute;top:5px;left:5px;z-index:3;display:flex;gap:3px}
.mh-live-badge{display:inline-block;padding:2px 6px;border-radius:3px;font-size:10px;font-weight:bold;color:var(--white)}
.mh-live-badge-live{background:#e74c3c}
.mh-live-badge-hd{background:#f39c12}
.mh-live-badge-new{background:#27ae60}
.mh-live-badge-lovense{background:#3b82f6;padding:2px 4px}
.mh-live-badge-lovense svg{width:12px;height:12px;fill:var(--white);vertical-align:middle}
.mh-live-viewers{position:absolute;bottom:5px;right:5px;z-index:3;background:rgba(0,0,0,.6);color:var(--white);padding:2px 6px;border-radius:3px;font-size:11px}
.mh-live-viewers svg{width:12px;height:12px;fill:var(--white);vertical-align:middle;margin-right:2px}

/* === Pagination === */
.mh-pages{margin:20px 0;text-align:center}
.mh-pages a{background:var(--bg2);color:var(--text-gold);height:35px;line-height:35px;border-radius:4px;display:inline-block;padding:0 15px;margin:2px;font-size:14px;border:1px solid transparent;transition:all .25s}
.mh-pages a:hover{border-color:var(--accent);color:var(--accent);background:rgba(59,130,246,.08)}
.mh-pages a.active{background:var(--accent);color:var(--white);border-color:var(--accent);box-shadow:0 0 12px rgba(59,130,246,.25)}
.mh-pages span{color:var(--text);height:35px;line-height:35px;display:inline-block;padding:0 10px;font-size:14px}

/* === Play Page === */
.mh-player-box{height:50vh;min-height:280px}
@media(min-width:768px){.mh-player-box{height:70vh;min-height:400px}}
.mh-player{width:100%;height:100%;background:#000;border-radius:var(--radius-lg);overflow:hidden;position:relative}
.mh-player iframe,.mh-player video,.mh-player #dplayer{width:100%;height:100%}
.mh-video-info{padding:12px 0;border-bottom:1px solid var(--border)}
.mh-video-info h1{color:var(--text-gold);font-size:18px;margin:0 0 8px;word-break:break-all;line-height:1.4}
.mh-video-desc{color:var(--text);font-size:13px;line-height:1.6;word-break:break-all}
.mh-video-actions{display:flex;gap:12px;margin-top:10px;flex-wrap:wrap}
.mh-video-actions a,.mh-video-actions button{display:inline-flex;align-items:center;gap:4px;padding:6px 14px;background:var(--bg2);color:var(--text-gold);border-radius:20px;font-size:13px;cursor:pointer;border:1px solid var(--bg3)}
.mh-video-actions a:hover,.mh-video-actions button:hover{background:var(--bg3);color:var(--accent)}
.mh-video-actions button.favorited{color:var(--accent);border-color:var(--accent)}
.mh-video-actions svg{width:16px;height:16px;fill:currentColor}

/* === Section Title === */
.mh-section-title{color:var(--yellow);font-size:18px;font-weight:bold;margin:16px 0;padding-bottom:10px;border-bottom:1px solid rgba(59,130,246,.15);letter-spacing:.5px}

/* === Friend Links (wzgg style) === */
.mh-friend-links{width:100%;overflow:hidden;display:flex;flex-wrap:wrap;gap:5px;margin-bottom:12px}
.mh-friend-links a{flex:0 0 calc(12.5% - 5px);border-radius:2px;line-height:35px;height:35px;text-align:center;font-size:13px;color:var(--white);display:inline-block;background-color:var(--accent);transition:.3s}
.mh-friend-links a:hover{opacity:.8}

/* === Back to Top === */
.mh-back-top{position:fixed;right:10px;bottom:80px;z-index:9999;display:none;width:44px;height:44px;background:var(--bg3);color:var(--white);border-radius:50%;text-align:center;line-height:44px;cursor:pointer;opacity:.8;border:none;font-size:0}
.mh-back-top svg{width:20px;height:20px;fill:var(--white);vertical-align:middle}
.mh-back-top:hover{background:var(--accent);opacity:1}
.mh-back-top.show{display:block}

/* === Footer === */
.mh-footer{color:rgba(168,168,168,.7);padding:32px 16px;font-size:12px;line-height:2;border-top:1px solid rgba(59,130,246,.1);text-align:center}
.mh-footer a{color:var(--accent)}

/* === User Pages (Login/Register/Password) === */
.mh-form-box{max-width:400px;margin:40px auto;padding:20px}
.mh-form-box h2{text-align:center;color:var(--text-gold);margin-bottom:20px;font-size:20px}
.mh-form-box input{display:block;width:100%;margin:12px 0;padding:14px}
.mh-form-box button{display:block;width:100%;padding:14px;background:var(--accent);color:var(--white);font-size:16px;font-weight:bold;cursor:pointer;border:none;border-radius:var(--radius);margin-top:16px}
.mh-form-box button:hover{background:var(--accent2)}
.mh-form-box .mh-form-link{text-align:center;margin-top:16px;font-size:13px}
.mh-form-box .mh-form-link a{color:var(--accent);margin:0 8px}
.mh-form-box .mh-form-msg{text-align:center;padding:8px;margin:8px 0;border-radius:var(--radius);font-size:13px}
.mh-form-box .mh-form-msg.error{background:rgba(231,76,60,.15);color:#e74c3c}
.mh-form-box .mh-form-msg.success{background:rgba(39,174,96,.15);color:#27ae60}

/* === User Center === */
.mh-user-center{padding:20px 0}
.mh-user-center h2{color:var(--text-gold);margin-bottom:16px}
.mh-user-center .mh-user-info{background:var(--bg2);padding:16px;border-radius:var(--radius-lg);margin-bottom:16px}
.mh-user-center .mh-user-actions{display:flex;flex-wrap:wrap;gap:10px}
.mh-user-center .mh-user-actions a{flex:1;min-width:120px;text-align:center;padding:12px;background:var(--bg2);color:var(--text-gold);border-radius:var(--radius);font-size:14px}
.mh-user-center .mh-user-actions a:hover{background:var(--bg3);color:var(--accent)}

/* === Favorites === */
.mh-fav-actions{display:flex;gap:10px;margin-bottom:16px}
.mh-fav-actions button{padding:8px 16px;background:var(--bg2);color:var(--text-gold);border:1px solid var(--bg3);border-radius:20px;font-size:13px;cursor:pointer}
.mh-fav-actions button:hover{background:var(--bg3);color:var(--accent)}
.mh-fav-actions button.active{background:var(--accent);color:var(--white);border-color:var(--accent)}
.mh-fav-card .mh-fav-check{position:absolute;top:5px;left:5px;z-index:5;width:20px;height:20px;border-radius:50%;background:rgba(0,0,0,.5);border:2px solid var(--white);cursor:pointer;display:none}
.mh-fav-card .mh-fav-check.checked{background:var(--accent);border-color:var(--accent)}
.mh-fav-card.selecting .mh-fav-check{display:block}

/* === Actor Pages === */
.mh-actor-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:20px}
.mh-actor-card{text-align:center;background:var(--bg2);border-radius:var(--card-radius);overflow:hidden;padding-bottom:10px}
.mh-actor-card img{width:100%;aspect-ratio:3/4;object-fit:cover}
.mh-actor-card p{color:var(--text-gold);font-size:13px;margin-top:6px;padding:0 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* === Searchall === */
.mh-searchall-progress{width:100%;height:4px;background:var(--bg2);border-radius:2px;margin-bottom:16px;overflow:hidden}
.mh-searchall-bar{height:100%;background:var(--accent);border-radius:2px;width:0;transition:width .3s}
.mh-searchall-section{margin-bottom:24px}
.mh-searchall-section h2{color:var(--text-gold);font-size:16px;margin-bottom:10px;display:flex;align-items:center;gap:8px}
.mh-searchall-section h2 .mh-loading{width:16px;height:16px;border:2px solid var(--bg3);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}

/* === Magnet Play === */
.mh-magnet-info{background:var(--bg2);padding:16px;border-radius:var(--radius-lg);margin-bottom:16px}
.mh-magnet-info h1{color:var(--text-gold);font-size:18px;margin-bottom:12px;word-break:break-all}
.mh-magnet-info .mh-magnet-cover{width:100%;max-width:300px;border-radius:var(--radius);margin-bottom:12px}
.mh-magnet-link{display:block;background:var(--bg3);padding:12px;border-radius:var(--radius);word-break:break-all;font-size:13px;color:var(--text-gold);min-width:0;overflow:hidden;text-overflow:ellipsis}
.mh-magnet-link:hover{background:var(--accent);color:var(--white)}
.mh-magnet-copy{display:inline-flex;align-items:center;gap:4px;padding:6px 14px;background:var(--accent);color:var(--white);border-radius:20px;font-size:13px;cursor:pointer;border:none;flex-shrink:0}
.mh-magnet-copy:hover{background:var(--accent2)}

/* === Skeleton Loading === */
.mh-skeleton{background:var(--bg2);border-radius:var(--radius)}
.mh-skeleton-card{display:inline-block;width:50%;padding:0 5px;margin-bottom:20px;vertical-align:top}
.mh-skeleton-thumb{height:0;padding-bottom:60%;border-radius:var(--card-radius);background:linear-gradient(90deg,var(--bg2) 25%,var(--bg3) 50%,var(--bg2) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}
.mh-skeleton-text{height:14px;margin-top:8px;border-radius:2px;background:linear-gradient(90deg,var(--bg2) 25%,var(--bg3) 50%,var(--bg2) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}
.mh-skeleton-text.short{width:60%}
@keyframes shimmer{0%{background-position:200% 0}100%{background-position:-200% 0}}

/* === Message Page (reuse form styles) === */
.mh-message-list{margin:16px 0}
.mh-message-item{padding:12px;border-bottom:1px solid var(--border)}
.mh-message-item .mh-msg-user{font-size:14px;font-weight:bold;color:var(--text-gold)}
.mh-message-item .mh-msg-date{font-size:12px;color:var(--text);margin-left:8px}
.mh-message-item .mh-msg-content{margin-top:6px;font-size:14px;line-height:1.5;color:var(--text-gold);word-break:break-all}

/* === Ad Slots === */
.mh-ad-banner{max-width:var(--container);margin:0 auto}

/* === Responsive Grid === */
@media(min-width:768px){
    .mh-card{width:25%}
    .mh-player-box{height:70vh}
    .mh-site-nav a{width:auto;padding:6px 10px}
    .mh-actor-grid{grid-template-columns:repeat(6,1fr)}
    .mh-skeleton-card{width:25%}
}
@media(min-width:1024px){
    .mh-card{width:20%}
    .mh-site-nav a{padding:6px 12px}
    .mh-actor-grid{grid-template-columns:repeat(8,1fr)}
    .mh-skeleton-card{width:20%}
}
@media(max-width:767px){
    .mh-wrap{padding:0 8px}
    .mh-friend-links a{flex:0 0 calc(25% - 5px);font-size:12px;line-height:30px;height:30px}
    .mh-logo{font-size:24px;margin:10px 0}
    .mh-search{margin:8px 0;max-width:100%}
    .mh-search-select{font-size:12px;padding:0 6px;height:40px}
    .mh-search-input{height:40px;font-size:14px;padding:0 10px}
    .mh-search-btn{height:40px;width:40px}
    .mh-announce{padding:6px 10px;font-size:12px}
    .mh-site-nav{margin:8px 0 12px;display:flex;flex-wrap:wrap;gap:4px;justify-content:center}
    .mh-site-nav a{width:auto;padding:6px 10px;font-size:12px}
    .mh-site-nav a svg{display:inline-block;margin:0 4px 0 0;vertical-align:middle;width:14px;height:14px}
    .mh-cat-nav{margin:0 0 8px;display:flex;flex-wrap:wrap;gap:4px;justify-content:center}
    .mh-cat-nav a{padding:5px 10px;font-size:12px;margin:0}
    .mh-tags{margin:0 0 8px;display:flex;flex-wrap:wrap;gap:4px;justify-content:center}
    .mh-tags a{font-size:11px;padding:4px 8px}
    .mh-card{margin-bottom:14px;padding:0 3px}
    .mh-card-title{font-size:13px;margin:4px 0 2px}
    .mh-list h1{font-size:16px;margin:8px 5px}
    .mh-section-title{font-size:16px;margin:10px 0;padding-bottom:6px}
    .mh-player-box{height:56.25vw;min-height:200px}
    .mh-video-info h1{font-size:16px}
    .mh-video-actions{gap:8px}
    .mh-video-actions a,.mh-video-actions button{padding:8px 12px;font-size:12px}
    .mh-pages a{padding:0 12px;height:32px;line-height:32px;font-size:13px;margin:1px}
    .mh-pages span{font-size:13px}
    .mh-actor-grid{grid-template-columns:repeat(3,1fr);gap:8px}
    .mh-actor-card p{font-size:12px}
    .mh-form-box{margin:20px auto;padding:16px}
    .mh-form-box h2{font-size:18px}
    .mh-form-box input{padding:12px;font-size:16px}
    .mh-form-box button{padding:12px}
    .mh-user-center .mh-user-actions a{min-width:auto;padding:10px;font-size:13px}
    .mh-footer{padding:20px 8px;font-size:11px}
    .mh-back-top{bottom:calc(env(safe-area-inset-bottom,0px) + 70px);right:8px;width:40px;height:40px;line-height:40px}
    .mh-magnet-link{padding:10px;font-size:12px}
    .mh-magnet-copy{padding:8px 12px;font-size:12px}
}
@media(max-width:480px){
    .mh-friend-links a{flex:0 0 calc(33.33% - 5px)}
    .mh-card-thumb .mh-badge-note,.mh-card-thumb .mh-badge-time{font-size:10px;padding:1px 4px}
    .mh-live-badge{font-size:9px;padding:1px 4px}
}

/* === Main content wrapper === */
.mh-main{min-height:60vh}

/* === Favorite list === */
.mh-fav-list{margin:0}
.mh-fav-item a{color:var(--text-gold)}
.mh-fav-item a:hover{color:var(--accent)}

/* === Pulse animation (skeleton) === */
@keyframes mh-pulse{0%,100%{opacity:1}50%{opacity:.4}}
.mh-pulse{animation:mh-pulse 2s ease-in-out infinite}

/* === Magnet extras toggle === */
.mh-magnet-extra{transition:all .3s}

/* === DPlayer overrides === */
.dplayer{border-radius:var(--radius-lg)!important}
/* === DR019 Enhancement === */
.mh-logo a{color:#3b82f6}
.mh-friend-links a{background:#2563eb}