/*
Theme Name: new
Description: 下载权限控制
Author: new
Version: 1.0
*/ 
:root{
  --brand-deep:#003366;
  --brand-light:#8acdd6;
  --bg-gray:#f5f7fa;
  --text-deep:#001529;
  --text-light:#666;
  --border:#e5e7eb;
}
*{margin:0;padding:0;box-sizing:border-box;font-family:"Noto Sans SC","思源黑体",sans-serif;}
body{display:flex;height:100vh;background:var(--bg-gray);color:var(--text-deep);}
/* 左侧 */
.sidebar{width:160px;background:var(--brand-deep);color:#fff;display:flex;flex-direction:column;}
.sidebar .logo{width:100%;padding:10px 0;text-align:center;border-bottom:1px solid rgba(255,255,255,.1);}
.sidebar .logo a{font-size:1.86em;font-weight:200;color:#ffffff;text-decoration:none;}
.sidebar ul{flex:1;list-style:none;padding:12px 0;}
.sidebar li a{display:flex;flex-direction: column;align-items:center;padding:12px 24px;cursor:pointer;font-size:15px;transition:.2s;color: var(--bg-gray);text-decoration: none;}
.sidebar li a:hover{background:rgba(255,255,255,.1);border-right:6px solid var(--brand-light);border-radius: 10px;}
.sidebar li a p{font-size:1em;font-weight:100;fill:#fff;}
.sidebar li a span{font-size:2.8em;}
.back-home {border-top:1px solid rgba(255,255,255,.1);padding:16px 24px;font-size:14px;cursor:pointer;text-align:center;}
.back-home a{color: var(--bg-gray);text-decoration: none;}

/* 右侧整体 */
.main{flex:1;display:flex;flex-direction:column;}
.topbar{height:64px;background:var(--bg-gray);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 32px;}
.topbar .logo-doc{display:flex;align-items:center;font-size:16px;font-weight:700;color:var(--brand-deep);}
.topbar .logo-doc span{font-weight:200;}
.topbar .logo-doc img{height:50px;margin-right:8px;}
.user-area a{margin:6px;color:var(--brand-light);font-size:15px;text-decoration:none;}

.bottom-wrapper{flex:1;display:flex;overflow:hidden;}
.left-panel{width:68%;padding:32px;display:flex;flex-direction:column;}
.search-line{display:flex;align-items:center;margin-bottom:24px;}
.search-box{flex:1;height:40px;border:1px solid var(--border);border-radius:4px;display:flex;align-items:center;padding:0 12px;background:#fff;}
.search-box svg{width:18px;height:18px;fill:#888;margin-right:8px;}
.search-box input{flex:1;border:none;outline:none;font-size:14px;}
.filter-btn{margin-left:12px;height:40px;padding:8px 16px;border:1px solid var(--border);border-radius:4px;background:#fff;font-size:14px;cursor:pointer;display:flex;align-items:center;gap:4px;}
.card-grid{background:#fff;border-radius:10px;}
.card-grid-kuang{margin:26px;display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:6px;overflow-y:auto;}
.card{background:#e5e7eb6a;border:1px solid var(--border);border-radius:6px;height;216px;margin:6px;padding:12px;text-align:center;transition:all .3s;
box-shadow:0 2px 6px rgba(0,0,0,.06);}
.card-grid-kuang .card:hover{background:var(--brand-light);transform: translateY(-6px);}
.card-grid-kuang .card:hover .title{/*border-top:1px solid #ffffff;*/border-bottom:1px solid #ffffff;}
.card .icon{/*width:60px;height:60px;*/margin:0 auto 12px;/*background:var(--brand-light);*/border-radius:50%;}
/*.card .icon img{width:100px;height:60px;margin:auto;}*/
.card .title{font-size:1.35em;font-weight:700;margin-bottom:26px;/*border-top:1px solid #001526;*/border-bottom:1px solid #001526;padding:16px 0;}
.card ul{list-style:none;display:flex;flex-wrap:wrap;text-align:left;font-size:14px;color:var(--text-light);}
.card ul li a{width:106px;line-height:28px;display:flex;align-items:center;margin-bottom:4px;margin-right:10px;color:var(--brand-deep);text-decoration:none;font-size:0.86em;font-weight:200;}
.card-grid-kuang .card:hover a{color:#ffffff;}
.card ul li a::before{content:"";width:14px;height:14px;border:1px solid #c1c1c1;margin-right:8px;}
.card-grid-kuang .card:hover a::before{border:1px solid #ffffff;}

.right {width:35%;display:flex;flex-direction: column;}
.right-panel{flex:1;background:var(--border);align-items:center;justify-content:center;height:350px;margin:35px 35px 15px 0;border-radius:10px;}
.right-panel img{max-width:100%;max-height:100%;object-fit:contain;border-radius:8px;padding:15px;}
.right-text {background:var(--border);height:350px;margin:35px 35px 15px 0;border-radius:10px;}
.right-text p {padding:16px;text-align:center;}
.carousel{position:relative;height:100%;overflow:hidden;}
.carousel-track{display:flex;height:100%;transition:transform .5s ease;}
.slide{min-width:100%;height:100%;}
.slide img{width:100%;height:100%;object-fit:cover;border-radius:8px;}
.dots{position:absolute;bottom:46px;left:50%;transform:translateX(-50%);display:flex;gap:8px;}
.dot{width:10px;height:10px;border-radius:50%;background:rgba(255,255,255,.5);cursor:pointer;}
.dot.active{background:#fff;}

/*栏目页面*/
.content{flex:1;padding:32px  32px 0 32px;background:var(--bg-gray);}
.search-line{display:flex;align-items:center;margin-bottom:16px;}
.search-box-full{flex:1;height:40px;border:1px solid var(--border);border-radius:4px;display:flex;align-items:center;padding:0 12px;background:#fff;}
.search-box-full form{width:100%;}
.search-box-full svg{width:18px;height:18px;fill:#888;margin-right:8px;}
.search-box-full input{flex:1;border:none;outline:none;font-size:14px;width:96%;}

.breadcrumb{font-size:14px;font-weight:200;color:var(--text-light);margin-bottom:24px;}
.breadcrumb a{color:var(--brand-light);text-decoration:none;}

.bottom-flex{display:flex;gap:32px;height:calc(100% - 120px);}

/* 栏目区域 */
.tab-area{position:relative;margin-bottom:20px;padding: 10px 0;border-bottom:1px solid #9290902e;}
.tab-viewport{width:100%;height:60px;overflow:hidden;}
.tab-row{display:flex;transition:transform .3s ease;}
.tab{flex:0 0 16%;border-radius:10px;margin-right:5%;height:60px;display:flex;align-items:center;justify-content:center;border:1px solid var(--line);border-right:none;background:#fff;font-size:18px;cursor:pointer;position:relative;border:1px solid var(--border);}
.tab:last-child{border-right:1px solid var(--line);}
.tab.active{color:var(--brand-light);}
.tab.active::after{content:"";position:absolute;right:8px;top:50%;transform:translateY(-50%);width:0;height:0;border:5px solid transparent;border-left-color:#fff;}

/* 右下箭头 */
.arrow-box{display:flex;justify-content:flex-end;gap:8px;margin-top:8px;}
.arrow-btn{width:28px;height:28px;border:1px solid var(--line);background:#fff;border-radius:4px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:14px;}
.arrow-btn:hover{background:var(--brand-light);color:#fff;border-color:var(--brand-light);}
.arrow-btn.disabled{opacity:.4;pointer-events:none;}

/* 产品区 */
.product-area{flex:1;overflow-y:auto;padding:16px;background:#ffffff;border-radius:16px;border:1px solid var(--border);}
.product-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:24px;}
.product-card{background:var(--bg-gray);height:200px;position:relative;border:1px solid var(--line);overflow:hidden;border-radius:16px;}
.product-card img{width:100%;height:200px;object-fit:cover;}
.product-card .title{width:86%;padding:6px 2px;font-size:14px;position:absolute;top:76%;left:6%;font-weight:500;background:var(--brand-light);color:#fff;text-align:center;border-radius:50px;}

/* 详情页面 */
/* 左侧文档列表 */
.doc-list{flex:1;background:#fff;border:1px solid var(--border);border-radius:6px;padding:24px;display:flex;flex-direction:column;}
.doc-list .hd{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;}
.doc-list .hd h2{font-size:1.8em;font-weight:700;color:var(--brand-deep);}
.doc-list .hd .sort{font-size:14px;color:var(--brand-light);cursor:pointer;}
.line{border-bottom:1px solid var(--border);margin-bottom:16px;}
.doc-item{margin-bottom:26px;}
.doc-item h3{font-size:16px;font-weight:500;margin-bottom:4px;}
.doc-item p{font-size:14px;color:var(--text-light);margin-bottom:4px;}
.doc-item .tag{font-size:12px;background:var(--border);color:#fff;padding:2px 6px;border-radius:3px;display:inline-block;}
.pagination{display:flex;gap:6px;margin-top:auto;justify-content:center;}
.pagination button{width:32px;height:32px;border:1px solid var(--border);background:#fff;border-radius:4px;cursor:pointer;font-size:14px;}
.pagination .active{background:var(--brand-deep);color:#fff;border-color:var(--brand-deep);}

/* 右侧轮播 + 栏目 */
.right-area{width:420px;display:flex;flex-direction:column;gap:24px;}
/* 丝滑轮播 */
.carousel{position:relative;height:220px;border-radius:6px;overflow:hidden;}
.carousel-track{display:flex;transition:transform .5s ease;}
.carousel-slide{min-width:100%;height:220px;}
.carousel-slide img{width:100%;height:100%;object-fit:cover;border-radius:6px;}
.arrow{position:absolute;top:50%;transform:translateY(-50%);width:32px;height:32px;background:rgba(0,0,0,.4);color:#fff;border:none;font-size:20px;cursor:pointer;border-radius:50%;}
.prev{left:8px;}
.next{right:8px;}
/*
.section{background:#fff;border:1px solid var(--border);border-radius:6px;padding:20px;}
.section h3{font-size:16px;font-weight:700;margin-bottom:10px;}
.section .line{margin-bottom:12px;}
.section .grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;font-size:14px;}
.section .grid span{cursor:pointer;color:var(--brand-light);}
.section ul{list-style:none;font-size:14px;line-height:1.8;}
.section ul li{cursor:pointer;}
.section ul li:hover{color:var(--brand-light);}
*/

.section{height:220px;background:#fff;border:1px solid var(--line);border-radius:6px;padding:20px;}
.section h3{font-size:16px;font-weight:700;margin-bottom:10px;}
.section .line{margin-bottom:12px;}
.section .grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;font-size:14px;}
.section .grid span{cursor:pointer;color:var(--brand-deep);background:var(--bg-gray);padding:6px 8px;border-radius:4px;transition:background .2s;text-align:center;}
.section .grid span:hover{background:var(--brand-light);color:#fff;}
.section ul{list-style:none;font-size:14px;line-height:1.8;}
.section ul li{cursor:pointer;padding:2px 0;}
.section ul li::before{content:"";display:inline-block;width:14px;height:14px;border:1px solid #c1c1c1;margin-right:8px;vertical-align:text-bottom;}
.section ul li:hover{color:var(--brand-light);}