/* ============================================================
   星域社区 PC 博客版 · 仿 Discuz! comiis_jynews 门户风格
   主题变量取自小K网 style_2_common.css（真实取值）
   ============================================================ */
:root{
  --comiis-bodybg:#F9F9FA;
  --comiis-color:#3071F2;
  --comiis-alink:#333;
  --comiis-ahover:#3071f2;
  --comiis-ahot:#ff6951;
  --comiis-fa:#333;
  --comiis-fb:#666;
  --comiis-fc:#999;
  --comiis-fd:#cccccc;
  --comiis-ff:#ffffff;
  --comiis-nvbg:#3071F2;
  --comiis-nvtxt:#FFF;
  --comiis-nvbga:#E1E9F8;
  --comiis-nvtxta:#3071f2;
  --comiis-bga:#ecf3fb;
  --comiis-bgb:#F3F3F3;
  --comiis-bgc:#F9f9f9;
  --comiis-bgd:#fdf3f3;
  --comiis-bgf:#ffffff;
  --comiis-btnbg:#3071f2;
  --comiis-btntxt:#ffffff;
  --comiis-btnbga:#ff6951;
  --comiis-bordera:#eeeeee;
  --comiis-borderb:#eeeeee;
  --comiis-borderc:#e3e3e3;
  --comiis-radius-x:3px;
  --comiis-radius-s:4px;
  --comiis-radius-m:6px;
  --comiis-radius-l:8px;
  --comiis-radius-a:50%;
  --comiis-radius-b:4px;
  --comiis-radius-c:40px;
  --comiis-shadow:0 0 2px 0 rgba(88,118,138,.1);
}

*{box-sizing:border-box;}
html,body{margin:0;padding:0;}
body{
  background:var(--comiis-bodybg);
  min-width:1200px;
  font:12px/1.5 Tahoma,'Microsoft YaHei','SimSun';
  color:var(--comiis-fa);
}
a{color:var(--comiis-alink);text-decoration:none;}
a:hover{color:var(--comiis-ahover);text-decoration:none;}
img{vertical-align:middle;max-width:100%;}
ul,li,ol{list-style:none;margin:0;padding:0;}
h1,h2,h3,h4{margin:0;font-size:1em;font-weight:400;}
.wp{width:1200px;margin:0 auto;}

