:root{--primary-color:#1a365d;--primary-light:#2c5282;--accent-color:#c53030;--text-color:#2d3748;--text-light:#4a5568;--bg-color:#fff;--bg-gray:#f7fafc;--header-height:80px;--footer-height:60px;--max-width:1280px;--transition:all 0.3s ease}
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","Segoe UI",Roboto,sans-serif;line-height:1.6;color:var(--text-color);background:var(--bg-color)}
.container{width:100%;max-width:var(--max-width);margin:0 auto;padding:0 15px}
.header{height:var(--header-height);background:var(--bg-color);border-bottom:1px solid #eee}
.nav{display:flex;justify-content:space-between;align-items:center;height:var(--header-height);position:relative}
.logo{display:flex;align-items:center;gap:8px;text-decoration:none;color:var(--primary-color)}
.logo svg{width:28px;height:28px}
.logo-text{font-size:1.5rem;font-weight:800}
.nav-list{display:flex;align-items:center;gap:20px;margin:0;padding:0;list-style:none}
.nav-link{color:var(--text-color);text-decoration:none;font-weight:500;padding:8px}
.nav-toggle{display:none;padding:8px;background:none;border:none;cursor:pointer}
.nav-toggle svg{width:24px;height:24px;fill:currentColor}
@media (max-width:768px){.nav-toggle{display:block;z-index:1001}
.nav-list{position:fixed;top:0;right:-100%;width:280px;height:100vh;background:#fff;padding:80px 0 0;margin:0;flex-direction:column;gap:0;box-shadow:-2px 0 8px rgba(0,0,0,0.1);transition:all 0.3s ease;z-index:1000;overflow-y:auto}
.nav-item{width:100%;margin:0;border-bottom:1px solid #eee}
.nav-link{display:block;padding:15px 25px;color:var(--text-color);text-decoration:none}
.nav-link:hover{background:#f8fafc}
.nav::before{content:'';position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.5);opacity:0;visibility:hidden;transition:all 0.3s ease;z-index:999}
.nav.active .nav-list{right:0}
.nav.active::before{opacity:1;visibility:visible}
body.nav-open{overflow:hidden;padding-right:15px}
}
@media (max-width:768px){.nav-list{display:flex !important}
}
body.nav-open{overflow:hidden;position:fixed;width:100%}

.nav-toggle:hover,.nav-toggle:focus,.nav-toggle:active{background:rgba(0,0,0,0.05);border-radius:4px}
.nav-item{margin-left:20px}
.nav-link{text-decoration:none;color:var(--text-color);font-weight:500;transition:color 0.3s ease}
.nav-link:hover{color:var(--primary-color)}
.article-card{background:#fff;border-radius:8px;padding:1.25rem;transition:all 0.2s ease;border:1px solid #edf2f7}
.article-card:hover{box-shadow:0 2px 8px rgba(0,0,0,0.05);transform:translateY(-2px)}
.article-title{font-size:1.125rem;margin-bottom:0.5rem;line-height:1.4}
.article-title a{color:var(--text-color);text-decoration:none;transition:color 0.2s ease}
.article-title a:hover{color:var(--primary-color)}
.article-meta{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:0.2rem;margin-top:0.2rem;color:var(--text-light);font-size:0.875rem}
.meta-item{display:flex;align-items:center;gap:0.375rem}
.meta-item .icon{width:1em;height:1em}
.meta-item a{color:inherit;text-decoration:none;transition:color 0.2s ease}
.meta-item a:hover{color:var(--primary-color)}
.article-excerpt{display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.6;height:calc(1.6em * 2);color:#666;font-size:0.875rem;margin:0.75rem 0;word-break:break-word;text-overflow:ellipsis}
.article-excerpt h2{margin:0;font-size:inherit;font-weight:normal;color:inherit}
.article-tags{display:flex;flex-wrap:wrap;gap:0.5rem;margin-bottom:1.25rem}
.tag{padding:0.25rem 0.75rem;background:#f0fdf4;color:#166534;border-radius:4px;font-size:0.813rem;text-decoration:none;transition:background-color 0.2s ease}
.tag:hover{background:#dcfce7}
.article-more{text-align:right}
.read-more{display:inline-flex;align-items:center;gap:0.5rem;padding:0.5rem 1rem;background:var(--primary-color);color:#fff;border-radius:4px;text-decoration:none;font-size:0.875rem;transition:background-color 0.2s ease}
.read-more:hover{background:var(--primary-light)}
.read-more .icon{width:1.25em;height:1.25em}
@media (max-width:768px){.article-card{padding:1rem}
.article-title{font-size:1rem}
.article-excerpt{font-size:0.813rem;margin:0.5rem 0}
}
.sidebar{width:300px;flex-shrink:0}
.sidebar::-webkit-scrollbar{display:none}
.sidebar::-webkit-scrollbar-track{display:none}
.sidebar::-webkit-scrollbar-thumb{display:none}
.widget{background:#fff;border-radius:8px;padding:1.5rem;margin-bottom:1.5rem;box-shadow:0 1px 3px rgba(0,0,0,0.05);transition:transform 0.2s ease}
.widget:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,0.05)}
.widget:last-child{margin-bottom:1.5rem}
.widget li{list-style:none;position:relative;padding:0.75rem 0;border-bottom:1px solid #f0f0f0}
.widget li:last-child{border-bottom:none;padding-bottom:0}
.widget li:first-child{padding-top:0}
.widget a{color:#2d3748;text-decoration:none;font-size:0.9375rem;line-height:1.5;display:flex;justify-content:space-between;align-items:center;transition:color 0.2s ease}
.widget a:hover{color:var(--primary-color)}
.tag-count{font-size:0.75rem;color:#718096;background:#f7fafc;padding:0.25rem 0.5rem;border-radius:12px;margin-left:0.5rem;min-width:2.5rem;text-align:center}
.widget li:hover{background:#f8fafc;border-radius:4px}
.widget a::before{content:"›";color:#a0aec0;margin-right:0.5rem;font-size:1.25rem;line-height:1;transition:transform 0.2s ease}
.widget a:hover::before{color:var(--primary-color);transform:translateX(2px)}
@media (max-width:1024px){.sidebar{position:static;height:auto;overflow:visible;padding-right:0;margin-top:2rem}
.main-content{min-height:0}
}
.widget-title{font-size:1.125rem;font-weight:600;color:#1a202c;margin-bottom:1rem;padding-bottom:0.75rem;border-bottom:2px solid #edf2f7}
body.author .sidebar{display:none}
.widget{scrollbar-width:thin;scrollbar-color:#cbd5e0 transparent}
.widget::-webkit-scrollbar{width:4px}
.widget::-webkit-scrollbar-track{background:transparent}
.widget::-webkit-scrollbar-thumb{background-color:#cbd5e0;border-radius:4px}
.widget:hover::-webkit-scrollbar-thumb{background-color:#a0aec0}
.footer{background:var(--primary-color);color:rgba(255,255,255,0.9);padding:0.5rem 0 0.5rem}
.footer-content{display:grid;grid-template-columns:repeat(3,1fr);gap:3rem;margin-bottom:1rem}
.footer-logo{display:flex;align-items:center;gap:0.5rem;margin-bottom:1rem}
.footer-logo svg{width:24px;height:24px;color:#fff}
.footer-desc{color:rgba(255,255,255,0.7);line-height:1.6;font-size:0.875rem}
.footer h3{color:#fff;font-size:1.125rem;font-weight:600;margin-bottom:1.25rem}
.footer ul{list-style:none;padding:0;margin:0}
.footer li{margin-bottom:0.75rem}
.footer-contact li{display:flex;align-items:center;gap:0.75rem}
.footer-contact svg{width:18px;height:18px;opacity:0.9}
.footer a{color:rgba(255,255,255,0.7);text-decoration:none;transition:color 0.2s ease}
.footer a:hover{color:#fff}
.footer-bottom{padding-top:0.5rem;border-top:1px solid rgba(255,255,255,0.1);text-align:center}
.copyright{color:rgba(255,255,255,0.6);font-size:0.875rem}
.copyright p{margin:0.5rem 0}
@media (max-width:1024px){.footer-content{grid-template-columns:repeat(2,1fr);gap:2rem}
}
@media (max-width:640px){.footer-content{grid-template-columns:1fr;gap:2rem}
}
@media (max-width:640px){.footer{padding:0.5rem 0 0.5rem}
.footer-content{grid-template-columns:1fr;gap:2rem}
.footer-about{text-align:center}
.footer-logo{justify-content:center}
}
@media (max-width:1024px){:root{--header-height:70px}
.container{padding:0 0.6rem}
.main-container{grid-template-columns:1fr;gap:1.5rem}
.sidebar{width:100%}
}
@media (max-width:768px){.nav-toggle{display:block;z-index:100}
.nav-list{position:absolute;top:100%;left:0;right:0;flex-direction:column;background:#fff;padding:0;margin:0;height:0;overflow:hidden;transition:height 0.3s ease;box-shadow:0 4px 6px -1px rgba(0,0,0,0.1);z-index:99}
.nav-list.active{height:auto}
.nav-item{margin:0;border-bottom:1px solid #edf2f7}
.nav-item:last-child{border-bottom:none}
.nav-link{display:block;text-align:left;color:var(--text-color);transition:all 0.2s ease}
.nav-link:hover{background:#f7fafc;color:var(--primary-color)}
.nav-toggle.active svg path:nth-child(1){transform:translateY(13px) rotate(45deg)}
.nav-toggle.active svg path:nth-child(2){opacity:0}
.nav-toggle.active svg path:nth-child(3){transform:translateY(-13px) rotate(-45deg)}
.nav-toggle svg path{transition:all 0.3s ease;transform-origin:center}
}
.hero{padding:60px 0;background:#fff}
.hero-content{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}
.hero-image{border-radius:12px;overflow:hidden}
.hero-image img{width:100%;height:auto;display:block}
.hero-info{padding:2rem}
.hero-name{font-size:2.5rem;font-weight:700;margin-bottom:0.5rem;color:var(--primary-color)}
.hero-title{font-size:1.25rem;color:var(--text-light);margin-bottom:2rem}
.hero-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}
.stat-item{text-align:center}
.stat-value{display:block;font-size:2rem;font-weight:700;color:var(--primary-color)}
.stat-label{font-size:0.875rem;color:var(--text-light)}
.lawyer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem}
.lawyer-card{position:relative;border-radius:8px;overflow:hidden;aspect-ratio:3/4}
.lawyer-photo{position:absolute;top:0;left:0;width:100%;height:100%}
.lawyer-photo img{width:100%;height:100%;object-fit:cover}
.lawyer-info{position:absolute;bottom:0;left:0;right:0;padding:3rem 1rem 1rem;background:linear-gradient( to top,rgba(0,0,0,0.7) 0%,rgba(0,0,0,0.4) 50%,rgba(0,0,0,0) 100% );color:#fff;text-align:center;transition:all 0.3s ease}
.lawyer-name{font-size:1.25rem;font-weight:600;margin-bottom:0.5rem;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,0.3)}
.lawyer-role{font-size:0.875rem;color:rgba(255,255,255,0.95);line-height:1.5;text-shadow:0 1px 2px rgba(0,0,0,0.3)}
.lawyer-card:hover .lawyer-info{background:linear-gradient( to top,rgba(0,0,0,0.8) 0%,rgba(0,0,0,0.5) 50%,rgba(0,0,0,0.1) 100% )}
.question-list{display:grid;gap:1.5rem}
.question-item{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 2px 4px rgba(0,0,0,0.05)}
.question-meta{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}
.user-avatar,.lawyer-avatar{width:40px;height:40px;border-radius:50%}
.question-title{font-size:1.125rem;font-weight:600;margin-bottom:1rem}
.answer-meta{display:flex;align-items:center;gap:1rem;margin-top:1rem;padding-top:1rem;border-top:1px solid #eee}
.case-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}
.case-card{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 2px 4px rgba(0,0,0,0.05)}
.case-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}
.case-tag{background:var(--primary-color);color:#fff;padding:0.25rem 0.75rem;border-radius:4px;font-size:0.875rem}
.form-wrapper{max-width:600px;margin:0 auto;background:#fff;padding:2rem;border-radius:12px;box-shadow:0 2px 4px rgba(0,0,0,0.05)}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1rem}
.submit-btn{width:100%;background:var(--primary-color);color:#fff;border:none;padding:1rem;border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer}
@media (max-width:768px){.hero-content{grid-template-columns:1fr;gap:2rem}
.form-row{grid-template-columns:1fr}
}
.news,.services,.cases,.contact{padding:80px 0;width:100%}
.main-container{display:flex;justify-content:space-between;margin:20px auto;max-width:var(--max-width);padding:0 15px}
.main-content{flex:1;min-width:0;background:#fff;border-radius:8px;box-shadow:0 1px 3px rgba(0,0,0,0.05);padding:1px}
@media (max-width:768px){.container{padding:0 10px}
.main-container{flex-direction:column;padding:10px;margin:10px auto}
.main-content{margin-right:0;margin-bottom:15px;padding:1px}
.sidebar{width:100%}
}
.main-layout{display:grid;grid-template-columns:280px minmax(0,1fr) 300px;gap:2rem;max-width:var(--max-width);margin:0 auto;padding:2rem}
.carousel{position:relative;background:#000;border-radius:12px;overflow:hidden;margin-bottom:1.5rem;box-shadow:0 4px 12px rgba(0,0,0,0.1);height:420px}
.carousel-inner{height:100%}
.carousel-item{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;transition:opacity 0.6s ease}
.carousel-item.active{opacity:1}
.carousel-item img{width:100%;height:100%;object-fit:cover}
.carousel-prev,.carousel-next{position:absolute;top:50%;transform:translateY(-50%);width:40px;height:40px;border:none;border-radius:50%;background:rgba(255,255,255,0.2);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all 0.3s}
.carousel-prev{left:1rem}
.carousel-next{right:1rem}
.carousel-prev:hover,.carousel-next:hover{background:rgba(255,255,255,0.3)}
.carousel-prev svg,.carousel-next svg{width:24px;height:24px}
.lawyer-profile{display:flex;height:100%;color:#fff;background:linear-gradient(90deg,rgba(0,0,0,0.85) 40%,rgba(0,0,0,0.4) 100%)}
.lawyer-image{width:55%;height:100%}
.lawyer-info{padding:4rem 3rem}
.side-right{display:flex;flex-direction:column;height:100%}
.quick-consult{background:#fff;border-radius:12px;padding:0;text-align:center;margin-bottom:2rem;box-shadow:0 2px 8px rgba(0,0,0,0.05)}
.certification{background:#fff;border-radius:12px;padding:0;margin-bottom:2rem;box-shadow:0 2px 8px rgba(0,0,0,0.05)}
.side-banner{flex:1;background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,0.05);height:420px}
.side-banner img{width:100%;height:100%;object-fit:cover}
.side-banner svg{width:100%;height:100%}
.side-banner h3{font-size:1.25rem;color:#333;margin-bottom:0.5rem}
.side-banner p{color:#666;font-size:0.875rem;margin-bottom:1.5rem}
.side-banner .qr-code{width:160px;height:160px;background:#fff;padding:1rem;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,0.1)}
.side-nav{background:#fff;border-radius:12px;padding:0;box-shadow:0 2px 8px rgba(0,0,0,0.05)}
.side-title{color:#333;font-size:1.25rem;padding:1.25rem;margin:0;background:#f0f9f4;border-radius:12px 12px 0 0;font-weight:600}
.category-list{display:flex;flex-direction:column;padding:1rem}
.category-item{display:flex;align-items:center;padding:0.75rem 1rem;color:#555;text-decoration:none;border-radius:8px;transition:all 0.3s;font-size:0.875rem;line-height:1.4}
.category-item svg{width:18px;height:18px;margin-right:0.75rem;opacity:0.7;transition:all 0.3s;flex-shrink:0}
.feature-services{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-top:1.5rem;padding:0}
.service-item{display:flex;flex-direction:column;align-items:center;text-align:center;padding:1.5rem 1rem;background:#fff;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,0.05);transition:all 0.3s}
.service-item:hover{transform:translateY(-4px);box-shadow:0 4px 12px rgba(0,0,0,0.1)}
.service-item svg{width:32px;height:32px;color:#4ade80;margin-bottom:0.75rem}
.service-item span{font-size:1rem;font-weight:500;color:#333;margin-bottom:0.25rem}
.service-item small{color:#666;font-size:0.813rem;line-height:1.4}
.cert-list{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:1rem}
.cert-item{display:flex;flex-direction:column;align-items:center;gap:0.5rem}
.cert-item svg{width:24px;height:24px;color:#4ade80;opacity:0.9}
.cert-item span{font-size:0.813rem;color:#666}
.certification h3{font-size:1.25rem;color:#333;margin:0;padding:1.25rem;background:#f0f9f4;border-radius:12px 12px 0 0;font-weight:600}
.certification-content{padding:1.5rem}
.quick-consult{background:#fff;border-radius:12px;padding:0;text-align:center;margin-bottom:2rem;box-shadow:0 2px 8px rgba(0,0,0,0.05)}
.quick-consult h3{font-size:1.25rem;color:#333;margin:0;padding:1.25rem;background:#f0f9f4;border-radius:12px 12px 0 0;font-weight:600}
.consult-btn{width:100%;padding:1rem;background:#f97316;color:white;border:none;border-radius:8px;font-size:1.125rem;font-weight:500;margin:1.5rem 0;cursor:pointer;transition:all 0.3s}
.consult-btn:hover{background:#ea580c;transform:translateY(-2px)}
.consult-tip{color:#666;font-size:0.875rem;margin-bottom:0.75rem}
.area-link{color:#00a862;text-decoration:none;font-size:0.875rem;display:inline-flex;align-items:center;transition:all 0.3s}
.area-link:hover{color:#008c4d}
.area-link:after{margin-left:0.25rem;font-family:monospace}
@media (max-width:1280px){.main-layout{grid-template-columns:240px 1fr;padding:1.5rem}
.side-right{display:none}
}
@media (max-width:768px){.main-layout{grid-template-columns:1fr;padding:1rem}
.side-nav{display:none}
.feature-services{grid-template-columns:repeat(2,1fr);gap:0.75rem}
.lawyer-profile{flex-direction:column}
.lawyer-image,.lawyer-info{width:100%;padding:2rem}
.lawyer-name{font-size:2rem}
.service-item{padding:1.25rem 0.75rem}
}
.carousel-item text{opacity:0;transform:translateY(20px);animation:fadeInUp 0.6s ease forwards}
.carousel-item.active text{animation-delay:0.3s}
@keyframes fadeInUp{from{opacity:0;transform:translateY(20px)}
to{opacity:1;transform:translateY(0)}
}
.lawyer-showcase{margin-top:2rem}
.section-title{font-size:1.5rem;color:#333;margin-bottom:1.5rem;text-align:center}
.lawyer-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem}
.lawyer-card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,0.05);transition:all 0.3s}
.lawyer-card:hover{transform:translateY(-4px);box-shadow:0 4px 12px rgba(0,0,0,0.1)}
.lawyer-photo{width:100%;aspect-ratio:1;overflow:hidden}
.lawyer-photo img{width:100%;height:100%;object-fit:cover;transition:transform 0.3s}
.lawyer-card:hover .lawyer-photo img{transform:scale(1.05)}
.lawyer-name{font-size:1.125rem;font-weight:600;color:#333;margin:1rem 1rem 0.5rem}
.lawyer-role{font-size:0.875rem;color:#666;margin:0 1rem 1rem;line-height:1.4}
@media (max-width:1024px){.lawyer-grid{grid-template-columns:repeat(2,1fr);gap:1rem}
}
@media (max-width:640px){.lawyer-grid{grid-template-columns:1fr;gap:1rem}
.lawyer-card{aspect-ratio:auto;height:180px}
.lawyer-photo{position:absolute;top:0;left:0;width:100%;height:100%}
.lawyer-photo img{width:100%;height:100%;object-fit:cover;object-position:top center}
.lawyer-info{padding:1rem;background:linear-gradient( to top,rgba(0,0,0,0.8) 0%,rgba(0,0,0,0.6) 50%,rgba(0,0,0,0.4) 100% );height:100%;display:flex;flex-direction:column;justify-content:flex-end}
.lawyer-name{font-size:1.125rem;margin-bottom:0.25rem}
.lawyer-role{font-size:0.813rem;opacity:0.9}
}
.lawyer-section{padding:3rem 0;background:var(--bg-gray)}
.lawyer-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;margin-top:2rem}
.lawyer-card{position:relative;border-radius:8px;overflow:hidden;aspect-ratio:3/4}
.lawyer-photo{position:absolute;top:0;left:0;width:100%;height:100%}
.lawyer-photo img{width:100%;height:100%;object-fit:cover;object-position:top center;transition:transform 0.3s ease}
.lawyer-card:hover .lawyer-photo img{transform:scale(1.05)}
.lawyer-info{position:absolute;bottom:0;left:0;right:0;padding:1.5rem;background:linear-gradient( to top,rgba(0,0,0,0.7) 0%,rgba(0,0,0,0.4) 50%,rgba(0,0,0,0) 100% );color:#fff}
.lawyer-name{font-size:1.25rem;font-weight:600;margin-bottom:0.5rem;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,0.3)}
.lawyer-role{font-size:0.875rem;color:rgba(255,255,255,0.95);line-height:1.5;text-shadow:0 1px 2px rgba(0,0,0,0.3)}
@media (max-width:1024px){.lawyer-grid{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:640px){.lawyer-grid{grid-template-columns:1fr;gap:1rem}
.lawyer-card{aspect-ratio:16/9}
.lawyer-photo{position:relative;height:280px}
.lawyer-photo img{object-position:top center}
.lawyer-info{padding:1rem;background:linear-gradient( to top,rgba(0,0,0,0.8) 0%,rgba(0,0,0,0.4) 100% )}
.lawyer-name{font-size:1.125rem;margin-bottom:0.25rem}
.lawyer-role{font-size:0.813rem;opacity:0.9}
}
.legal-knowledge{padding:2rem 0;background:#fff}
.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem}
.view-more{color:#666;font-size:0.875rem;text-decoration:none;transition:color 0.3s}
.view-more:hover{color:var(--primary-color)}
.knowledge-layout{display:grid;grid-template-columns:200px 1fr 380px;gap:2rem}
.legal-qa{background:#f8fafc;border-radius:8px;padding:1.25rem}
.qa-list{display:flex;flex-direction:column;gap:0.75rem}
.qa-item{display:flex;align-items:baseline;gap:0.5rem;padding:0.75rem 0;border-bottom:1px solid #edf2f7;text-decoration:none;color:var(--text-color);transition:color 0.2s ease}
.qa-item:hover{color:var(--primary-color)}
.qa-category{flex-shrink:0;font-size:0.813rem;color:var(--primary-color)}
.qa-text{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media (max-width:1024px){.knowledge-layout{grid-template-columns:180px 1fr}
.legal-qa{display:none}
}
@media (max-width:768px){.knowledge-layout{grid-template-columns:1fr}
.category-nav{display:none}
.article-item{flex-direction:column}
.article-image{width:100%;height:180px}
}
.advantages-section{padding:3rem 0;background:#f8fafc}
.advantages-section .section-title{font-size:2rem;text-align:center;color:#333;margin-bottom:2.5rem}
.advantages-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;max-width:var(--max-width);margin:0 auto;padding:0}
.advantage-card{background:#fff;padding:2rem;border-radius:8px;display:flex;flex-direction:column;align-items:center;text-align:center;min-height:340px;box-shadow:0 4px 6px rgba(0,0,0,0.05);transition:transform 0.3s ease,box-shadow 0.3s ease}
.advantage-card:hover{transform:translateY(-5px);box-shadow:0 8px 15px rgba(0,0,0,0.08)}
.advantage-icon{width:28px;height:28px;margin-bottom:0.75rem;color:#68d391;opacity:0.9;display:flex;justify-content:center;align-items:center}
.advantage-icon svg{width:100%;height:100%}
.advantage-title{font-size:1.375rem;font-weight:600;color:#2d3748;margin-bottom:1.25rem;line-height:1.5;letter-spacing:-0.01em;text-align:center}
.advantage-desc{color:#4a5568;font-size:1rem;line-height:1.7;margin-bottom:1.5rem;text-align:center}
.advantage-desc p{margin:0.375rem 0;opacity:0.9}
.advantage-highlight{margin-top:auto;padding:0.625rem 1rem;background:#f0fdf4;color:#166534;font-size:0.938rem;font-weight:500;border-radius:4px;align-self:center;border-left:3px solid #22c55e}
@media (max-width:1024px){.advantages-section{padding:3rem 0}
.advantages-section .section-title{font-size:1.75rem;margin-bottom:2.5rem}
.advantages-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem}
.advantage-card{padding:2rem;min-height:340px}
}
@media (max-width:640px){.advantages-section{padding:2.5rem 0}
.advantages-section .section-title{font-size:1.5rem;margin-bottom:2rem}
.advantages-grid{grid-template-columns:1fr;gap:1.25rem;padding:0 1.5rem}
.advantage-card{padding:1.75rem;min-height:auto}
.advantage-icon{width:48px;height:48px;margin-bottom:1.5rem}
.advantage-title{font-size:1.25rem}
}
.post{padding:0}
.post-header{margin-bottom:1rem;text-align:center}
.post-title{font-size:1.75rem;font-weight:600;color:#2d3748;margin-bottom:0.75rem;line-height:1.4;letter-spacing:-0.01em}
.post-meta{display:flex;align-items:center;justify-content:center;gap:1rem;color:#718096;font-size:0.875rem}
.post-tags{display:flex;gap:0.5rem}
.tag{padding:0.25rem 0.75rem;background:#f0fdf4;color:#166534;border-radius:4px;font-size:0.813rem;text-decoration:none}
.post-content{color:#2d3748;font-size:1rem;line-height:1.85;letter-spacing:0.01em;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;max-width:55em;margin:0 auto}
.post-content p{margin:0.5em 0;text-align:justify;text-justify:inter-ideograph;word-break:break-word;min-height:0.5em}
.post-content p:not(:first-of-type){text-indent:0}
.post-content blockquote{margin:2em 0;padding:1.5em 2em;border-left:4px solid #e2e8f0;background:#f8fafc;color:#4a5568;font-style:normal;border-radius:4px}
.post-content blockquote p{margin:0.75em 0}
.post-content ul,.post-content ol{margin:1.5em 0;padding-left:2em}
.post-content li{margin:0.5em 0;line-height:1.75}
.post-content h2{font-weight:600;margin:0.5em 0 0.5em;}
.post-content h3{font-size:1.25rem;font-weight:600;margin:0.5em 0 0.5em;color:#1a202c}
.post-content a{color:#4299e1;text-decoration:none;border-bottom:1px solid rgba(66,153,225,0.2);transition:all 0.2s ease}
.post-content a:hover{color:#2b6cb0;border-bottom-color:#2b6cb0}
.post-content img{max-width:100%;height:auto;margin:1em auto;display:block;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,0.1)}
.post-content code{background:#f7fafc;padding:0.2em 0.4em;border-radius:3px;font-size:0.875em;color:#2d3748;font-family:Consolas,Monaco,'Andale Mono',monospace}
.post-content pre{margin:0.5em 0;padding:1em;background:#f7fafc;border-radius:4px;overflow-x:auto;font-size:0.875em;line-height:1.7}
.post-content pre code{padding:0;background:none}
.post-footer{padding-top:2rem;border-top:1px solid #e2e8f0}
.post-nav{display:flex;justify-content:space-between;gap:2rem;font-size:0.875rem}
@media (max-width:768px){.post-title{font-size:1.5rem}
.post-content p{margin:1em 0}
.post-content h2{font-size:1.25rem}
.post-content h3{font-size:1.125rem}
.post-content blockquote{margin:1.5em 0;padding:0.75em 1em}
}
.article-istop{position:relative;background:linear-gradient(to right,rgba(26,54,93,0.03),transparent);border:2px solid var(--primary-color);border-radius:12px;padding:2rem;margin-bottom:2rem}
.istop-badge{position:absolute;top:-12px;left:20px;background:var(--primary-color);color:#fff;padding:4px 12px;border-radius:4px;font-size:0.75rem;display:flex;align-items:center;gap:4px;box-shadow:0 2px 4px rgba(0,0,0,0.1)}
.istop-badge .icon{width:1em;height:1em}
.istop-content{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,3fr);gap:2rem;padding-top:0.5rem}
.istop-thumb{position:relative;border-radius:8px;overflow:hidden;aspect-ratio:16/9}
.istop-thumb img{width:100%;height:100%;object-fit:cover;transition:transform 0.3s ease}
.istop-thumb:hover img{transform:scale(1.05)}
.istop-main{display:flex;flex-direction:column}
.istop-main .article-title{font-size:1.5rem;margin-bottom:1rem;line-height:1.4}
.istop-main .article-intro{flex-grow:1;margin-bottom:1.5rem;color:var(--text-light);line-height:1.75}
.istop-main .article-tags{margin-bottom:1.5rem}
@media (max-width:768px){.article-istop{padding:1.5rem}
.istop-content{grid-template-columns:1fr;gap:1rem}
.istop-main .article-title{font-size:1.25rem}
.istop-badge{font-size:0.688rem;padding:2px 8px}
}
.lawyer-link{display:block;width:100%;height:100%;text-decoration:none;color:inherit}
.lawyer-card{position:relative;border-radius:8px;overflow:hidden;aspect-ratio:3/4;transition:transform 0.3s ease}
.lawyer-card:hover{transform:translateY(-5px)}
.lawyer-info{position:absolute;bottom:0;left:0;right:0;padding:1.5rem;background:linear-gradient( to top,rgba(0,0,0,0.7) 0%,rgba(0,0,0,0.4) 50%,rgba(0,0,0,0) 100% );color:#fff;transition:background 0.3s ease}
.lawyer-card:hover .lawyer-info{background:linear-gradient( to top,rgba(0,0,0,0.8) 0%,rgba(0,0,0,0.5) 50%,rgba(0,0,0,0.1) 100% )}
@media (max-width:1024px){.lawyer-grid{grid-template-columns:repeat(2,1fr);gap:1rem}
}
@media (max-width:768px){.lawyer-grid{grid-template-columns:repeat(2,1fr);gap:0.75rem}
.lawyer-card{aspect-ratio:3/4;height:auto}
.lawyer-photo{position:absolute;top:0;left:0;width:100%;height:100%}
.lawyer-photo img{width:100%;height:100%;object-fit:cover;object-position:top center}
.lawyer-info{position:absolute;bottom:0;left:0;right:0;padding:0.75rem}
.lawyer-name{font-size:1rem;margin-bottom:0.25rem}
.lawyer-role{font-size:0.75rem;opacity:0.9;line-height:1.3}
}
@media (max-width:480px){.lawyer-grid{gap:0.5rem}
.lawyer-info{padding:0.5rem}
}
.page-header{text-align:center;margin-bottom:3rem}
.page-title{font-size:2rem;color:var(--text-color);margin-bottom:1rem}
.page-description{color:var(--text-light);max-width:800px;margin:0 auto;line-height:1.75}
.lawyers-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem}
.lawyers-grid .lawyer-card{position:relative;border-radius:8px;overflow:hidden;aspect-ratio:3/4}
.lawyers-grid .lawyer-photo{position:absolute;top:0;left:0;width:100%;height:100%}
.lawyers-grid .lawyer-photo img{width:100%;height:100%;object-fit:cover;object-position:top center;transition:transform 0.3s ease}
@media (max-width:1200px){.lawyers-grid{grid-template-columns:repeat(3,1fr);gap:1.25rem}
}
@media (max-width:992px){.lawyers-grid{grid-template-columns:repeat(2,1fr);gap:1rem}
}
@media (max-width:768px){.page-title{font-size:1.75rem}
.lawyers-grid{grid-template-columns:repeat(2,1fr);gap:0.75rem}
.lawyers-grid .lawyer-card{aspect-ratio:3/4}
}
@media (max-width:480px){.lawyers-grid{gap:0.5rem}
.page-header{margin-bottom:2rem}
}
.guide-section{background:#fff;text-align:center}
.guide-title{font-size:2rem;color:var(--text-color)}
.guide-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;max-width:1200px;margin:0 auto}
.guide-item{padding:1rem}
.guide-icon{width:64px;height:64px;border-radius:50%;background:#e6f7f1;color:#00a862;font-size:1.5rem;font-weight:bold;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem}
.guide-item h3{font-size:1.25rem;color:var(--text-color);margin-bottom:1rem}
.guide-item p{color:var(--text-light);line-height:1.75;font-size:0.875rem}
@media (max-width:992px){.guide-grid{grid-template-columns:repeat(3,1fr);gap:1.5rem;padding:0 1rem}
}
@media (max-width:768px){.guide-title{font-size:1.75rem;margin-bottom:1rem}
.guide-grid{grid-template-columns:1fr;gap:1.5rem}
.guide-item{padding:0.5rem}
.guide-icon{width:48px;height:48px;font-size:1.25rem;margin-bottom:1rem}
.guide-item h3{font-size:1.125rem}
}
.pagination{display:flex;align-items:center;justify-content:center;gap:0.5rem;margin:3rem 0;padding-top:2rem;border-top:1px solid #edf2f7}
.pagination a,.pagination .current{display:inline-flex;align-items:center;justify-content:center;min-width:2.5rem;height:2.5rem;padding:0 0.75rem;border-radius:6px;font-size:0.875rem;font-weight:500;text-decoration:none;transition:all 0.3s ease}
.pagination a{background:#f1f5f9;color:var(--text-color);border:1px solid #e2e8f0}
.pagination a:hover{background:var(--primary-light);color:#fff;border-color:var(--primary-light);transform:translateY(-1px);box-shadow:0 2px 8px rgba(0,0,0,0.1)}
.pagination .current{background:var(--primary-color);color:#fff;border:1px solid var(--primary-color);box-shadow:0 2px 8px rgba(0,0,0,0.1)}
.pagination a:first-child,.pagination a:last-child{font-size:0.813rem;padding:0 1rem}
.pagination span:not(.current){color:var(--text-light);padding:0 0.5rem}
@media (max-width:768px){.pagination{gap:0.375rem;margin:2rem 0;padding-top:1.5rem;flex-wrap:wrap}
.pagination a,.pagination .current{min-width:2.25rem;height:2.25rem;padding:0 0.5rem;font-size:0.813rem}
.pagination a:first-child,.pagination a:last-child{padding:0 0.75rem}
}
@media (max-width:480px){.pagination{gap:0.25rem}
.pagination a,.pagination .current{min-width:2rem;height:2rem;padding:0 0.375rem;font-size:0.75rem}
}


.post-content h1{font-size:22px}
.post-content h2{font-size:20px;
  font-family: 'Cormorant Garamond', serif;
  color: #1A365D;
  padding: 0.5px 33px;
  background: white;
  clip-path: polygon(0 0, 100% 0, 95% 100%, 5% 100%);
  position: relative;
  border: 1px solid rgba(26,54,93,0.1);
    
}
.post-content h2::before {
  content: "";
  position: absolute;
  inset: -3px;
  background: linear-gradient(145deg, #B8860B 0%, transparent 30%);
  z-index: -1;
  clip-path: inherit;
}



@keyframes shine {
  to { transform: translate(50%, 50%); }
}
.post-content h3{font-size:17px}
.post-content h4{font-size:15px}
.post-content h5{font-size:14px}
.post-content h6{font-size:12px}
.post-content h1:first-child,.post-content h2:first-child,.post-content h3:first-child,.post-content h4:first-child,.post-content h5:first-child,.post-content h6:first-child{margin-top:0}
.post-author{margin:1rem 0;padding:1rem;background:#f8fafc;border-radius:12px;display:flex;gap:2rem;align-items:flex-start}
.author-avatar{flex-shrink:0;width:120px;height:160px;border-radius:8px;overflow:hidden;border:3px solid #fff;box-shadow:0 2px 8px rgba(0,0,0,0.1)}
.author-avatar img{width:100%;height:100%;object-fit:cover;object-position:center}
.author-info{flex:1}
.author-name{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}
.author-name a{color:var(--text-color);text-decoration:none;font-size:1.25rem;font-weight:600}
.author-name a:hover{color:var(--primary-color)}
.author-title{background:var(--primary-color);color:#fff;padding:0.25rem 0.75rem;border-radius:4px;font-size:0.813rem;font-weight:normal}
.author-bio{color:var(--text-light);line-height:1.75;margin-bottom:1.5rem}
.author-meta{display:flex;gap:2rem}
.meta-item{display:flex;align-items:center;gap:0.5rem;color:var(--text-light);font-size:0.875rem}
.meta-item .icon{width:1.25em;height:1.25em;color:var(--primary-color)}
@media (max-width:768px){.post-author{flex-direction:column;align-items:center;text-align:center;padding:1.5rem;gap:1rem}
.author-meta{justify-content:center;flex-wrap:wrap;gap:1rem}
.author-avatar{width:100px;height:133px}
}
.post-category{display:inline-flex;align-items:center;gap:0.375rem;padding:0.25rem 0.75rem;background:var(--bg-gray);border-radius:4px;margin-left:1rem}
.post-category .icon{width:1em;height:1em;color:var(--primary-color)}
.post-category a{color:var(--text-color);text-decoration:none;font-size:0.875rem;transition:color 0.2s ease}
.post-category a:hover{color:var(--primary-color)}
@media (max-width:768px){.post-meta{flex-wrap:wrap;gap:0.75rem}
.post-category{margin-left:0}
}
.zk_article_recommendation,.zk_article_recommendation *{margin:0;padding:0;box-sizing:border-box !important;list-style:none}
.zk_article_recommendation .recommendation-title{font-size:18px;font-weight:700;margin:0}
.zk_article_recommendation .recommendation-list{margin:0;font-size:16px}
.zk_article_recommendation .recommendation-list .zk-a-item{padding:2px 0 5px;border-bottom:1px solid #e0e0e0;margin:0}
.zk_article_recommendation .recommendation-list .zk-a-item a{margin:auto}
.zk_article_recommendation .zk-a-t{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-indent:0}
.zk_article_recommendation .zk-a-i{color:#666;line-height:20px;overflow:hidden;font-size:14px;margin:0;text-indent:0}
.post-authors{display:inline-flex;align-items:center;gap:0.375rem;padding:0.25rem 0.75rem;background:var(--bg-gray);border-radius:4px;margin-left:1rem}
.post-authors .icon{width:1em;height:1em;color:var(--primary-color)}
.post-authors a{color:var(--text-color);text-decoration:none;font-size:0.875rem;transition:color 0.2s ease}
.post-authors a:hover{color:var(--primary-color)}
@media (max-width:768px){.post-meta{flex-wrap:wrap;gap:0.75rem}
.post-authors{margin-left:0}
}
.author-page-header{display:flex;gap:2rem;align-items:flex-start;margin-bottom:2rem;padding:2rem;background:#f8fafc;border-radius:12px}
.author-page-avatar{flex-shrink:0;width:180px;height:240px;border-radius:8px;overflow:hidden;border:3px solid #fff;box-shadow:0 2px 8px rgba(0,0,0,0.1)}
.author-page-avatar img{width:100%;height:100%;object-fit:cover;object-position:center}
.author-page-info{flex:1}
.author-page-name{font-size:1.5rem;font-weight:600;margin-bottom:1rem;color:var(--text-color)}
.author-page-title{display:inline-block;background:var(--primary-color);color:#fff;padding:0.25rem 0.75rem;border-radius:4px;font-size:0.875rem;margin-bottom:1rem}
.author-page-bio{color:var(--text-light);line-height:1.75;margin-bottom:1.5rem}
@media (max-width:768px){.author-page-header{flex-direction:column;align-items:center;text-align:center;padding:1.5rem;gap:1.5rem}
.author-page-avatar{width:150px;height:200px}
}
@media (max-width:480px){.author-page-avatar{width:120px;height:160px}
.author-page-name{font-size:1.25rem}
}
.breadcrumb{padding:1rem 0;margin-bottom:2rem;border-bottom:1px solid #edf2f7;background:#fff}
.breadcrumb .container{display:flex;align-items:center;flex-wrap:wrap;gap:0.5rem}
.breadcrumb a{display:inline-flex;align-items:center;gap:0.375rem;color:var(--text-light);text-decoration:none;font-size:0.875rem;transition:all 0.2s ease}
.breadcrumb a:hover{color:var(--primary-color)}
.breadcrumb .icon{width:1em;height:1em;opacity:0.6;transition:opacity 0.2s ease}
.breadcrumb a:hover .icon{opacity:1}
.breadcrumb .separator{color:#cbd5e0;font-size:0.875rem;margin:0 0.25rem;display:inline-flex;align-items:center}
.breadcrumb .current{color:var(--text-color);font-size:0.875rem;font-weight:500;max-width:300px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.breadcrumb a{position:relative}
.breadcrumb a::after{content:'';position:absolute;bottom:-2px;left:0;width:0;height:1px;background:var(--primary-color);transition:width 0.2s ease}
.breadcrumb a:hover::after{width:100%}
@media (max-width:768px){.breadcrumb{padding:0.75rem 0;margin-bottom:1.5rem}
.breadcrumb .current{max-width:200px}
}
.category-nav{display:flex;flex-direction:column;gap:8px;padding:12px 8px;background:#fff;border-radius:8px;box-shadow:0 1px 3px rgba(0,0,0,0.05)}
.category-nav .nav-link{display:flex;align-items:center;justify-content:center;padding:12px 16px;color:#4a5568;text-decoration:none;border-radius:6px;font-size:1rem;font-weight:500;transition:all 0.2s ease;line-height:1.6;position:relative;text-align:center;width:90%;margin:0 auto}
.category-nav .nav-link svg{width:18px;height:18px;margin-right:10px;color:#a0aec0;transition:all 0.2s ease;flex-shrink:0}
.category-nav .nav-link span{flex:1;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:0.8px}
.category-nav .nav-link .count{margin-left:10px;font-size:0.875rem;color:#a0aec0;background:#f1f5f9;padding:3px 10px;border-radius:12px;transition:all 0.2s ease;min-width:28px;text-align:center}
@media (max-width:768px){.category-nav .nav-link{padding:10px 14px;font-size:0.938rem}
.category-nav .nav-link svg{width:16px;height:16px}
.category-nav .nav-link .count{font-size:0.813rem;padding:2px 8px}
}
.category-description{margin:1rem 0;color:#666;line-height:1.6;font-size:0.938rem;padding:0.75rem 1rem;background:#f8fafc;border-radius:6px;border-left:3px solid var(--primary-color)}
.widget-ad{width:100%;aspect-ratio:1/1;background:#f8fafc;border-radius:8px;overflow:hidden;position:relative;margin-bottom:1.5rem;box-shadow:0 1px 3px rgba(0,0,0,0.05)}
.widget-ad a{display:block;width:100%;height:100%}
.widget-ad img{width:100%;height:100%;object-fit:cover;transition:transform 0.3s ease}
.widget-ad:hover img{transform:scale(1.02)}
.widget-ad::after{content:'广告';position:absolute;top:8px;right:8px;background:rgba(0,0,0,0.5);color:#fff;padding:2px 6px;border-radius:4px;font-size:0.75rem;opacity:0.8}
.widget-ad a{display:block;padding:0;margin:0;border:none}
.widget-ad a::before{display:none}
@media (max-width:768px){.widget-ad{max-width:300px;margin:1rem auto}
}
@media (max-width:768px){.sidebar{display:none !important}
.main-content{width:100%;margin:1px 0;padding:1px}
.container,.main-container{padding:0 6px}
.article-list{margin:0}
.category-container{padding:10px}
.search-container{padding:10px}
}
@media (min-width:769px){.sidebar{display:block;width:300px}
}
@keyframes slideDown{from{opacity:0;transform:translateY(-10px)}
to{opacity:1;transform:translateY(0)}
}
@media (max-width:768px){.category-nav{display:none}
}
@media (max-width:768px){.nav-list{display:none;position:absolute;top:var(--header-height);left:0;right:0;flex-direction:column;background:#fff;padding:0;margin:0;box-shadow:0 4px 6px rgba(0,0,0,0.1);z-index:1000}
.nav-item{margin:0;width:100%;border-bottom:1px solid #eee}
.nav-link{display:block;padding:1rem 1.5rem;text-align:left}
.nav-toggle{display:flex;align-items:center;justify-content:center}
.nav.active .nav-list{display:block}
.nav-toggle.active svg path:nth-child(1){transform:translateY(13px) rotate(45deg)}
.nav-toggle.active svg path:nth-child(2){opacity:0}
.nav-toggle.active svg path:nth-child(3){transform:translateY(-13px) rotate(-45deg)}
}
.article-list{display:flex;flex-direction:column;gap:0.5rem}
.article-header{display:flex;justify-content:space-between;align-items:center;gap:0.75rem}
.article-date{flex-shrink:0;color:#999;font-size:0.813rem}
.article-first{padding:1rem;background:#fff;border-radius:8px;box-shadow:0 1px 3px rgba(0,0,0,0.05)}
.article-first .article-title{font-size:1.125rem}
.article-first .article-excerpt{color:var(--text-light);line-height:1.6;margin-top:0.75rem;font-size:0.875rem}
.article-simple{padding:0.75rem 1rem;background:#fff;border-radius:8px;box-shadow:0 1px 3px rgba(0,0,0,0.05)}
.article-simple .article-title{font-size:0.938rem}
@media (max-width:768px){.article-list{gap:0.375rem}
.article-first{padding:0.875rem}
.article-first .article-title{font-size:1rem}
.article-simple{padding:0.625rem 0.875rem}
.article-simple .article-title{font-size:0.875rem}
.article-date{font-size:0.75rem}
}
body.nav-open{overflow:hidden}