/* ===== 基础重置 ===== */
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:-apple-system,'PingFang SC','Microsoft YaHei',sans-serif;background:#f0f4f1;color:#333;line-height:1.6;overflow-x:hidden}

/* ===== 公用导航栏 ===== */
.nb-wrap{background:#fff}
.nb-top{display:flex;align-items:center;justify-content:space-between;max-width:440px;margin:0 auto;padding:8px 10px}
.nb-logo{padding:4px 0}
.nb-user{display:flex;align-items:center;gap:8px;font-size:13px}
.nb-uname{color:#2e7d32;font-weight:500;max-width:60px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.nb-login,.nb-reg{text-decoration:none;color:#2e7d32;font-weight:500;padding:5px 12px;border-radius:6px}
.nb-login{border:1px solid #2e7d32}
.nb-reg{background:#2e7d32;color:#fff}
.nb-logout{text-decoration:none;color:#999;padding:5px 8px}
.nb-bar{background:linear-gradient(135deg,#2e7d32,#388e3c);padding:0 10px;border-bottom:2px solid #d0ddd1}
.nb-bar-inner{max-width:440px;margin:0 auto}
.nb-inner{display:flex;align-items:center;gap:0;height:40px;padding:0 4px;overflow-x:auto;white-space:nowrap;-webkit-overflow-scrolling:touch;scrollbar-width:none}
.nb-inner::-webkit-scrollbar{display:none}
.nb-inner a{text-decoration:none;color:rgba(255,255,255,.85);font-size:13px;padding:6px 12px;border-radius:5px;white-space:nowrap;font-weight:500;transition:.15s;flex-shrink:0}
.nb-inner a.active,.nb-inner a:active{background:rgba(255,255,255,.2);color:#fff;font-weight:600}

/* ===== 页面容器 ===== */
.page{max-width:440px;margin:0 auto;min-height:100vh;background:#fff}

/* ===== 头部渐变=首页风格 ===== */
.page-header{background:linear-gradient(135deg,#2e7d32,#388e3c);color:#fff;padding:20px 20px 16px;text-align:center;margin:0}
.page-header .phi{font-size:38px;display:block;margin-bottom:4px}
.page-header h1{font-size:21px;font-weight:600;letter-spacing:1px}
.page-header p{font-size:13px;opacity:.82;margin-top:4px}

/* ===== 分类标签（与首页dept-grid风格一致） ===== */
.cat-wrap{display:flex;flex-wrap:wrap;gap:8px;padding:16px 16px 8px}
.cat-tag{font-size:12px;padding:6px 14px;border-radius:16px;border:1.5px solid #e0e8e2;background:#fafcfa;color:#555;text-decoration:none;cursor:pointer;display:inline-block}
.cat-tag:active,.cat-tag.active{border-color:#2e7d32;background:#e8f5e9;color:#2e7d32;font-weight:500}

/* ===== Tab切换 ===== */
.tab-bar{display:flex;gap:2px;padding:8px 16px 0;border-bottom:1px solid #eef2f0}
.tab-bar a{display:block;padding:8px 16px;font-size:13px;color:#888;text-decoration:none;border-bottom:2px solid transparent;white-space:nowrap}
.tab-bar a:active,.tab-bar a.active{color:#2e7d32;font-weight:500;border-bottom-color:#2e7d32}

/* ===== 问题列表 ===== */
.q-list{padding:0}
.q-item{padding:14px 16px;border-bottom:1px solid #f0f4f1;display:block;text-decoration:none;color:inherit}
.q-item:last-child{border-bottom:none}
.q-item:active{background:#fafcfa}
.q-title{font-size:15px;font-weight:500;color:#333;margin-bottom:4px;line-height:1.5}
.q-desc{font-size:13px;color:#999;margin-bottom:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.q-meta{display:flex;align-items:center;gap:8px;font-size:12px;color:#bbb}
.q-answers{color:#2e7d32;background:#e8f5e9;padding:2px 10px;border-radius:10px;font-size:11px;font-weight:500}
.q-user{color:#aaa;font-size:11px}
.q-time{color:#ccc;font-size:11px}

/* ===== 搜索栏 ===== */
.search-bar{margin:12px 16px;display:flex;gap:8px}
.search-bar input{flex:1;padding:10px 14px;border:1.5px solid #e0e8e2;border-radius:20px;font-size:14px;outline:none;background:#fafcfa}
.search-bar input:focus{border-color:#2e7d32;background:#fff}
.search-bar button{padding:10px 18px;border:none;border-radius:20px;background:#2e7d32;color:#fff;font-size:13px;cursor:pointer}

/* ===== 贡献者头像区域 ===== */
.contribute{display:inline;margin-left:6px}
.contribute .text-color-999{font-size:11px;color:#999;vertical-align:middle}
.contribute .aw-user-name{display:inline;vertical-align:middle}
.contribute .aw-user-name img{width:18px;height:18px;border-radius:50%;vertical-align:middle;border:1px solid #e8f5e9;margin:0 1px}

/* ===== 浮动发布按钮 ===== */
.fab{position:fixed;bottom:80px;right:calc(50% - 220px + 16px);width:52px;height:52px;border-radius:50%;background:linear-gradient(135deg,#2e7d32,#388e3c);color:#fff;display:flex;align-items:center;justify-content:center;font-size:24px;box-shadow:0 3px 12px rgba(46,125,50,.35);text-decoration:none;z-index:99;border:none;cursor:pointer}
.fab:active{transform:scale(.92)}

/* ===== 底部 深色 ===== */
.nb-footer{background:#424242;padding:0}
.nb-footer .nf-inner{max-width:440px;margin:0 auto;padding:28px 20px 24px}
.nb-footer .nf-links{display:flex;justify-content:center;gap:20px;margin-bottom:14px;flex-wrap:wrap}
.nb-footer .nf-links a{text-decoration:none;color:#888;font-size:12px}
.nb-footer .nf-links a:active{color:#4caf50}
.nb-footer .nf-legal{font-size:11px;color:#666;line-height:1.8;letter-spacing:.3px}
.nb-footer .nf-brand{color:#4caf50;font-weight:500}
.nb-footer .nf-friends{display:flex;justify-content:center;align-items:center;gap:12px;margin-bottom:14px;flex-wrap:wrap;border-top:1px solid #333;padding-top:14px}
.nb-footer .nf-flabel{color:#555;font-size:11px;white-space:nowrap}
.nb-footer .nf-friends a{text-decoration:none;color:#4caf50;font-size:12px;opacity:.7}
.nb-footer .nf-friends a:active{opacity:1}

/* ===== 隐藏WeCenter原装 ===== */
.aw-top-menu-wrap,.aw-footer-wrap,.aw-side-bar{display:none!important}
.aw-container-wrap{max-width:440px;margin:0 auto}
.container{max-width:440px!important;padding:0!important}
.row{margin:0!important}
.aw-content-wrap{padding:0!important;margin:0!important;background:#fff;border-radius:0}
.col-sm-12.col-md-9.aw-main-content{width:100%!important;padding:0!important;float:none!important}
.mod-footer .pagination{display:flex;justify-content:center;gap:4px;padding:16px 0 40px}
.mod-footer .pagination a,.mod-footer .pagination span{padding:6px 12px;border:1px solid #e0e8e2;border-radius:6px;font-size:13px;color:#666;text-decoration:none}
.mod-footer .pagination .active{background:#2e7d32;color:#fff;border-color:#2e7d32}
.aw-mod.aw-explore-list{background:transparent}
.aw-notification-box{display:none}
.nav-tabs.aw-nav-tabs{display:none}
.aw-tabs{display:none} /* 热门下面日期切换隐藏 */
h2.hidden-xs{display:none}