/* 基础布局修复 */
html,body{height:100%;margin:0;padding:0}
body{background:#f5f7fa;font-family:"Microsoft Yahei",sans-serif}
a{text-decoration:none;color:#333}
img{max-width:100%}

/* 头部 */
.header{background:#007acc;box-shadow: 0 2px 8px rgb(0 0 0);padding:12px 0}
.header-main{display:flex;align-items:center;justify-content:space-between}
.logo-box{display:flex;align-items:center;gap:10px}
.logo-box img{height:48px}

.search-box{display:flex;max-width:480px;width:100%}
.search-input{flex:1;height:40px;border:none;border-radius:4px 0 0 4px;padding:0 15px}
.search-btn{width:90px;height:40px;background:#ff6600;color:#fff;border:none;border-radius:0 4px 4px 0;cursor:pointer}

/* 主体 */
.main{background:#fff;margin:15px auto;border-radius:6px;padding:20px;box-shadow: 0 2px 8px rgb(0 0 0);}
.title-bar{border-bottom:2px solid #007acc;padding-bottom:12px;margin-bottom:20px}
.title-bar h1{font-size:24px;color:#222;margin:0}
.meta{display:flex;flex-wrap:wrap;gap:15px;color:#666;font-size:14px;margin-top:8px}
.label{display:inline-block;padding:3px 10px;color:#fff;border-radius:4px;font-size:12px}
.label-red{background:#ff3333}
.label-blue{background:#0099ff}
.label-green{background:#00b42a}

/* 内容布局 */
.content-wrap{display:flex;gap:20px}
.left-col{flex:3}
.right-col{flex:1}
.cover{width:100%;border-radius:6px;margin-bottom:20px}
.intro-title{font-size:18px;color:#007acc;font-weight:bold;margin:20px 0 10px}
.intro-content{line-height:1.8}

/* 上下篇 */
.page-link{margin:20px 0;display:flex;justify-content:space-between}
.page-link a{padding:10px 16px;background:#007acc;color:#fff;border-radius:4px}
.page-link span{color:#999;padding:10px 16px}

/* 右侧购买栏 */
.buy-card{border:1px solid #eee;border-radius:6px;padding:15px;background:#fff}
.buy-title{font-size:16px;font-weight:bold;margin-bottom:15px}
.price{font-size:28px;font-weight:bold;color:#ff3333;margin:15px 0}
.attr-row{display:flex;justify-content:space-between;margin:10px 0;padding-bottom:8px;border-bottom:1px dashed #eee}
.btn-buy{display:block;width:100%;height:45px;line-height:45px;text-align:center;background:#ff6600;color:#fff;border-radius:4px;font-size:16px;margin:15px 0}
.btn-demo{display:block;width:100%;height:45px;line-height:45px;text-align:center;background:#007acc;color:#fff;border-radius:4px;font-size:16px}

/* 右侧热门 + 相关 */
.side-box{margin-top:15px;border:1px solid #eee;border-radius:6px;padding:15px;background:#fff}
.side-title{font-size:16px;font-weight:bold;margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid #eee}
.side-item{display:flex;align-items:center;gap:10px;margin-bottom:10px}
.side-item img{width:60px;height:60px;object-fit:cover;border-radius:4px}
.side-item .tit{flex:1;font-size:14px}

/* 底部 */
.footer{background:#007acc;color:#fff;text-align:center;padding:25px 0;box-shadow: -1px -2px 5px 0px rgb(0 0 0 / 88%);margin-top:30px}
.footer a{color:#fff}