* { margin:0; padding:0; box-sizing:border-box; -webkit-tap-highlight-color:transparent; }
html { -webkit-text-size-adjust:100%; }
body { font-family:"Microsoft YaHei","Helvetica Neue",Helvetica,Arial,sans-serif; font-size:14px; color:#333; background:#fff; line-height:1.6; padding-top:44px; padding-bottom:52px; }
img { max-width:100%; height:auto; display:block; border:0; }
a { color:#FF5937; text-decoration:none; }

/* 顶栏 */
header { position:fixed; top:0; left:0; width:100%; height:44px; background:#2C2C2C; color:#fff; z-index:60; display:flex; align-items:center; }
header .back-btn, header .nav-btn, header .left-link { flex:0 0 auto; color:#fff; z-index:2; position:relative; }
header .back-btn, header .nav-btn { width:44px; height:44px; line-height:44px; text-align:center; font-size:22px; cursor:pointer; }
header .left-link { line-height:44px; padding:0 12px; font-size:15px; }
header .back-btn::before { content:"\2039"; font-size:30px; }
header .nav-btn::before { content:"\2261"; font-size:26px; }
header h1 { position:absolute; left:0; right:0; top:0; height:44px; line-height:44px; text-align:center; font-size:16px; font-weight:normal; color:#fff; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; padding:0 60px; z-index:1; }
header nav { display:none; position:absolute; top:44px; left:0; width:100%; background:#2C2C2C; z-index:60; }
header nav ul { list-style:none; }
header nav a { display:block; padding:13px 16px; color:#fff; border-top:1px solid #444; font-size:15px; }
header nav a:active { background:#FF5937; }
.overlay { display:none; position:fixed; top:44px; left:0; right:0; bottom:0; background:rgba(0,0,0,.5); z-index:55; }

/* 首页 Hero */
.hero { background:linear-gradient(135deg,#2C2C2C,#3d3d3d); padding:26px 16px 22px; text-align:center; color:#fff; }
.hero-avatar { width:96px; height:96px; border-radius:50%; margin:0 auto 12px; border:3px solid rgba(255,255,255,.85); overflow:hidden; background:#fff; box-shadow:0 4px 12px rgba(0,0,0,.3); }
.hero-avatar img { width:100%; height:100%; object-fit:cover; }
.hero h1 { font-size:20px; font-weight:600; margin-bottom:4px; }
.hero-sub { font-size:13px; color:#cfcfcf; margin-bottom:14px; }
.hero-actions { display:flex; justify-content:center; align-items:center; gap:12px; margin-top:2px; }
.hero-tel { background:#FF5937; color:#fff; font-size:16px; font-weight:bold; padding:9px 22px; border-radius:24px; box-shadow:0 3px 8px rgba(255,89,55,.4); }
.hero-tel:active { background:#e64a2c; }
.hero-more { color:#fff; font-size:14px; padding:9px 18px; border-radius:24px; border:1px solid rgba(255,255,255,.55); }
.hero-more:active { background:rgba(255,255,255,.15); }

/* 律师名片（文章/律师页内联卡片） */
.intro-top { background:#fff; margin:12px; border-radius:10px; padding:14px; display:flex; flex-wrap:wrap; align-items:center; box-shadow:0 2px 8px rgba(0,0,0,.08); border:1px solid #f0f0f0; }
.intro-top img { width:70px; height:70px; border-radius:50%; margin-right:12px; object-fit:cover; }
.intro-top h3 { font-size:17px; color:#2C2C2C; }
.intro-top .info { width:100%; font-size:13px; color:#666; margin-top:8px; line-height:1.7; }
.intro-top .icons { width:100%; margin-top:8px; }
.intro-top .tel-link { display:inline-block; color:#FF5937; font-weight:bold; font-size:17px; }

/* banner */
.banner img { width:100%; }

/* 内容 */
.content { padding:10px 12px 16px; }
.content article h2 { font-size:18px; color:#2C2C2C; padding:8px 0; border-bottom:2px solid #FF5937; margin-bottom:10px; line-height:1.4; }
.content article .meta { font-size:12px; color:#999; margin-bottom:10px; }
.content article p { margin-bottom:12px; text-indent:2em; color:#333; font-size:15px; line-height:1.85; }
.content .pagenav { font-size:13px; color:#666; margin:14px 0; line-height:2; }
.content .pagenav a { color:#FF5937; }
.content .tags { font-size:13px; color:#666; margin-top:8px; }
.content .tags a { color:#FF5937; margin-right:6px; }

/* 区块（首页） */
.block { margin:14px 0; }
.block h2 { font-size:16px; color:#2C2C2C; border-left:4px solid #FF5937; padding-left:8px; margin-bottom:8px; }
.block h2 a { color:#2C2C2C; }
.block .srv { list-style:none; }
.block .srv li { padding:9px 4px; border-bottom:1px solid #eee; color:#555; font-size:14px; }
.news { list-style:none; }
.news li { padding:11px 4px; border-bottom:1px solid #eee; }
.news li a { color:#333; font-size:15px; display:block; line-height:1.5; }
.news li .date { display:block; color:#999; font-size:12px; margin-top:2px; }

/* 分页 */
.pager { text-align:center; margin:14px 0; font-size:14px; color:#666; }
.pager a { color:#FF5937; padding:0 12px; }

/* 页脚 + 底栏 */
footer { padding:16px 12px; background:#f6f6f6; color:#999; font-size:12px; text-align:center; line-height:1.8; }
footer .addr { margin-top:6px; }
.bottombar { position:fixed; bottom:0; left:0; width:100%; height:50px; display:flex; background:#2C2C2C; z-index:60; }
.bottombar a { flex:1; text-align:center; color:#fff; font-size:15px; line-height:50px; border-right:1px solid #444; }
.bottombar a:last-child { border-right:none; }
.bottombar a:active { background:#FF5937; }