/* AI.kunmingla.com - 严格对齐雷峰网 leiphone.com 结构/间距/组件 */
@charset "utf-8";

/* =s Reset */
html{-webkit-tap-highlight-color: rgba(0,0,0,0);-webkit-overflow-scrolling: touch;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym{border:0;font-variant:normal;}
sup{vertical-align:sup;}
sub{vertical-align:sub;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
input,textarea,select{*font-size:100%;}
legend{color:#000;}
/* =e Reset */

/* =s base */
header,footer,nav{display: block;}
::-moz-selection{background:#fe917b; color:#fff;}
::selection {background:#fe917b; color:#fff;}
html,body{background:#f7f7f7;}
body{font-family:"microsoft yahei",Arial,Helvetica,sans-serif;color:#333; -webkit-font-smoothing:antialiased; line-height:1.6;}
i{font-style:normal;}
a{text-decoration: none;color: #333;border: 0;font-size: 100%;margin: 0;padding: 0;vertical-align: baseline;-webkit-transition: all 0.3s ease-in;-moz-transition: all 0.3s ease-in;transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;}
a:hover{color:#ee5b2e;}
.clr:after{clear: both;content:'\0020';display: block;visibility:hidden;height:0;}
.clr{zoom:1;}
.clearfix:after{clear: both;content:'\0020';display: block;visibility:hidden;height:0;}
.clearfix{zoom:1;}
.fl{float: left;}
.fr{float: right;}
.hide {display:none;}
.thide{ text-indent: -9999px; position: absolute; left: -9999px;}
.wrapper{width: 1130px;margin: 0 auto;}
.mt5{margin-top: 5px;}
.mt10{margin-top: 10px;}
.mt20{margin-top: 20px;}
.mt30{margin-top: 30px;}
.mt40{margin-top: 40px;}
.pt5{padding-top: 5px;}
.pt10{padding-top: 10px;}
.pt20{padding-top: 20px;}
.pt30{padding-top: 30px;}
.pt40{padding-top: 40px;}
/* =e base */

input:focus{outline: 0;}

/* =s Header - 严格对齐雷峰网 yp-header */
.site-header{min-width: 1130px;border-bottom:1px solid #E6E6E6;background: #fff;padding: 9px 0;height: 56px;box-sizing: content-box;}
.site-header .wrapper{position: relative;}
.site-logo{float:left;display:flex;align-items:center;gap:10px;font-size:18px;color:#4a5b65;font-weight:bold;text-decoration:none;margin-top:6px;}
.site-logo .logo-box{width:36px;height:36px;background:#748793;border-radius:6px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:18px;font-weight:bold;}
.site-logo span{display:none;line-height: 40px;float: left;padding-left:12px;color: #606060;font-size: 14px;}
.site-logo span h1{display: inline;}
.site-nav{float:left;margin-top: 14px;margin-left: 15px;}
.site-nav li{float:left;position:relative;}
.site-nav li a{display:inline-block;line-height:32px;padding:0 18px;font-size:14px;color:#4a5b65;}
.site-nav li a:hover{color:#748793;}
.site-nav .nav-sep{width:1px;height:25px;background:#D7DBDE;margin-top:3px;}
.site-search{float:right;position:relative;overflow:hidden;margin-top:10px;width:140px;padding-right:40px;height:38px;border:1px solid #E6E6E6;background:#e6e9eb;line-height:30px\0;margin-right: 20px;border-radius:20px;-webkit-border-radius:20px;}
.site-search .text{float:left;padding:0 5px 0 10px;width:125px;height:100%;outline:0;border:0;background:transparent;font-size: 14px;color:#abaaaa;}
.site-search .submit{position:absolute;right:0;z-index:2;width:40px;height:100%;border:0;background:url(data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23748793' stroke-width='2'><circle cx='11' cy='11' r='8'/><path d='m21 21-4.35-4.35'/></svg>) no-repeat center;cursor:pointer;}
.site-actions{float:right;margin-top:10px;margin-right:10px;}
.site-actions .btn-admin{display:inline-block;height:32px;line-height:32px;background:#748793;color:#fff;padding:0 18px;border-radius:18px;font-size:14px;}
.site-actions .btn-admin:hover{background:#4c708e;color:#fff;}
.menu-toggle{display:none;background:none;border:none;font-size:24px;color:#4a5b65;cursor:pointer;padding:0 10px;}
/* =e Header */

/* =s Secondary Nav - yp-secNav */
.sec-nav{border-bottom:1px solid #E6E6E6;background:#fff;}
.sec-nav .wrapper{display:flex;align-items:center;height:42px;}
.sec-nav a{font-size:14px;color:#4a5b65;padding:0 18px;line-height:42px;position:relative;}
.sec-nav a:hover{color:#ee5b2e;}
.sec-nav .nav-sep{width:1px;height:16px;background:#D7DBDE;}
/* =e Secondary Nav */

/* =s Main Layout - 严格对齐 lph-main / lph-left / lph-right */
.main-container{margin-top:20px;margin-bottom:60px;}
.lph-main{margin-top: 30px; margin-bottom: 120px;display:flex;gap:0;}
.lph-left{width: 780px; float: left;}
.lph-right{overflow: hidden;padding-left:38px;width: 312px;flex-shrink:0;}
/* =e Main Layout */

/* =s Hero Slider - 对齐 lph-picShow / lph-slider */
.hero-slider{margin-bottom:20px;position:relative;background:#fff;border-radius:4px;overflow:hidden;}
.hero-slider .slide{position:relative;width:100%;height:391px;overflow:hidden;}
.hero-slider .slide img{width:100%;height:100%;object-fit:cover;}
.hero-slider .slide-txt{position:absolute;z-index:2;bottom:30px;left:30px;width:720px;}
.hero-slider .slide-txt h2{font-size:20px;color:#fff;font-weight:bold;line-height:30px;text-shadow:0 2px 0px rgba(0,0,0,0.2);margin-bottom:8px;}
.hero-slider .slide-txt p{font-size:14px;color:#e6eaf5;line-height:1.6;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.hero-slider .slide-shadow{position:absolute;left:0;right:0;bottom:0;height:120px;background:linear-gradient(transparent,rgba(0,0,0,0.6));}
.hero-slider .btns{position: absolute;z-index:2;left:30px;bottom:12px;width:720px;display:flex;gap:10px;}
.hero-slider .btns a{width:6px;height:6px;background:rgba(255,255,255,0.3);border-radius:3px;display:block;}
.hero-slider .btns a.cur{background:rgba(255,255,255,0.7);width:20px;}
/* =e Hero Slider */

/* =s Article Card - 对齐雷峰网 picTxt / column */
.article-card{background:#fff;border-radius:4px;overflow:hidden;margin-bottom:15px;display:flex;transition:box-shadow 0.3s;}
.article-card:hover{box-shadow:0 2px 12px rgba(0,0,0,0.08);}
.article-card .card-img{width:260px;height:170px;flex-shrink:0;overflow:hidden;}
.article-card .card-img img{width:100%;height:100%;object-fit:cover;transition:transform 0.3s;}
.article-card:hover .card-img img{transform:scale(1.05);}
.article-card .card-body{padding:15px 20px;flex:1;display:flex;flex-direction:column;justify-content:space-between;}
.article-card .card-category{display:inline-block;font-size:12px;color:#748793;background:#f0f2f5;padding:2px 8px;border-radius:3px;margin-bottom:8px;align-self:flex-start;}
.article-card .card-title{font-size:18px;font-weight:bold;color:#333;line-height:1.5;margin-bottom:8px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.article-card .card-title:hover{color:#ee5b2e;}
.article-card .card-summary{font-size:14px;color:#666;line-height:1.6;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:10px;}
.article-card .card-footer{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:#999;}
.article-card .card-time{color:#999;}
.article-card .card-link{color:#748793;font-size:14px;}
.article-card .card-link:hover{color:#ee5b2e;}

/* 列表页紧凑卡片：左文右图 */
.article-row{background:#fff;border-bottom:1px solid #f0f2f5;padding:18px 0;display:flex;gap:20px;align-items:flex-start;}
.article-row .row-body{flex:1;min-width:0;}
.article-row .row-title{font-size:18px;font-weight:bold;color:#333;line-height:1.5;margin-bottom:8px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.article-row .row-title:hover{color:#ee5b2e;}
.article-row .row-summary{font-size:14px;color:#666;line-height:1.6;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:10px;}
.article-row .row-meta{font-size:12px;color:#999;}
.article-row .row-img{width:220px;height:130px;flex-shrink:0;overflow:hidden;border-radius:4px;}
.article-row .row-img img{width:100%;height:100%;object-fit:cover;}
/* =e Article Card */

/* =s Sidebar - 对齐雷峰网右侧模块 */
.sidebar-card{background:#fff;border-radius:4px;padding:20px;margin-bottom:15px;}
.sidebar-card h3{font-size:16px;font-weight:bold;color:#333;border-left:3px solid #748793;padding-left:10px;margin-bottom:15px;}
.sidebar-list{list-style:none;}
.sidebar-list li{padding:10px 0;border-bottom:1px solid #f0f2f5;}
.sidebar-list li:last-child{border-bottom:none;}
.sidebar-list li a{font-size:14px;color:#333;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.sidebar-list li a:hover{color:#ee5b2e;}
.sidebar-list li .hot-rank{display:inline-block;width:20px;height:20px;background:#748793;color:#fff;text-align:center;line-height:20px;font-size:12px;border-radius:3px;margin-right:8px;flex-shrink:0;}
.sidebar-list li:nth-child(1) .hot-rank{background:#e74c3c;}
.sidebar-list li:nth-child(2) .hot-rank{background:#e67e22;}
.sidebar-list li:nth-child(3) .hot-rank{background:#f39c12;}
/* =e Sidebar */

/* =s Category Header */
.category-header{background:#fff;padding:25px 30px;border-radius:4px;margin-bottom:20px;border-left:3px solid #748793;}
.category-header h1{font-size:28px;font-weight:bold;color:#333;margin-bottom:8px;}
.category-header p{font-size:14px;color:#666;line-height:1.6;}
/* =e Category Header */

/* =s Article Detail */
.article-detail{background:#fff;border-radius:4px;padding:30px;margin-bottom:20px;}
.article-detail .article-header{margin-bottom:25px;padding-bottom:20px;border-bottom:1px solid #f0f2f5;}
.article-detail .article-title{font-size:28px;font-weight:bold;color:#333;line-height:1.5;margin-bottom:12px;}
.article-detail .article-meta{font-size:13px;color:#999;display:flex;gap:15px;}
.article-detail .article-meta span{display:inline-flex;align-items:center;gap:5px;}
.article-detail .article-content{font-size:16px;color:#333;line-height:1.8;}
.article-detail .article-content h2{font-size:22px;font-weight:bold;color:#333;margin:25px 0 15px;padding-bottom:8px;border-bottom:2px solid #748793;}
.article-detail .article-content p{margin-bottom:15px;text-indent:2em;}
.article-detail .article-content p:first-child{text-indent:0;}
.article-detail .article-tags{margin-top:25px;padding-top:20px;border-top:1px solid #f0f2f5;display:flex;gap:10px;flex-wrap:wrap;}
.article-detail .article-tags a{display:inline-block;padding:4px 12px;background:#f0f2f5;color:#666;font-size:13px;border-radius:3px;}
.article-detail .article-tags a:hover{background:#748793;color:#fff;}
/* =e Article Detail */

/* =s Search */
.search-box{background:#fff;padding:20px 30px;border-radius:4px;margin-bottom:20px;}
.search-box h1{font-size:22px;font-weight:bold;color:#333;margin-bottom:5px;}
.search-box p{font-size:14px;color:#999;}
/* =e Search */

/* =s Pagination */
.pagination{display:flex;justify-content:center;gap:8px;margin-top:30px;}
.pagination a,.pagination span{display:inline-block;padding:6px 14px;border:1px solid #e6e6e6;background:#fff;color:#333;font-size:14px;border-radius:3px;}
.pagination a:hover{background:#748793;color:#fff;border-color:#748793;}
.pagination .current{background:#748793;color:#fff;border-color:#748793;}
/* =e Pagination */

/* =s Footer */
.site-footer{background:#fff;border-top:1px solid #e6e6e6;padding:30px 0;margin-top:40px;text-align:center;color:#999;font-size:13px;}
/* =e Footer */

/* =s Admin */
.admin-layout{display:flex;min-height:100vh;}
.admin-sidebar{width:220px;background:#2c3e50;color:#fff;flex-shrink:0;}
.admin-sidebar .sidebar-header{height:56px;line-height:56px;text-align:center;font-size:18px;font-weight:bold;background:#1a252f;}
.admin-sidebar nav a{display:block;padding:12px 20px;color:#b8c7ce;font-size:14px;border-left:3px solid transparent;}
.admin-sidebar nav a:hover,.admin-sidebar nav a.active{background:#1a252f;color:#fff;border-left-color:#748793;}
.admin-content{flex:1;padding:20px 30px;background:#f7f7f7;}
.admin-header{background:#fff;padding:15px 20px;border-radius:4px;margin-bottom:20px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 1px 3px rgba(0,0,0,0.05);}
.admin-header h2{font-size:20px;font-weight:bold;color:#333;}
.admin-card{background:#fff;border-radius:4px;padding:20px;margin-bottom:20px;box-shadow:0 1px 3px rgba(0,0,0,0.05);}
.admin-table{width:100%;border-collapse:collapse;}
.admin-table th,.admin-table td{text-align:left;padding:12px 15px;border-bottom:1px solid #f0f2f5;font-size:14px;}
.admin-table th{background:#f8f9fa;font-weight:bold;color:#4a5b65;}
.admin-table td{color:#333;}
.admin-table tr:hover{background:#fafafa;}
.btn{padding:6px 16px;border:none;border-radius:4px;font-size:14px;cursor:pointer;text-decoration:none;display:inline-block;}
.btn-primary{background:#748793;color:#fff;}
.btn-primary:hover{background:#4c708e;color:#fff;}
.btn-danger{background:#e74c3c;color:#fff;}
.btn-danger:hover{background:#c0392b;}
.btn-success{background:#27ae60;color:#fff;}
.btn-success:hover{background:#229954;}
.btn-sm{padding:4px 12px;font-size:13px;}
.form-group{margin-bottom:15px;}
.form-group label{display:block;font-size:14px;color:#4a5b65;margin-bottom:5px;font-weight:bold;}
.form-group input,.form-group textarea,.form-group select{width:100%;padding:8px 12px;border:1px solid #e6e6e6;border-radius:4px;font-size:14px;color:#333;}
.form-group input:focus,.form-group textarea:focus,.form-group select:focus{border-color:#748793;outline:none;}
/* =e Admin */

/* =s Responsive */
@media (max-width: 1130px){
    .wrapper{width:100%;padding:0 15px;}
}
@media (max-width: 1024px){
    .lph-main{flex-direction:column;}
    .lph-left{width:100%;}
    .lph-right{width:100%;padding-left:0;margin-top:20px;}
    .article-card{flex-direction:column;}
    .article-card .card-img{width:100%;height:200px;}
    .article-row{flex-direction:column;}
    .article-row .row-img{width:100%;height:200px;}
    .hero-slider .slide{height:260px;}
}
@media (max-width: 768px){
    .site-header{min-width:100%;height:auto;padding:10px 0;}
    .site-nav{display:none;float:none;margin:10px 0 0;clear:both;}
    .site-nav.mobile-open{display:block;}
    .site-nav li{float:none;}
    .site-search{display:none;}
    .menu-toggle{display:block;}
    .sec-nav{display:none;}
    .lph-left{width:100%;}
    .lph-right{width:100%;padding-left:0;}
    .article-detail{padding:20px;}
    .article-detail .article-title{font-size:22px;}
    .wrapper{width:100%;padding:0 10px;}
    .admin-layout{flex-direction:column;}
    .admin-sidebar{width:100%;}
}
/* =e Responsive */