:root{--navy:#0d2743;--navy-2:#173f69;--ink:#152333;--muted:#657180;--gold:#c8a13a;--cream:#faf8f3;--line:#e5e1d9;--white:#fff;--shadow:0 18px 50px rgba(13,39,67,.10);--serif:"Noto Serif SC","Source Han Serif SC","Songti SC",serif;--sans:"Noto Sans SC","PingFang SC","Microsoft YaHei",sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--cream);font-family:var(--sans);line-height:1.75}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}.container{width:min(1180px,calc(100% - 40px));margin:auto}
.topline{height:6px;background:linear-gradient(90deg,var(--gold),#e5c96f,var(--gold))}.header{position:sticky;top:0;z-index:50;background:rgba(250,248,243,.96);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}.header-inner{height:78px;display:flex;align-items:center;justify-content:space-between;gap:28px}.brand{display:flex;align-items:center;gap:12px;min-width:max-content}.brand-mark{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:var(--navy);color:var(--gold);font-family:var(--serif);font-weight:900;border:2px solid var(--gold)}.brand strong{display:block;font-family:var(--serif);font-size:18px}.brand small{display:block;color:var(--muted);font-size:11px;letter-spacing:.08em}.nav{display:flex;align-items:center;gap:24px;font-size:14px}.nav a{position:relative;padding:27px 0}.nav a:after{content:"";position:absolute;left:0;right:0;bottom:18px;height:2px;background:var(--gold);transform:scaleX(0);transition:.25s}.nav a:hover:after,.nav a.active:after{transform:scaleX(1)}.header-cta,.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:999px;padding:12px 22px;background:var(--gold);color:#10263e;font-weight:700;cursor:pointer;transition:.25s}.btn:hover,.header-cta:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(200,161,58,.3)}.btn-outline{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.5)}.menu-toggle{display:none;background:none;border:0;color:var(--navy);font-size:26px}
.hero{position:relative;overflow:hidden;color:#fff;background:radial-gradient(circle at 86% 22%,rgba(55,111,168,.4),transparent 32%),linear-gradient(120deg,#0b223a,#173f69);padding:92px 0 76px}.hero:after{content:"执";position:absolute;right:5%;bottom:-130px;font:900 360px/1 var(--serif);color:rgba(255,255,255,.035)}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:80px;align-items:center;position:relative;z-index:1}.eyebrow{color:var(--gold);text-transform:uppercase;letter-spacing:.18em;font-size:12px;font-weight:800}.hero h1{font:900 clamp(44px,6vw,76px)/1.15 var(--serif);margin:16px 0 6px;letter-spacing:.06em}.hero .role{font:600 18px/1.6 var(--serif);color:#dce5ee}.hero .lead{font:700 clamp(22px,3vw,36px)/1.5 var(--serif);margin:28px 0 18px;max-width:720px}.hero .lead em{font-style:normal;color:#e5c65e}.hero p{color:#d0dbe6;max-width:680px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.15);border-radius:16px;overflow:hidden;margin-top:44px}.metric{padding:20px;background:rgba(8,27,47,.35)}.metric strong{display:block;color:var(--gold);font:800 26px var(--serif)}.metric span{font-size:12px;color:#cbd5df}.hero-panel{display:grid;gap:14px}.hero-service{padding:22px 24px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.06);border-radius:12px;display:flex;align-items:center;gap:18px}.hero-service b{width:34px;height:34px;border-radius:8px;display:grid;place-items:center;background:rgba(200,161,58,.15);color:var(--gold)}.hero-service strong{display:block;font-family:var(--serif)}.hero-service small{color:#bdcad6}
.section{padding:92px 0;background:#fff}.section.alt{background:var(--cream)}.section.dark{background:var(--navy);color:#fff}.section-head{max-width:760px;margin-bottom:42px}.section-head.center{text-align:center;margin-left:auto;margin-right:auto}.section h2,.page-hero h1{font:800 clamp(30px,4vw,48px)/1.35 var(--serif);margin:8px 0 12px}.section-head p{color:var(--muted);font-size:17px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:30px;box-shadow:0 8px 30px rgba(13,39,67,.04);transition:.25s}.card:hover{transform:translateY(-5px);box-shadow:var(--shadow);border-color:#dac77d}.card-num{color:var(--gold);font:800 13px var(--serif);letter-spacing:.12em}.card h3{font:700 22px/1.5 var(--serif);margin:12px 0}.card p{color:var(--muted)}.text-link{color:var(--navy-2);font-weight:700}.practice-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}.practice-card{position:relative;padding:34px;background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden}.practice-card:before{content:"";position:absolute;left:0;top:0;width:5px;height:100%;background:var(--gold)}.practice-card h3{font:700 24px var(--serif);margin:0 0 8px}.practice-card p{color:var(--muted)}.tag-list{display:flex;gap:8px;flex-wrap:wrap}.tag{padding:6px 11px;border-radius:999px;background:#eef2f6;color:#30475e;font-size:13px}
.about-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:54px}.prose{font-size:17px}.prose p{margin:0 0 22px}.quote{border-left:3px solid var(--gold);padding:8px 0 8px 24px;font:600 21px/1.8 var(--serif);color:var(--navy)}.profile-card{background:var(--navy);color:#fff;border-radius:16px;padding:34px;box-shadow:var(--shadow)}.profile-card h3{font:700 28px var(--serif);margin:0}.profile-card p{color:#cbd6e0}.detail-list{list-style:none;padding:0;margin:26px 0}.detail-list li{padding:12px 0;border-bottom:1px solid rgba(255,255,255,.12)}.detail-list small{display:block;color:#91a5b8}.detail-list a{color:#e5c65e}
.cta{padding:62px 0;background:linear-gradient(110deg,#b58d26,#d8b752);color:#10263e}.cta-inner{display:flex;justify-content:space-between;align-items:center;gap:30px}.cta h2{font:800 30px var(--serif);margin:0}.cta p{margin:6px 0 0}.cta .btn{background:var(--navy);color:#fff}
.page-hero{padding:72px 0;background:linear-gradient(120deg,#0c243d,#173f69);color:#fff}.page-hero p{color:#ccd7e1;max-width:760px}.breadcrumb{font-size:13px;color:#b7c5d2}.content{padding:70px 0;background:#fff}.content-wrap{max-width:920px;margin:auto}.content h2{font:700 29px var(--serif);margin:52px 0 14px}.content h3{font:700 22px var(--serif);margin:34px 0 10px}.content p,.content li{font-size:17px}.content blockquote{margin:18px 0;padding:20px 24px;background:var(--cream);border-left:4px solid var(--gold)}.info-table{width:100%;border-collapse:collapse;margin:24px 0}.info-table th,.info-table td{padding:15px;border-bottom:1px solid var(--line);text-align:left}.info-table th{width:150px;color:var(--muted);font-weight:500}.case-list{display:grid;gap:18px}.case{border:1px solid var(--line);border-radius:12px;padding:26px}.case b{color:var(--gold);font-size:13px}.case h3{margin:8px 0}.faq{border-bottom:1px solid var(--line)}.faq button{width:100%;border:0;background:none;text-align:left;padding:22px 0;display:flex;justify-content:space-between;gap:20px;font:700 19px var(--serif);cursor:pointer}.faq button span:last-child{color:var(--gold)}.faq-answer{display:none;padding:0 0 24px;color:var(--muted)}.faq.open .faq-answer{display:block}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:34px}.contact-box{border-radius:14px;padding:32px;background:var(--cream);border:1px solid var(--line)}.contact-box.dark{background:var(--navy);color:#fff}.contact-box.dark a{color:#e5c65e}
.footer{background:#091929;color:#adbbc8;padding:58px 0 24px}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:50px}.footer h3,.footer h4{color:#fff;font-family:var(--serif)}.footer a{color:#dce5ed}.footer-links{display:grid;gap:8px}.footer-bottom{margin-top:38px;padding-top:20px;border-top:1px solid rgba(255,255,255,.1);font-size:12px}
.reveal{opacity:1;transform:none}
@media(max-width:900px){.nav,.header-cta{display:none}.menu-toggle{display:block}.nav.open{position:absolute;display:grid;top:78px;left:0;right:0;background:var(--cream);padding:10px 24px 22px;border-bottom:1px solid var(--line);gap:0}.nav.open a{padding:12px 0}.nav.open a:after{bottom:7px}.hero{padding:64px 0}.hero-grid,.about-grid,.contact-grid{grid-template-columns:1fr}.hero-panel{display:none}.grid-3{grid-template-columns:1fr}.practice-grid{grid-template-columns:1fr}.cta-inner{align-items:flex-start;flex-direction:column}.footer-grid{grid-template-columns:1fr}.page-hero{padding:54px 0}.section{padding:68px 0}}
@media(max-width:560px){.container{width:min(100% - 28px,1180px)}.header-inner{height:68px}.nav.open{top:68px}.brand strong{font-size:16px}.brand small{font-size:10px}.hero h1{font-size:46px}.hero .lead{font-size:24px}.metrics{grid-template-columns:1fr}.metric{display:flex;gap:12px;align-items:baseline;padding:12px 18px}.section{padding:56px 0}.card,.practice-card{padding:24px}.page-hero h1{font-size:34px}}

/* Consultation form */
.contact-grid{grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);gap:28px;align-items:stretch}
.contact-box{padding:clamp(32px,4vw,52px);border-radius:20px;background:#fff;box-shadow:0 18px 55px rgba(13,39,67,.07)}
.contact-box h2{margin:10px 0 30px;font-size:clamp(28px,3vw,38px);line-height:1.35}
.contact-box form{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:22px;row-gap:8px}
.contact-box form label{display:block;margin:0;color:var(--navy);font-size:14px;font-weight:700;letter-spacing:.02em}
.contact-box form label:nth-of-type(1){grid-column:1;grid-row:1}
.contact-box form input[name="name"]{grid-column:1;grid-row:2}
.contact-box form label:nth-of-type(2){grid-column:2;grid-row:1}
.contact-box form input[name="phone"]{grid-column:2;grid-row:2}
.contact-box form label:nth-of-type(3){grid-column:1/-1;grid-row:3;margin-top:14px}
.contact-box form select[name="service_type"]{grid-column:1/-1;grid-row:4}
.contact-box form label:nth-of-type(4){grid-column:1/-1;grid-row:5;margin-top:14px}
.contact-box form textarea[name="remark"]{grid-column:1/-1;grid-row:6;min-height:150px;resize:vertical}
.contact-box form input:not([type="hidden"]),.contact-box form select,.contact-box form textarea{width:100%;min-width:0;border:1px solid #d8dde3;border-radius:10px;background:#fbfcfd;color:var(--ink);padding:13px 15px;font:inherit;line-height:1.5;outline:0;transition:border-color .2s,box-shadow .2s,background .2s}
.contact-box form input:not([type="hidden"]):focus,.contact-box form select:focus,.contact-box form textarea:focus{background:#fff;border-color:var(--gold);box-shadow:0 0 0 4px rgba(200,161,58,.13)}
.contact-box form .btn{grid-column:1/-1;grid-row:7;width:100%;min-height:52px;margin-top:14px!important;border-radius:10px;font-size:16px;letter-spacing:.04em}
.contact-box form .hint{grid-column:1/-1;grid-row:8;margin:6px 0 0;color:var(--muted);font-size:13px;text-align:center}
.contact-box.dark{position:relative;overflow:hidden;background:linear-gradient(145deg,#0b223a,#173f69);border-color:transparent;box-shadow:0 22px 60px rgba(13,39,67,.18)}
.contact-box.dark:after{content:"联";position:absolute;right:-26px;bottom:-66px;color:rgba(255,255,255,.035);font:900 210px/1 var(--serif);pointer-events:none}
.contact-box.dark h2{color:#fff}
.contact-box.dark p{position:relative;z-index:1;padding:0 0 18px;margin:0 0 18px;border-bottom:1px solid rgba(255,255,255,.1);color:#d3dde7}
.contact-box.dark p:last-child{border-bottom:0}
.contact-box.dark strong{display:inline-block;margin-bottom:4px;color:#fff;font-size:14px}
@media(max-width:900px){.contact-grid{grid-template-columns:1fr}.contact-box{padding:34px}.contact-box form{grid-template-columns:1fr}.contact-box form label:nth-of-type(1),.contact-box form label:nth-of-type(2),.contact-box form label:nth-of-type(3),.contact-box form label:nth-of-type(4),.contact-box form input[name="name"],.contact-box form input[name="phone"],.contact-box form select[name="service_type"],.contact-box form textarea[name="remark"],.contact-box form .btn,.contact-box form .hint{grid-column:1}.contact-box form label:nth-of-type(1){grid-row:1}.contact-box form input[name="name"]{grid-row:2}.contact-box form label:nth-of-type(2){grid-row:3;margin-top:12px}.contact-box form input[name="phone"]{grid-row:4}.contact-box form label:nth-of-type(3){grid-row:5}.contact-box form select[name="service_type"]{grid-row:6}.contact-box form label:nth-of-type(4){grid-row:7}.contact-box form textarea[name="remark"]{grid-row:8}.contact-box form .btn{grid-row:9}.contact-box form .hint{grid-row:10}}
@media(max-width:560px){.content{padding:46px 0}.contact-box{padding:26px 20px;border-radius:16px}.contact-box h2{font-size:27px;margin-bottom:24px}}

/* Public list pagination */
.list-summary{margin:0 0 20px;color:var(--muted);font-size:14px}
.pagination{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;margin-top:38px}
.pagination a,.pagination span{min-width:42px;height:42px;padding:0 13px;border:1px solid var(--line);border-radius:8px;display:inline-flex;align-items:center;justify-content:center;background:#fff;color:var(--navy);font-size:14px;font-weight:700}
.pagination a:hover{border-color:var(--gold);color:#9a7419;box-shadow:0 6px 16px rgba(13,39,67,.08)}
.pagination .current{border-color:var(--navy);background:var(--navy);color:#fff}
.pagination .disabled{color:#a2aab3;background:#f4f5f6}
@media(min-width:901px) and (max-width:1220px){.nav{gap:14px;font-size:13px}.header-inner{gap:18px}.header-cta{padding:11px 16px}}

/* Previous / next content */
.detail-nav{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:48px;padding-top:28px;border-top:1px solid var(--line)}
.detail-nav>a,.detail-nav-empty{min-width:0;padding:18px 20px;border:1px solid var(--line);border-radius:12px;background:var(--cream);display:flex;flex-direction:column;gap:5px;transition:.2s}
.detail-nav>a:last-child,.detail-nav-empty:last-child{text-align:right;align-items:flex-end}
.detail-nav span{color:var(--muted);font-size:12px;font-weight:700}
.detail-nav strong{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--navy);font:700 16px/1.5 var(--serif)}
.detail-nav>a:hover{border-color:var(--gold);background:#fff;transform:translateY(-2px);box-shadow:0 10px 26px rgba(13,39,67,.08)}
.detail-nav-empty{opacity:.55}
@media(max-width:620px){.detail-nav{grid-template-columns:1fr}.detail-nav>a:last-child,.detail-nav-empty:last-child{text-align:left;align-items:flex-start}}

/* Official lawyer portrait on About page */
.profile-card{overflow:hidden}
.about-portrait{position:relative;height:470px;margin:-34px -34px 28px;overflow:hidden;display:flex;align-items:flex-end;justify-content:center;background:radial-gradient(circle at 50% 28%,#486785,#102d49 72%);border-bottom:1px solid rgba(255,255,255,.12)}
.about-portrait img{position:relative;z-index:1;width:138%;max-width:none;height:100%;object-fit:contain;filter:drop-shadow(0 24px 26px rgba(0,0,0,.3))}
.about-portrait figcaption{position:absolute;z-index:2;left:18px;right:18px;bottom:16px;padding:9px 12px;border-radius:8px;background:rgba(7,25,43,.8);color:#d7e1ea;font-size:12px;text-align:center;backdrop-filter:blur(8px)}
@media(max-width:560px){.about-portrait{height:430px;margin:-24px -24px 24px}}
.published-articles a{color:var(--navy-2);font-weight:700;border-bottom:1px solid rgba(23,63,105,.28);transition:.2s}
.published-articles a:hover{color:#9a7419;border-bottom-color:var(--gold)}

/* Floating contact tools */
.floating-tools{position:fixed;right:18px;top:50%;z-index:90;display:grid;transform:translateY(-50%);border:1px solid rgba(200,161,58,.35);border-radius:14px;background:rgba(10,34,58,.96);box-shadow:0 18px 45px rgba(9,25,41,.22);overflow:visible;backdrop-filter:blur(12px)}
.float-item{position:relative;width:62px;height:66px;border:0;border-bottom:1px solid rgba(255,255,255,.1);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;background:transparent;color:#fff;cursor:pointer;transition:.2s}
.float-item:first-child{border-radius:13px 13px 0 0}.float-item:last-child{border-bottom:0;border-radius:0 0 13px 13px}
.float-item svg{width:23px;height:23px;fill:var(--gold)}.float-item>span{font-size:11px}
.float-item:hover,.float-item:focus{background:var(--gold);color:var(--navy);outline:0}.float-item:hover svg,.float-item:focus svg{fill:var(--navy)}
.float-top{display:none}.float-top.visible{display:flex}
.float-popover{position:absolute;right:74px;top:50%;width:244px;padding:18px;border:1px solid var(--line);border-radius:15px;background:#fff;color:var(--ink);box-shadow:0 18px 45px rgba(13,39,67,.18);text-align:center;transform:translateY(-50%) translateX(8px);opacity:0;visibility:hidden;pointer-events:none;transition:.2s}
.float-popover:after{content:"";position:absolute;right:-7px;top:50%;width:12px;height:12px;background:#fff;border-top:1px solid var(--line);border-right:1px solid var(--line);transform:translateY(-50%) rotate(45deg)}
.float-wechat:hover .float-popover,.float-wechat:focus .float-popover{opacity:1;visibility:visible;transform:translateY(-50%) translateX(0)}
.float-popover img,.qr-placeholder{width:208px;height:208px;margin:auto;border-radius:10px;object-fit:contain;background:#f3f5f6}
.qr-placeholder{display:grid;place-items:center;color:var(--muted);font-size:13px;line-height:1.6}
.float-popover strong,.float-popover small{display:block}.float-popover strong{margin-top:8px;color:var(--navy)}.float-popover small{color:var(--muted)}
.phone-hover-popover{position:absolute;right:74px;top:50%;width:184px;padding:13px 15px;border:1px solid var(--line);border-radius:11px;background:#fff;color:var(--ink);box-shadow:0 16px 38px rgba(13,39,67,.18);text-align:left;transform:translateY(-50%) translateX(8px);opacity:0;visibility:hidden;pointer-events:auto;cursor:pointer;transition:.2s}
.phone-hover-popover:after{content:"";position:absolute;right:-7px;top:50%;width:12px;height:12px;background:#fff;border-top:1px solid var(--line);border-right:1px solid var(--line);transform:translateY(-50%) rotate(45deg)}
.float-item:hover .phone-hover-popover,.float-item:focus .phone-hover-popover,.phone-hover-popover.copied{opacity:1;visibility:visible;transform:translateY(-50%) translateX(0)}
.phone-hover-popover span,.phone-hover-popover strong,.phone-hover-popover small{display:block}.phone-hover-popover span{color:var(--muted);font-size:12px}.phone-hover-popover strong{margin-top:2px;color:var(--navy);font-size:18px;letter-spacing:.03em}.phone-hover-popover small{margin-top:2px;color:#8a98a5;font-size:11px}
.phone-hover-popover.copied{border-color:#d9bc64}.phone-hover-popover.copied span{color:#8a6a18}
@media(max-width:760px){.floating-tools{right:10px;top:auto;bottom:16px;transform:none;grid-template-columns:repeat(4,54px)}.float-item{width:54px;height:55px;border-bottom:0;border-right:1px solid rgba(255,255,255,.1)}.float-item:first-child{border-radius:13px 0 0 13px}.float-item:last-child{border-right:0;border-radius:0 13px 13px 0}.float-popover{right:0;top:auto;bottom:66px;width:232px;padding:14px;transform:translateY(8px)}.float-popover img,.qr-placeholder{width:202px;height:202px}.float-wechat:hover .float-popover,.float-wechat:focus .float-popover{transform:translateY(0)}.float-popover:after{right:18px;top:auto;bottom:-7px;transform:rotate(135deg)}}