/* ===================== 顶部细条 ===================== */
.comiis_headb_toptb{background:#fff;border-bottom:1px solid #eee;}
.comiis_headb_toptb .wp{height:34px;line-height:34px;font-size:12px;color:#999;}
.comiis_headb_toptb a{color:#888;margin-right:14px;}
.comiis_headb_toptb a:hover{color:var(--comiis-color);}
.comiis_headb_toptb .z{float:left;}
.comiis_headb_toptb .y{float:right;}
.comiis_headb_toptb .y a{margin:0 0 0 14px;}

/* ===================== 蓝色主导航 ===================== */
.comiis_head_b{background:var(--comiis-nvbg);}
.comiis_headb_box{display:flex;align-items:center;height:64px;}
.comiis_headb_l .boardlogo{height:40px;width:auto;display:block;}
.comiis_headb_nv{display:flex;align-items:center;margin:0;padding:0;flex:1;height:64px;}
.comiis_headb_nv li{list-style:none;}
.comiis_headb_nv li a{
  display:block;color:#fff;padding:0 18px;height:64px;line-height:64px;
  font-size:16px;font-weight:600;
}
.comiis_headb_nv li a span{font-size:11px;font-weight:400;opacity:.7;margin-left:5px;letter-spacing:.5px;}
.comiis_headb_nv li.kmon a{
  background:var(--comiis-nvbga);color:var(--comiis-nvtxta);
  border-radius:6px;height:40px;line-height:40px;margin:12px 0;
}
.comiis_headb_nv li#mn_search{margin-left:auto;}
.head-search{display:flex;align-items:center;background:rgba(255,255,255,.18);border-radius:40px;height:34px;padding:0 4px 0 12px;}
.head-search input{
  background:transparent;border:none;outline:none;color:#fff;font-size:13px;width:150px;
}
.head-search input::placeholder{color:rgba(255,255,255,.75);}
.head-search button{background:rgba(255,255,255,.25);border:none;color:#fff;height:28px;width:30px;border-radius:50%;cursor:pointer;font-size:13px;}
.comiis_headb_tico{margin-left:14px;}
.comiis_headb_tico .kmrpost{
  display:inline-block;border:1px solid rgba(255,255,255,.7);color:#fff;
  border-radius:40px;padding:0 18px;height:34px;line-height:34px;
  font-size:14px;font-weight:600;
}
.comiis_headb_tico .kmrpost:hover{background:#fff;color:var(--comiis-nvbg);}

/* ===================== 主体两栏 ===================== */
.comiis_main{padding:16px 0;}
.comiis_i_box{display:flex;align-items:flex-start;gap:15px;}
.comiis_i_list{
  flex:1;min-width:0;background:var(--comiis-bgf);
  border-radius:var(--comiis-radius-m);box-shadow:var(--comiis-shadow);
  padding:5px 20px;
}
.sd{width:300px;flex:0 0 300px;}

/* ===================== 列表项（对标 .comiis_i_lista） ===================== */
.comiis_i_lista li{
  position:relative;padding:18px 0;border-top:1px solid var(--comiis-borderb);overflow:hidden;cursor:pointer;
}
.comiis_i_lista li:first-child{padding-top:13px;border-top:none;}
.kmtit{
  display:flex;align-items:center;line-height:24px;font-size:16px;font-weight:600;
  margin-bottom:8px;min-width:0;
}
.kmtit a{color:var(--comiis-fa);flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.kmtit a:hover{color:var(--comiis-color);}
.kmico{
  flex:0 0 auto;margin-right:6px;padding:0 6px;height:18px;line-height:18px;
  font-size:12px;font-weight:400;color:#fff;
  background-image:linear-gradient(100deg,#13adff,#006eff);border-radius:var(--comiis-radius-x);
}
.kmico.kmding{background-image:linear-gradient(100deg,#ff9300,#ff5000);}
.kmico.kmico-sm{height:16px;line-height:16px;font-size:11px;padding:0 5px;}
.kmtxt{
  margin-bottom:10px;max-height:66px;min-height:66px;height:66px;line-height:22px;
  font-size:14px;color:var(--comiis-fb);overflow:hidden;
  display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;
}
.comiis_item_img1 .kmtxt,.comiis_item_img0 .kmtxt{min-height:0;height:auto;max-height:none;}
.kmimg_box{display:block;font-size:0;margin-top:13px;padding-bottom:5px;overflow:hidden;position:relative;}
.kmimg_box .kmimg{
  float:left;width:calc(25% - 9px);height:130px;margin-right:12px;
  background:var(--comiis-bgb);overflow:hidden;border-radius:var(--comiis-radius-s);position:relative;
}
.kmimg_box .kmimg:last-child{margin-right:0;}
.comiis_item_img1 .kmimg_box .kmimg{width:calc(50% - 6px);height:190px;}
.kmimg_box .kmimg img{width:100%;height:100%;object-fit:cover;transition:all .4s;}
.kmimg_box .kmimg:hover img{transform:scale(1.1);}

/* meta 行 */
.kmfoot{
  display:flex;align-items:center;flex-wrap:wrap;margin-top:8px;
  line-height:20px;font-size:12px;color:var(--comiis-fc);overflow:hidden;
}
.kmfoot .kmyh{display:inline-flex;align-items:center;color:var(--comiis-fb);margin-right:4px;}
.kmfoot .kmyh img{width:20px;height:20px;border-radius:50%;margin-right:6px;object-fit:cover;}
.kmfoot .kmtime{color:var(--comiis-fc);margin-left:8px;}
.kmfoot .kmck,.kmfoot .kmpl,.kmfoot .kmdz{
  display:inline-flex;align-items:center;margin-left:14px;color:var(--comiis-fc);font-size:12px;
}
.kmfoot .kmck{margin-left:auto;}
.kmfoot .kmck:before,.kmfoot .kmpl:before,.kmfoot .kmdz:before{
  content:'';width:15px;height:15px;margin-right:4px;background-size:contain;background-repeat:no-repeat;background-position:center;
}
.kmfoot .kmck:before{background-image:url(../img/eye.svg);}
.kmfoot .kmpl:before{background-image:url(../img/comment.svg);}
.kmfoot .kmdz:before{background-image:url(../img/like.svg);}

/* ===================== 侧栏盒子 ===================== */
.comiis_rbox{background:var(--comiis-bgf);border-radius:var(--comiis-radius-m);box-shadow:var(--comiis-shadow);margin-bottom:15px;overflow:hidden;}
.comiis_rbox_hd{position:relative;height:44px;line-height:44px;padding:0 20px;font-size:16px;font-weight:600;color:#333;border-bottom:1px solid #f0f0f0;}
.comiis_rbox_hd_i{display:inline-block;width:6px;height:6px;background:var(--comiis-color);border-radius:50%;margin-right:8px;vertical-align:middle;}
.comiis_rbox_hotlist{padding:6px 20px 14px;}
.rank li{display:flex;align-items:center;height:36px;border-bottom:1px dashed #eee;font-size:13px;overflow:hidden;}
.rank li:last-child{border-bottom:none;}
.rank-no{flex:0 0 auto;width:20px;height:20px;line-height:20px;text-align:center;font-size:12px;font-weight:700;border-radius:3px;margin-right:8px;color:#fff;background:#c7c7c7;}
.rank-no.rank-top{background-image:linear-gradient(100deg,#ff9300,#ff5000);}
.rank-title{color:#555;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.rank-title:hover{color:var(--comiis-color);}
.comiis_i_bankuai_a ul{display:flex;flex-wrap:wrap;padding:12px;gap:8px;}
.comiis_i_bankuai_a li{flex:1 1 calc(50% - 4px);}
.comiis_i_bankuai_a li a{display:block;padding:0 10px;height:34px;line-height:34px;background:var(--comiis-bgc);border-radius:4px;font-size:13px;color:#555;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.comiis_i_bankuai_a li a:hover{background:var(--comiis-bgb);color:var(--comiis-color);}
.side-empty{color:#bbb;font-size:13px;padding:14px 0;text-align:center;}

/* ===================== 详情页 ===================== */
.detail{background:#fff;border-radius:6px;box-shadow:var(--comiis-shadow);padding:24px;}
.back-link{display:inline-block;margin-bottom:14px;color:var(--comiis-fc);font-size:13px;}
.detail-head{display:flex;align-items:center;margin-bottom:12px;}
.detail-author{margin-left:12px;}
.post-author{font-size:15px;font-weight:600;color:#333;display:flex;align-items:center;}
.post-author a{color:#333;}
.post-author a:hover{color:var(--comiis-color);}
.post-sub{margin-top:4px;display:flex;align-items:center;gap:8px;font-size:12px;color:#999;}
.detail-title{font-size:22px;font-weight:700;line-height:1.4;color:#222;margin:4px 0 16px;}
.detail-content{font-size:15px;line-height:1.9;color:#444;word-break:break-word;}
.detail-imgs{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin:16px 0;}
.detail-imgs .kmimg{float:none;width:100%;height:200px;}
.detail-stats{margin:16px 0;padding:12px 0;border-top:1px solid #f0f0f0;border-bottom:1px solid #f0f0f0;}
.detail-stats a{display:inline-flex;align-items:center;margin-right:22px;color:#888;font-size:13px;}
.detail-stats .kmck{margin-left:0;}
.detail-stats .kmck:before,.detail-stats .kmpl:before,.detail-stats .kmdz:before{content:'';width:16px;height:16px;margin-right:5px;background-size:contain;background-repeat:no-repeat;background-position:center;}
.detail-stats .kmck:before{background-image:url(../img/eye.svg);}
.detail-stats .kmpl:before{background-image:url(../img/comment.svg);}
.detail-stats .kmdz:before{background-image:url(../img/like.svg);}

/* 评论 */
.comiis_article_cmt{margin-top:20px;}
.cmt-hd{font-size:16px;font-weight:600;color:#333;margin:18px 0 6px;padding-left:10px;border-left:3px solid var(--comiis-color);}
.comiis_i_listc li.kmlist{padding:16px 0;border-top:1px solid #f0f0f0;position:relative;}
.comiis_i_listc li:first-child{border-top:none;}
.comiis_i_listc .kmimg{float:left;margin-right:12px;width:40px;height:40px;border-radius:50%;overflow:hidden;background:var(--comiis-bgb);}
.comiis_i_listc .kmimg img{width:100%;height:100%;object-fit:cover;}
.kmcon_box{overflow:hidden;}
.cmt-name{font-size:14px;font-weight:600;color:#333;display:flex;align-items:center;gap:4px;}
.kmcon{margin-top:6px;font-size:14px;line-height:1.7;color:#555;}
.comiis_i_listc .kmfoot{margin-top:6px;}
.kmquote{margin:10px 0 0 52px;padding:10px 12px;font-size:13px;background:var(--comiis-bgc);color:#666;border-radius:6px;}
.cmt-editor{margin-top:18px;display:flex;flex-direction:column;gap:10px;}
.cmt-editor textarea{width:100%;border:1px solid var(--comiis-borderc);border-radius:6px;padding:10px 12px;font-size:14px;font-family:inherit;resize:vertical;}
.cmt-editor textarea:focus{border-color:var(--comiis-color);outline:none;}

/* 作者名片 */
.author-card{text-align:center;padding:20px;}
.author-card .avatar-lg{margin:0 auto;display:block;}
.author-name{font-size:16px;font-weight:600;margin-top:10px;color:#333;}
.author-badges{margin-top:8px;justify-content:center;}
.author-sub{margin-top:6px;color:#999;font-size:12px;}

/* ===================== 头像 ===================== */
.avatar{border-radius:50%;object-fit:cover;background:#fff;border:1px solid #eee;display:inline-block;width:48px;height:48px;}
.avatar-lg{width:88px;height:88px;padding:3px;}
.avatar-sm{width:32px;height:32px;}
.avatar-xs{width:24px;height:24px;}
.avatar-xxs{width:20px;height:20px;}

/* ===================== 身份徽章（对标 UserBadgeRow.vue） ===================== */
.badge-row{display:inline-flex;flex-wrap:wrap;gap:4px;align-items:center;vertical-align:middle;margin-left:2px;}
.badge-tag{display:inline-flex;align-items:center;height:16px;line-height:16px;padding:0 5px;font-size:11px;font-weight:600;border-radius:3px;color:#fff;white-space:nowrap;}
.badge-ico{height:12px;width:auto;margin-right:2px;vertical-align:middle;}
.badge-tag.vip{background:linear-gradient(100deg,#ffd27a,#f0a500);color:#5a3b00;}
.badge-tag.lv-low{background-image:linear-gradient(100deg,#13adff,#006eff);}
.badge-tag.lv-mid{background-image:linear-gradient(100deg,#7a5cff,#4b2fff);}
.badge-tag.lv-mid2{background-image:linear-gradient(100deg,#ff7a59,#ff3e30);}
.badge-tag.lv-high{background-image:linear-gradient(100deg,#ff4d8d,#c81e6a);}
.badge-tag.enterprise{background-image:linear-gradient(100deg,#2f9bff,#0066cc);}
.badge-tag.enterprise.per{background-image:linear-gradient(100deg,#19c2c2,#0a8f8f);}
.badge-tag.cert{background-image:linear-gradient(100deg,#36c97a,#0fa85a);}
.badge-tag.fancy{background:linear-gradient(100deg,#2b2b2b,#000);color:#ffd76a;border:1px solid #ffd76a;}

/* ===================== 表单 / 登录 / 资料 卡片 ===================== */
.auth-wrap{max-width:420px;margin:36px auto;}
.auth-card,.form-card{background:#fff;border-radius:8px;box-shadow:var(--comiis-shadow);padding:28px;}
.auth-card h2{text-align:center;font-size:22px;font-weight:700;margin-bottom:18px;color:#333;}
.tabs{display:flex;margin-bottom:18px;border-bottom:1px solid #eee;}
.tab{flex:1;text-align:center;padding:10px 0;color:#888;font-size:15px;font-weight:600;border-bottom:2px solid transparent;}
.tab.active{color:var(--comiis-color);border-bottom-color:var(--comiis-color);}
.auth-card input,.form-card input,.form-card select,.form-card textarea{
  width:100%;padding:10px 12px;margin-bottom:14px;border:1px solid var(--comiis-borderc);
  border-radius:6px;font-size:14px;font-family:inherit;color:#333;
}
.auth-card input:focus,.form-card input:focus,.form-card select:focus,.form-card textarea:focus{border-color:var(--comiis-color);outline:none;}
.captcha-row{display:flex;gap:10px;align-items:center;}
.captcha-row input{flex:1;}
.captcha-img{width:110px;height:38px;border:1px solid #eee;border-radius:4px;cursor:pointer;}
.auth-msg{background:var(--comiis-bgd);color:#e04848;padding:10px 12px;border-radius:6px;font-size:13px;margin-bottom:14px;}
.auth-tip{margin-top:14px;text-align:center;color:#bbb;font-size:12px;}
.auth-tip code{background:var(--comiis-bgc);padding:1px 5px;border-radius:3px;color:#888;}
.btn-primary,.pn{display:inline-block;background:var(--comiis-btnbg);color:#fff;border:none;padding:10px 22px;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;}
.btn-primary:hover,.pn:hover{opacity:.9;}
.btn-primary.block{width:100%;}
.btn-ghost{display:inline-block;background:#fff;color:#666;border:1px solid #ddd;padding:10px 20px;border-radius:6px;font-size:14px;cursor:pointer;}
.btn-ghost:hover{border-color:var(--comiis-color);color:var(--comiis-color);}
.form-actions{display:flex;gap:10px;align-items:center;margin-top:6px;}
.profile-head{display:flex;align-items:center;margin-bottom:16px;}
.profile-id{margin-left:14px;}
.profile-stats{display:flex;gap:10px;margin:16px 0;}
.stat{flex:1;text-align:center;background:var(--comiis-bgc);border-radius:8px;padding:14px 0;}
.stat-num{display:block;font-size:20px;font-weight:700;color:var(--comiis-color);}
.stat-label{font-size:12px;color:#999;}

/* ===================== 提示 / 分页 / 页脚 ===================== */
.site-notice{background:#fff;border-left:3px solid var(--comiis-color);padding:10px 16px;margin:14px 0;border-radius:6px;font-size:13px;color:#555;display:flex;align-items:center;}
.site-notice .dot{width:8px;height:8px;border-radius:50%;background:var(--comiis-color);margin-right:8px;flex:0 0 auto;}
.comiis_tips{background:#fff;border-radius:6px;box-shadow:var(--comiis-shadow);padding:16px;color:#888;font-size:13px;margin:14px 0;}
.login-prompt a{color:var(--comiis-color);font-weight:600;}
.comiis_list_more{margin:16px auto;display:flex;align-items:center;justify-content:center;gap:16px;height:42px;background:#fff;border:1px solid var(--comiis-borderb);border-radius:40px;font-size:13px;color:#666;}
.comiis_list_more a{color:#555;}
.comiis_list_more a:hover{color:var(--comiis-color);}
.comiis_list_more .kmnodata{color:#bbb;}
.pginfo{color:#999;}
.comiis_foot{background:#fff;border-top:1px solid #eee;margin-top:24px;padding:24px 0;text-align:center;}
.foot-links a{color:#888;font-size:13px;}
.foot-links .pipe{color:#ddd;margin:0 8px;}
.foot-copy{margin-top:10px;color:#aaa;font-size:12px;}

/* ===================== 响应式 ===================== */
@media (max-width:1200px){
  .wp{width:auto;padding:0 12px;}
  body{min-width:0;}
  .comiis_i_box{flex-direction:column;}
  .sd{width:auto;flex:none;}
}