/*
 * 二萌生活 自定义样式整理版
 * 来源：原 header.php / index.php / comments.php 内联 <style>
 * 说明：只抽离 CSS，不修改 PHP/HTML/JS 功能逻辑。
 */
/* ===== template/header.php 原内联CSS ===== */
/* 二萌生活：顶部登录/用户面板（内置样式，避免主题 CSS 冲突） */
#header .inner{position:relative;}
#nav{padding-right:170px;box-sizing:border-box;}
#navbar-category-6 > ul{display:none!important;}
.em-header-user{position:absolute;right:0;top:0;height:60px;line-height:60px;z-index:9999;white-space:nowrap;font-family:'Microsoft Yahei',Arial,sans-serif;}
.em-user-guest{height:60px;display:flex;align-items:center;justify-content:flex-end;white-space:nowrap;}
.em-user-guest a,.em-user-guest a:link,.em-user-guest a:visited,.em-user-guest a:hover,.em-user-guest a:active{color:#fff!important;font-size:16px;text-decoration:none!important;display:inline-flex;align-items:center;height:60px;line-height:60px;}
.em-user-guest a:hover{opacity:.85;}
.em-user-split{color:rgba(255,255,255,.75)!important;margin:0 8px;line-height:60px;}
.em-login-icon{position:relative;display:inline-block;width:16px;height:16px;margin-right:5px;flex:0 0 16px;}
.em-login-icon:before{content:'';position:absolute;left:5px;top:1px;width:6px;height:6px;background:#fff;border-radius:50%;}
.em-login-icon:after{content:'';position:absolute;left:2px;bottom:1px;width:12px;height:7px;background:#fff;border-radius:8px 8px 3px 3px;}
.em-user-trigger,.em-user-trigger:link,.em-user-trigger:visited,.em-user-trigger:hover,.em-user-trigger:active{display:flex;align-items:center;height:60px;line-height:60px;color:#fff!important;font-size:16px;gap:8px;cursor:pointer;text-decoration:none!important;}
.em-user-trigger:hover{opacity:.9;}
.em-user-trigger img{width:32px!important;height:32px!important;max-width:32px!important;max-height:32px!important;min-width:32px!important;min-height:32px!important;border-radius:50%;object-fit:cover;background:#fff;border:2px solid rgba(255,255,255,.85);}
.em-trigger-text{display:flex!important;flex-direction:column!important;justify-content:center!important;line-height:1.15!important;min-width:0!important;}
.em-trigger-text b{display:block!important;color:#fff!important;font-size:15px!important;font-weight:normal!important;line-height:1.2!important;max-width:92px!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;}
.em-trigger-text small{display:block!important;font-size:12px!important;line-height:1.2!important;color:rgba(255,255,255,.85)!important;margin-top:1px!important;}
.em-user-panel{display:none!important;position:absolute!important;right:0!important;top:60px!important;width:420px!important;background:#fff!important;border-radius:10px!important;box-shadow:0 12px 35px rgba(0,0,0,.18)!important;color:#333!important;line-height:1.6!important;overflow:hidden!important;z-index:10000!important;text-align:left!important;}
.em-header-user:hover .em-user-panel,.em-header-user.show .em-user-panel{display:block!important;}
.em-user-info{display:flex!important;align-items:center!important;padding:18px 22px!important;border-bottom:1px solid #eee!important;background:#fff!important;}
.em-panel-avatar{width:64px!important;height:64px!important;min-width:64px!important;max-width:64px!important;min-height:64px!important;max-height:64px!important;border-radius:50%!important;object-fit:cover!important;margin-right:14px!important;box-shadow:0 0 18px rgba(36,205,93,.45)!important;background:#f1f1f1!important;}
.em-panel-meta{min-width:0;flex:1;}
.em-panel-name{font-size:16px!important;font-weight:bold!important;color:#222!important;line-height:1.5!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
.em-panel-name em{display:inline-block!important;margin-left:6px!important;padding:1px 7px!important;border-radius:999px!important;background:#dff6ff!important;color:#128ff9!important;font-size:12px!important;font-style:normal!important;font-weight:normal!important;}
.em-panel-email{font-size:14px!important;color:#777!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
.em-logout,.em-logout:link,.em-logout:visited,.em-logout:hover{font-size:14px!important;color:#333!important;white-space:nowrap!important;text-decoration:none!important;margin-left:10px!important;}
.em-panel-cards{display:grid!important;grid-template-columns:1fr 1fr!important;gap:12px!important;padding:14px 22px 18px!important;background:#fff!important;}
.em-card{position:relative!important;border-radius:8px!important;color:#fff!important;padding:14px 14px 16px!important;min-height:86px!important;box-sizing:border-box!important;}
.em-card strong{font-size:16px!important;display:block!important;margin-bottom:8px!important;color:#fff!important;line-height:1.4!important;}
.em-card p{font-size:13px!important;margin:4px 0!important;color:#fff!important;line-height:1.5!important;}
.em-card a,.em-card a:hover{position:absolute!important;right:12px!important;top:12px!important;background:rgba(255,255,255,.3)!important;color:#fff!important;border-radius:5px!important;padding:1px 8px!important;font-size:13px!important;text-decoration:none!important;line-height:1.6!important;}
.em-card-green{background:#18c26e!important;}
.em-card-yellow{background:#f6bf45!important;}
.em-level-normal{background:#dff6ff!important;color:#128ff9!important;}
.em-level-admin{background:linear-gradient(135deg,#111,#666)!important;color:#fff!important;}
.em-level-year{background:linear-gradient(135deg,#ffd666,#f59e0b)!important;color:#7a3a00!important;}
.em-level-three{background:linear-gradient(135deg,#f8fafc,#94a3b8)!important;color:#334155!important;}
.em-level-forever{background:linear-gradient(135deg,#7dd3fc,#2563eb)!important;color:#fff!important;}
.em-card-green.level-admin{background:linear-gradient(135deg,#7c3aed,#4c1d95)!important;}
.em-card-green.level-year{background:linear-gradient(135deg,#fbbf24,#f59e0b)!important;}
.em-card-green.level-three{background:linear-gradient(135deg,#e5e7eb,#94a3b8)!important;}
.em-card-green.level-three strong,.em-card-green.level-three p{color:#1f2937!important;}
.em-card-green.level-three a{background:rgba(255,255,255,.55)!important;color:#334155!important;}
.em-card-green.level-forever{background:linear-gradient(135deg,#38bdf8,#2563eb)!important;}
.em-panel-menu{display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:8px!important;padding:0 18px 18px!important;background:#fff!important;}
.em-panel-menu a,.em-panel-menu a:hover{display:block!important;text-align:center!important;color:#333!important;font-size:14px!important;padding-top:38px!important;position:relative!important;white-space:nowrap!important;text-decoration:none!important;line-height:1.4!important;}
.em-panel-menu a:before{content:''!important;width:34px!important;height:34px!important;border-radius:50%!important;background:#eee!important;position:absolute!important;top:0!important;left:50%!important;transform:translateX(-50%)!important;}
.em-panel-menu .em-icon{position:absolute!important;top:7px!important;left:50%!important;transform:translateX(-50%)!important;z-index:2!important;font-size:16px!important;color:#999!important;line-height:20px!important;width:20px!important;height:20px!important;text-align:center!important;}
@media only screen and (max-width:1024px){#nav{padding-right:0}.em-header-user{right:45px}.em-user-panel{width:330px!important}}


/* 二萌生活：手机端用户下拉面板优化（保留两列 + 左右留白） */
@media only screen and (max-width:768px){
    .em-header-user{
        right:45px!important;
    }

    .em-user-panel{
        width:330px!important;
        max-width:calc(100vw - 56px)!important;
        right:0!important;
        left:auto!important;
        transform:none!important;
    }

    .em-user-info{
        padding:16px 18px!important;
    }

    .em-panel-avatar{
        width:58px!important;
        height:58px!important;
        min-width:58px!important;
        min-height:58px!important;
        max-width:58px!important;
        max-height:58px!important;
        margin-right:12px!important;
    }

    .em-panel-name{
        font-size:15px!important;
    }

    .em-panel-email{
        font-size:13px!important;
        max-width:150px!important;
    }

    .em-logout{
        font-size:14px!important;
        margin-left:8px!important;
    }

    .em-panel-cards{
        grid-template-columns:1fr 1fr!important;
        gap:10px!important;
        padding:14px 18px 16px!important;
    }

    .em-card{
        min-height:82px!important;
        padding:13px 10px 14px!important;
        overflow:hidden!important;
    }

    .em-card strong{
        font-size:15px!important;
        line-height:1.35!important;
        margin-bottom:7px!important;
        white-space:nowrap!important;
        overflow:hidden!important;
        text-overflow:ellipsis!important;
        padding-right:42px!important;
        box-sizing:border-box!important;
    }

    .em-card p{
        font-size:12px!important;
        line-height:1.45!important;
        white-space:nowrap!important;
        overflow:hidden!important;
        text-overflow:ellipsis!important;
    }

    .em-card a,
    .em-card a:hover{
        right:8px!important;
        top:10px!important;
        font-size:12px!important;
        padding:1px 6px!important;
    }

    .em-panel-menu{
        padding:0 14px 16px!important;
        gap:4px!important;
    }

    .em-panel-menu a,
    .em-panel-menu a:hover{
        font-size:13px!important;
    }
}


/* ===== template/index.php 原内联CSS ===== */
.em-lives-wrap{padding:0 0 10px;}
			.em-lives-publisher,.em-live-card{background:#fff;border:1px solid #edf0f5;border-radius:14px;margin-bottom:16px;box-shadow:0 6px 18px rgba(0,0,0,.035);overflow:hidden;}
			.em-lives-publisher{padding:18px;display:flex;gap:14px;align-items:flex-start;}
			.em-lives-pub-avatar{width:52px;height:52px;border-radius:50%;object-fit:cover;border:1px solid #e5efff;flex:0 0 52px;}
			.em-lives-pub-main{flex:1;min-width:0;}
			.em-lives-textarea{width:100%;min-height:112px;box-sizing:border-box;border:0;background:#f5f6f8;border-radius:10px;padding:14px 16px;font-size:16px;line-height:1.8;outline:none;resize:vertical;color:#333;}
			.em-lives-textarea:focus{background:#f2f7ff;box-shadow:0 0 0 2px rgba(30,159,255,.08);}
			.em-lives-actions{display:flex;align-items:center;gap:14px;margin-top:12px;flex-wrap:wrap;border-top:1px solid #f0f2f5;padding-top:12px;}
			.em-lives-btn{height:38px;line-height:36px;padding:0 22px;border-radius:20px;border:1px solid #1890ff;background:#1890ff;color:#fff;cursor:pointer;font-size:15px;margin-left:auto;}
			.em-lives-tool{height:34px;line-height:32px;padding:0 10px;border:0;background:#fff;color:#555;cursor:pointer;font-size:14px;}
			.em-lives-tool:hover{color:#1890ff;}
			.em-lives-tip{font-size:12px;color:#aaa;}
			.em-lives-msg{background:#fff7e6;border:1px solid #ffd591;color:#ad6800;padding:9px 12px;border-radius:8px;margin-bottom:12px;}
			.em-live-card{padding:20px 20px 16px;}
			.em-live-head{display:flex;align-items:center;gap:12px;margin-bottom:10px;}
			.em-live-avatar{width:52px;height:52px;border-radius:50%;background:#eaf4ff;object-fit:cover;border:1px solid #e5efff;flex:0 0 52px;}
			.em-live-author{font-size:17px;font-weight:700;color:#222;display:flex;align-items:center;gap:6px;}
			.em-live-badge{font-size:12px;color:#168bff;background:#eaf4ff;border-radius:6px;padding:2px 6px;font-weight:400;}
			.em-live-time{font-size:13px;color:#999;margin-top:4px;}
			.em-live-content{font-size:16px;line-height:1.9;color:#333;word-break:break-word;padding-left:64px;}
			.em-live-content p{margin:8px 0 12px;}
			.em-live-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;max-width:560px;margin:10px 0 6px;}
			.em-live-grid .em-live-img-box{display:block;position:relative;overflow:hidden;border-radius:7px;background:#f2f3f5;aspect-ratio:1/1;}
			.em-live-grid img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .2s ease;cursor:pointer;}
			.em-live-grid img:hover{transform:scale(1.03);}
			.em-live-grid-1{grid-template-columns:1fr;max-width:620px;}
			.em-live-grid-1 .em-live-img-box{aspect-ratio:auto;max-height:680px;}
			.em-live-grid-1 img{height:auto;max-height:680px;object-fit:contain;border-radius:10px;}
			.em-live-grid-2{grid-template-columns:repeat(2,1fr);max-width:460px;}
			.em-live-grid-4{grid-template-columns:repeat(2,1fr);max-width:460px;}
			.em-live-foot{display:flex;gap:28px;color:#888;font-size:14px;border-top:1px solid #f0f2f5;margin-top:14px;padding-top:12px;padding-left:64px;}
			.em-live-foot a{color:#888;text-decoration:none;}
			.em-live-foot a:hover{color:#1890ff;}
			.em-live-empty{background:#fff;border-radius:12px;padding:30px;text-align:center;color:#888;}
			.em-live-img-mask{position:fixed;z-index:99999;left:0;top:0;right:0;bottom:0;background:rgba(0,0,0,.75);display:none;align-items:center;justify-content:center;padding:24px;}
			.em-live-img-mask img{max-width:96%;max-height:96%;border-radius:10px;background:#fff;}
			@media screen and (max-width:640px){.em-lives-publisher{padding:12px;gap:10px}.em-lives-pub-avatar{width:42px;height:42px;flex-basis:42px}.em-live-card{padding:14px}.em-live-avatar{width:42px;height:42px;flex-basis:42px}.em-live-content,.em-live-foot{padding-left:54px}.em-live-grid{max-width:100%}.em-lives-btn{margin-left:0}.em-lives-textarea{font-size:15px}}


/* ===== template/comments.php 原内联CSS ===== */
/* 二萌生活：评论图片/表情工具栏 */
.em-comment-toolbar{display:flex;align-items:center;gap:8px;margin:8px 0 10px;flex-wrap:wrap;}
.em-comment-toolbtn{height:32px;line-height:30px;padding:0 12px;border:1px solid #e6eaf0;background:#fff;border-radius:6px;color:#555;font-size:14px;cursor:pointer;box-sizing:border-box;}
.em-comment-toolbtn:hover{background:#f5f8ff;color:#1890ff;border-color:#cfe4ff;}
.em-emoji-panel{display:none;margin:0 0 10px;padding:10px;background:#fff;border:1px solid #edf0f5;border-radius:8px;box-shadow:0 4px 14px rgba(0,0,0,.04);}
.em-emoji-panel span{display:inline-flex;width:30px;height:30px;align-items:center;justify-content:center;font-size:20px;cursor:pointer;border-radius:5px;}
.em-emoji-panel span:hover{background:#f5f7fa;}
.em-comment-img{display:block;max-width:260px;max-height:260px;border-radius:8px;margin:8px 0;cursor:pointer;border:1px solid #edf0f5;object-fit:cover;}
.em-comment-img-mask{position:fixed;z-index:99999;left:0;top:0;right:0;bottom:0;background:rgba(0,0,0,.75);display:none;align-items:center;justify-content:center;padding:24px;}
.em-comment-img-mask img{max-width:96%;max-height:96%;border-radius:10px;background:#fff;}
@media screen and (max-width:480px){.em-comment-img{max-width:220px;max-height:220px}}