:root{
color-scheme:light;
--text:#222321;
--muted:#6d6e69;
--bg:#fff;
--bg-soft:#f7f5f0;
--panel:#fff;
--panel-2:#f7f5f0;
--line:#deded8;
--gold:#555953;
--gold-2:#3e453f;
--shadow:0 12px 28px #24221b0b}

body{
background:#fff;
color:#222321;
font-family:'Noto Sans CJK SC','Microsoft YaHei',sans-serif;
font-size:16px;
line-height:1.75}
button,a,summary{
-webkit-tap-highlight-color:transparent}
button{
font:inherit;
cursor:pointer}
a{
text-underline-offset:4px}
button:focus-visible,a:focus-visible,summary:focus-visible{
outline:3px solid #438572;
outline-offset:4px}
h1,h2,h3,p{
margin-top:0}
h1,h2,.slogan,.platform-card h3{
font-family:'Noto Serif CJK SC','Songti SC',SimSun,serif;
font-weight:500}
h2{
font-size:40px;
line-height:1.5;
letter-spacing:1px;
margin-bottom:24px}
h3{
font-size:22px}
img{
max-width:100%}

.topbar{
position:relative;
background:#202224;
color:#efeee7;
border-bottom:1px solid #514b3c;
box-shadow:none;
backdrop-filter:none}
.topbar-inner{
width:min(1160px,calc(100% - 40px));
min-height:72px;
gap:24px}
.site-brand{
width:auto;
flex:0 0 auto;
padding:0!important;
background:none!important}
.site-brand strong{
font-family:'Noto Serif CJK SC',serif;
font-size:24px}
.brand-logo{
width:38px;
height:38px;
border:1px solid #b49c63;
color:#dbc38b;
background:none;
box-shadow:none}
.brand-logo:before,.brand-logo:after{
display:none}
.brand-logo span{
font-family:serif;
font-size:24px}
.topbar .nav{
gap:26px;
align-items:center;
flex-wrap:nowrap}
.topbar .nav a{
width:auto;
padding:0;
min-width:0;
border:0;
background:none;
color:#b6b5b0;
font-size:14px;
white-space:nowrap;
text-decoration:none;
min-height:44px;
display:inline-flex;
align-items:center}
.topbar .nav a:hover{
color:#f1d18e}
.topbar .nav .nav-phone{
color:#e4c98a;
letter-spacing:.5px}
.topbar .nav .nav-contact{
background:linear-gradient(120deg,#f2dca2,#bb8c42);
padding:8px 20px;
border-radius:30px;
color:#241d0d;
font-weight:600}
.business-menu{
position:relative;
font-size:14px;
color:#b6b5b0}
.business-menu summary{
cursor:pointer;
list-style:none;
min-height:44px;
display:flex;
align-items:center}
.business-menu>div{
position:absolute;
z-index:30;
top:100%;
left:0;
width:240px;
padding:12px;
background:#232527;
border:1px solid #5c5544;
border-radius:12px;
box-shadow:0 10px 30px #0004}
.business-menu>div a{
display:flex!important;
padding:6px 12px!important}
.nav-toggle{
color:#e6e4df;
border:1px solid #514c40;
border-radius:30px;
background:#252729;
min-height:44px}
.rev-wrap{
width:min(1160px,calc(100% - 40px));
margin:auto}
.rev-hero{
background:radial-gradient(ellipse at 89% 5%,#443b2d 0,transparent 44%),radial-gradient(ellipse at 10% 120%,#29241b 0,transparent 38%),#0e1013;
color:#f5f1e6;
overflow:hidden}
.rev-hero-grid{
height:704px;
position:relative;
display:grid;
grid-template-columns:56% 44%;
grid-template-rows:150px auto;
padding-top:70px}
.identity{
position:relative;
z-index:2;
align-self:start}
.eyebrow{
font-size:13px;
letter-spacing:3px;
font-weight:500;
margin:0 0 20px;
display:flex;
align-items:center;
gap:10px;
color:#5d645c}
.eyebrow:before{
content:'';
width:26px;
height:1px;
background:currentColor;
flex-shrink:0}
.rev-hero .eyebrow{
color:#d9c184;
font-size:12px;
margin-bottom:10px}
.identity h1{
font-size:32px;
display:inline;
line-height:1.5;
letter-spacing:3px;
margin:0}
.identity .lawyer{
font-size:16px;
letter-spacing:1px;
margin-left:5px}
.identity .role{
display:inline;
font-size:14px;
color:#b4b3a8;
margin-left:16px;
padding-left:16px;
border-left:1px solid #444}
.hero-portrait{
position:absolute;
right:0;
bottom:0;
width:440px;
height:650px;
z-index:1}
.hero-portrait:before,.hero-portrait:after{
content:'';
position:absolute;
width:520px;
height:520px;
border:1px solid #8a816244;
border-radius:50%;
top:-90px;
left:-55px;
z-index:-1}
.hero-portrait:after{
inset:-25px auto auto 10px;
width:390px;
height:390px;
border-style:dotted}
.hero-portrait img{
width:100%;
height:auto;
max-height:650px;
object-fit:contain;
object-position:center bottom;
position:absolute;
bottom:-10px}
.hero-message{
grid-column:1;
grid-row:2;
position:relative;
z-index:2}
.specialties{
color:#dbc48c;
letter-spacing:3px;
font-size:13px;
margin:0 0 18px}
.slogan{
font-size:54px;
line-height:1.4;
letter-spacing:4px;
margin:0 0 20px;
white-space:nowrap}
.slogan em{
font-style:normal;
background:linear-gradient(130deg,#e8d396,#b78b43);
background-clip:text;
color:transparent}
.hero-motto{
display:flex;
align-items:center;
gap:16px;
font-family:'Noto Serif CJK SC',serif;
font-size:20px;
color:#cbc9bc;
letter-spacing:2px;
margin-bottom:38px}
.hero-motto:before{
content:'';
width:32px;
height:1px;
background:#c7a65d}
.rev-actions{
display:flex;
gap:12px;
align-items:stretch;
max-width:600px}
.rev-btn{
display:inline-flex;
align-items:center;
justify-content:center;
gap:8px;
border-radius:12px;
min-height:56px;
padding:12px 26px;
text-decoration:none;
font-weight:600;
line-height:1.4;
font-size:17px;
white-space:nowrap}
.rev-btn.gold{
background:linear-gradient(125deg,#f1dba3,#c09349);
color:#211a0c;
border:1px solid #e9ce8f;
box-shadow:inset 0 2px 0 #fff7,0 12px 24px #c3954b22}
.rev-btn.outline{
background:#ffffff03;
color:#f2f0e8;
border:1px solid #81775e}
.rev-btn.light-outline{
background:#fff;
color:#222;
border:1px solid #d8d9d1}
.rev-btn span{
font-size:22px}
.trust-cells{
display:grid;
grid-template-columns:repeat(3,1fr);
border:1px solid #59533e;
border-radius:14px;
margin-top:34px;
width:596px;
max-width:96%;
overflow:hidden;
background:#ffffff02}
.trust-cells>div{
padding:14px 12px;
position:relative;
display:grid;
grid-template-columns:30px 1fr;
column-gap:10px;
align-content:center}
.trust-cells>div+div{
border-left:1px solid #494537}
.trust-cells i{
grid-row:1/3;
align-self:center;
color:#d0ad66;
font-style:normal;
font-size:25px}
.trust-cells strong{
font-size:13px;
font-weight:500}
.trust-cells span{
font-size:12px;
color:#aaa99e;
line-height:1.6}
.hero-qr{
position:absolute;
z-index:3;
right:315px;
bottom:76px;
width:218px;
padding:42px 30px 20px;
background:white;
border-radius:18px;
color:#222;
text-align:center;
box-shadow:0 15px 32px #0003}
.hero-qr img{
width:140px;
height:auto;
margin:0 auto 18px}
.hero-qr strong{
display:block;
font-size:16px}
.hero-qr small{
display:block;
font-size:12px;
color:#888}
.qr-tab{
position:absolute;
top:-12px;
left:68px;
background:linear-gradient(100deg,#eed394,#bb8c40);
border-radius:30px;
padding:4px 14px;
font-size:12px;
color:#675128}
.honors-strip{
background:#eee8dc;
padding:20px 0;
color:#59564e}
.honors-strip .rev-wrap{
display:flex;
gap:28px;
align-items:center}
.honors-strip p{
font-size:12px;
letter-spacing:2px;
white-space:nowrap;
margin:0}
.honors-strip ul{
display:flex;
list-style:none;
gap:28px;
margin:0;
padding:0;
overflow:auto;
scrollbar-width:none}
.honors-strip li{
font-family:'Noto Serif CJK SC',serif;
font-size:14px;
white-space:nowrap}
.honors-strip time{
margin-left:8px}
.rev-section{
padding:88px 0;
background:#fff}
.rev-section.cream{
background:#f7f4ee}
.intro{
font-size:18px;
color:#6e6f69;
line-height:1.9;
max-width:860px;
margin-bottom:36px}
.situation-grid{
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:20px}
.situation-card{
display:flex;
position:relative;
align-items:center;
gap:16px;
background:#fff;
border:1px solid #e0e0d8;
border-radius:18px;
padding:24px 20px;
text-decoration:none;
box-shadow:var(--shadow);
min-width:0}
.situation-card strong{
display:block;
font-size:18px;
line-height:1.5}
.situation-card small{
font-size:13px;
color:#777b73;
display:block;
line-height:1.7;
margin-top:6px}
.situation-card b{
position:absolute;
right:12px;
top:10px;
font-family:serif;
color:#e4e6de;
font-size:22px;
font-weight:400}
.line-icon{
width:48px;
height:48px;
display:grid;
place-items:center;
flex-shrink:0;
background:#edf0e9;
color:#4c5c4d;
border:1px solid #d8dfd3;
border-radius:12px}
.line-icon svg{
width:26px;
height:26px}
.platform-layout{
display:grid;
grid-template-columns:1.1fr 1fr;
gap:56px}
.platform-card{
padding:36px 32px;
border:1px solid #555a50;
border-radius:22px;
background:radial-gradient(ellipse at 110% -10%,#35392f88,transparent 50%),linear-gradient(135deg,#1c1e21,#0e1012);
color:#eeeee6}
.platform-card .eyebrow{
color:#c4cabc}
.platform-card h3{
font-size:32px;
color:#f5f2e8;
margin-bottom:16px}
.platform-card p{
color:#afb3a9}
.platform-stats{
display:grid;
grid-template-columns:repeat(3,1fr);
margin:24px 0;
border:1px solid #484e42}
.platform-stats>div{
padding:16px 12px}
.platform-stats>div+div{
border-left:1px solid #484e42}
.platform-stats strong{
display:block;
color:#e4e7d9;
font-family:serif;
font-size:30px;
font-weight:400}
.platform-stats span{
color:#adb4a6;
font-size:12px}
.honor-list{
list-style:none;
padding:0;
margin:24px 0}
.honor-list li{
display:flex;
justify-content:space-between;
gap:12px;
padding:12px 0;
border-bottom:1px dashed #ffffff26;
font-size:14px}
.honor-list li:last-child{
border:0}
.honor-list time{
white-space:nowrap;
color:#bdc6b5}
.source{
font-size:12px;
color:#898c82;
line-height:1.8;
margin:20px 0 0}
.platform-card .source{
font-size:12px}
.reasons article{
display:flex;
gap:28px;
padding:24px 0 32px;
border-bottom:1px solid #dcdfd4}
.reasons article:first-child{
padding-top:0}
.reasons article:last-child{
border-bottom:0}
.reasons article>span{
font-family:serif;
font-size:38px;
line-height:1.4;
color:#9ba895}
.reasons h3{
margin-bottom:12px;
font-size:22px}
.reasons p{
color:#72766c;
line-height:1.9;
margin:0}
.clients-heading{
display:flex;
gap:20px;
align-items:center;
margin:48px 0 20px;
font-weight:600;
color:#676e62;
letter-spacing:2px}
.clients-heading:after{
content:'';
height:1px;
background:#d8ddcf;
flex:1}
.client-columns{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:18px}
.client-group{
padding:24px;
background:#f7f5f0;
border:1px solid #e1e0d7;
border-radius:18px}
.client-group h3{
font-size:14px;
border-radius:30px;
padding:5px 12px;
background:#e5e9df;
color:#3b493c;
display:inline-block;
font-weight:600;
margin:0 0 18px}
.client-group p{
font-family:'Noto Serif CJK SC',serif;
font-size:16px;
line-height:2.1;
margin:0}
.verify-banner{
background:#ecf5f0;
border:1px solid #d4e2db;
padding:20px 24px;
color:#2d6250;
border-radius:16px;
margin-top:26px;
font-size:16px}
.verify-links{
display:flex;
flex-wrap:wrap;
gap:8px;
margin:8px 0 0}
.verify-links .button{
padding:0;
min-height:30px;
border:0;
background:none;
box-shadow:none;
color:inherit;
font-size:inherit;
text-decoration:underline;
width:auto}
.rev-case-grid{
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:20px;
align-items:start}
.rev-case{
padding:30px 24px;
border:1px solid #e0dfd6;
background:#fff;
border-radius:20px;
box-shadow:var(--shadow)}
.rev-case .case-tag{
font-size:13px;
color:#6c7169;
margin-bottom:16px}
.rev-case h3{
font-family:'Noto Serif CJK SC',serif;
font-size:25px;
line-height:1.6;
margin-bottom:24px}
.rev-case h4{
font-size:13px;
letter-spacing:2px;
font-weight:500;
color:#777e71;
margin:20px 0 6px}
.rev-case p{
font-size:15px;
line-height:1.9;
margin:0}
.rev-case.featured{
background:linear-gradient(145deg,#1c1e21,#101114);
color:#f1f1e9;
border:1px solid #56604f}
.featured .case-tag,.featured h4{
color:#c3ccba}
.case-result{
padding:0 16px 16px;
border-radius:12px;
background:#ffffff08;
border:1px solid #697660;
margin-top:20px}
.case-result p{
color:#e1e9d8;
font-weight:500}
.text-link{
display:inline-block;
font-weight:600;
color:#485744;
padding:16px 0;
text-decoration:none}
.steps{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:24px;
margin:36px 0 24px}
.steps article{
position:relative;
display:flex;
gap:16px}
.steps article>span{
height:48px;
width:48px;
flex:0 0 auto;
border-radius:50%;
background:#101315;
color:#e1e5d7;
font-family:serif;
font-size:24px;
display:grid;
place-items:center;
outline:1px solid #d4dbca;
outline-offset:4px}
.steps article>div{
padding:22px;
background:#f7f5f0;
border:1px solid #e0e1d8;
border-radius:16px;
flex:1}
.steps h3{
font-size:20px;
margin-bottom:12px}
.steps p{
color:#74796e;
font-size:15px;
margin:0}
.first-tip{
padding:18px 24px;
background:#f0f3e9;
border:1px solid #d5ddc9;
border-radius:14px;
color:#52604b;
margin:20px 0 26px}
.rev-faq{
border:1px solid #dedfd6;
border-radius:18px;
background:#fff;
margin:12px 0;
box-shadow:var(--shadow);
padding:20px 24px}
.rev-faq summary{
display:flex;
align-items:center;
gap:14px;
font-size:18px;
font-weight:600;
cursor:pointer;
list-style:none}
.rev-faq summary::-webkit-details-marker{
display:none}
.rev-faq summary>span{
height:28px;
width:28px;
display:grid;
place-items:center;
border-radius:50%;
background:#111416;
color:#dce3d3;
font-size:14px;
font-family:serif;
flex:none}
.rev-faq summary b{
margin-left:auto;
color:#607054}
.rev-faq[open] summary b{
transform:rotate(180deg)}
.rev-faq p{
color:#70766a;
padding-left:42px;
margin:20px 0 0}
.closing{
background:radial-gradient(ellipse at 95% 0,#413c30,transparent 50%),#101214;
color:#f0f1e6}
.closing .eyebrow{
color:#d4dbca}
.closing .intro{
color:#b5bbad}
.closing h2{
color:#f3f1e8}
.direct-phone{
margin:25px 0 0;
color:#b1b9a7}
.direct-phone a{
font-size:26px;
font-weight:600;
letter-spacing:2px;
color:#e4d09a;
text-decoration:none}
.rev-footer{
padding:48px 0;
background:#090b0c;
color:#8e9588;
border-top:1px solid #383e32;
font-size:14px}
.footer-identity{
display:flex;
gap:12px;
align-items:center;
margin-bottom:20px}
.footer-identity strong{
font-size:25px;
color:#f1f0e7;
font-family:'Noto Serif CJK SC',serif;
font-weight:500}
.footer-identity p{
margin:0}
.rev-footer h3{
font-size:15px;
letter-spacing:2px;
color:#bdc7b2;
margin:24px 0 10px}
.rev-footer .verify-links{
font-size:14px;
color:#bec4b5}
.more-links summary{
cursor:pointer;
font-size:16px;
padding:14px 0;
color:#c5ccb9}
.more-links>div{
display:flex;
flex-wrap:wrap;
gap:4px 20px}
.more-links a{
min-height:44px;
display:inline-flex;
align-items:center}
.footer-media{
margin-top:28px}
.footer-media .wrap{
width:100%}
.footer-media h2{
font-size:18px;
color:#b6c0ab}
.footer-media li{
font-size:13px}
.rev-bottom{
display:none}
.floating-actions{
display:none!important}
.wechat-dialog{
border:1px solid #d8dcd2;
border-radius:24px;
padding:28px;
width:min(440px,calc(100% - 24px));
max-height:85dvh;
overflow:auto;
color:#222;
background:#fff;
text-align:center;
box-shadow:0 20px 80px #0005}
.wechat-dialog::backdrop{
background:#0009}
.wechat-dialog h2{
font-family:inherit;
font-size:24px;
margin:0 0 8px}
.wechat-dialog img{
width:195px;
height:auto;
margin:18px auto}
.sheet-close{
position:absolute;
top:10px;
right:10px;
border:0;
background:#f2f3ee;
border-radius:50%;
width:36px;
height:36px;
font-size:24px}


.wechat-dialog .rev-btn{
width:100%;
min-height:48px}
.inner-page .hero{
background:radial-gradient(ellipse at 90% 0,#393429,transparent 60%),#111316;
color:#f1f1e9}
.inner-page .hero h1{
color:#f4f1e7}
.inner-page .hero .lead,.inner-page .hero-note{
color:#c0c3b7}
.inner-page .hero .kicker{
color:#ddc68d}
.inner-page .section{
background:#fff;
padding:48px 0}
.inner-page .section:nth-of-type(2n){
background:#f7f5f0}
.inner-page .panel,.inner-page .case-block,.inner-page .client-card,.inner-page .faq-item{
background:#fff;
border-color:#dddfd5;
color:#242820;
box-shadow:var(--shadow)}
.inner-page .panel p,.inner-page .section p{
color:#666f60}
.inner-page .cta-band{
background:#eef1e8}
.inner-page .section .button{
background:#edf0e7;
color:#34432f;
border-color:#cbd4c1}
.inner-page .section .button.primary{
background:linear-gradient(120deg,#f2dca2,#c09349);
color:#211a0c}
.hero-figure img{
height:auto;
max-height:650px}
.inner-page [style*="color"]{
color:inherit}
.inner-page .kicker{
color:#515e49}
.inner-page p.small{
font-size:14px}

@media(min-width:1024px){
.nav-toggle{
display:none}
.topbar .nav{
display:flex}
.business-menu>div a{
width:100%}
.honors-strip .rev-wrap{
width:min(1160px,calc(100% - 40px))}
}

@media(max-width:1023px){
.nav-toggle{
display:inline-flex;
flex:0 0 auto}
.site-brand{
flex:1 1 0;
min-width:0}
.topbar .nav{
display:none;
position:absolute;
top:100%;
left:0;
right:0;
border:1px solid #4e5346;
background:#202224;
padding:16px;
border-radius:12px;
max-height:calc(100dvh - 110px);
overflow-y:auto;
z-index:50}
.nav-open .topbar .nav{
display:flex;
flex-direction:column;
align-items:stretch;
gap:5px}
.topbar .nav a{
width:100%;
min-height:44px;
padding:6px 12px}
.business-menu>div{
position:static;
width:100%;
box-shadow:none}
.platform-layout{
gap:24px}
.slogan{
font-size:42px}
.hero-portrait{
right:-40px}
.hero-qr{
right:250px;
width:180px;
padding:30px 18px 18px}
.rev-case-grid{
grid-template-columns:1fr}
.steps{
grid-template-columns:1fr}
.situation-grid{
grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media(max-width:768px){
body{
padding-bottom:calc(64px + env(safe-area-inset-bottom));
font-size:15px}

.rev-wrap,.wrap{
width:calc(100% - 32px)}
.topbar-inner{
width:calc(100% - 32px);
min-height:60px;
gap:10px}
.site-brand strong{
font-size:21px}
.brand-logo{
width:34px;
height:34px}
.nav-toggle{
min-width:78px;
min-height:38px;
height:38px;
font-size:15px;
padding:0 12px;
gap:8px}
.nav-toggle-icon{
order:-1}
.rev-hero-grid{
padding-top:0;
height:auto;
display:grid;
grid-template-columns:1fr;
grid-template-rows:227px auto}
.identity{
grid-row:1;
align-self:end;
padding-bottom:21px;
z-index:3;
max-width:62%;
pointer-events:none}
.rev-hero .eyebrow{
font-size:12px;
letter-spacing:2px;
white-space:nowrap;
margin:0 0 9px;
gap:8px}
.rev-hero .eyebrow:before{
width:16px}
.identity h1{
display:block;
font-size:46px;
line-height:1.5;
letter-spacing:4px;
white-space:nowrap}
.identity .lawyer{
font-size:18px;
letter-spacing:1px;
margin-left:6px;
color:#b7b6aa}
.identity .role{
display:block;
border:0;
padding:0;
margin:3px 0 0;
font-size:13px;
letter-spacing:0;
white-space:nowrap}
.hero-portrait{
width:176px;
height:224px;
right:-2px;
top:3px;
bottom:auto;
overflow:hidden}
.hero-portrait img{
width:176px;
max-height:420px;
height:auto;
bottom:-65px;
right:-3px}
.hero-portrait:before{
height:200px;
width:200px;
left:-8px;
top:20px}
.hero-portrait:after{
height:155px;
width:155px;
left:16px;
top:40px}
.hero-message{
grid-row:2;
grid-column:1;
padding-top:20px;
padding-bottom:27px;
border-top:1px solid #4e4936}
.specialties{
font-size:11.5px;
letter-spacing:1.8px;
white-space:nowrap;
margin-bottom:15px}
.slogan{
font-size:30px;
line-height:1.4;
letter-spacing:1px;
margin:0 0 16px}
.hero-motto{
font-size:15px;
gap:12px;
letter-spacing:1px;
white-space:nowrap;
margin-bottom:28px}
.hero-motto:before{
width:22px}
.rev-actions{
gap:10px;
width:100%;
max-width:none}
.rev-actions>.rev-btn{
flex:1}
.rev-btn{
font-size:16px;
min-height:50px;
padding:10px 12px;
border-radius:12px}
.hero-message>.rev-actions .gold{
flex:1.35}
.hero-message>.rev-actions a{
font-size:0}
.hero-message>.rev-actions a:after{
content:'打电话';
font-size:16px}
.hero-message>.rev-actions a span{
font-size:20px}
.trust-cells{
width:100%;
max-width:100%;
margin-top:22px;
border-radius:15px}
.trust-cells>div{
display:flex;
flex-direction:column;
align-items:start;
padding:12px 10px;
gap:2px}
.trust-cells i{
align-self:start;
font-size:21px;
height:28px;
line-height:1.3}
.trust-cells strong{
font-size:13px;
margin-top:4px}
.trust-cells span{
font-size:12px}
.hero-qr{
display:none}
.honors-strip{
padding:17px 0 14px}
.honors-strip .rev-wrap{
display:block}
.honors-strip p{
font-size:12px;
letter-spacing:2px;
margin-bottom:12px;
color:#626954}
.honors-strip ul{
display:block;
border:1px solid #deded1;
border-radius:12px;
background:#fff9;
padding:0 14px;
overflow:visible}
.honors-strip li{
display:flex;
justify-content:space-between;
align-items:start;
white-space:normal;
gap:12px;
padding:12px 0;
border-bottom:1px dashed #d6d9cc;
font-size:13px;
line-height:1.6}
.honors-strip li:last-child{
border:0}
.honors-strip time{
font-family:inherit;
color:#757d68;
white-space:nowrap;
margin:0}
.rev-section{
padding:58px 0}
.eyebrow{
font-size:12px;
letter-spacing:2px;
margin-bottom:12px;
gap:8px}
.eyebrow:before{
width:18px}
h2{
font-size:26px;
letter-spacing:0;
line-height:1.5;
margin-bottom:12px}
.intro{
font-size:14px;
line-height:1.85;
margin-bottom:26px}
.situation-grid{
grid-template-columns:repeat(2,minmax(0,1fr));
gap:10px}
.situation-card{
display:flex;
flex-direction:column;
align-items:flex-start;
gap:10px;
min-height:180px;
padding:16px 12px;
border-radius:14px}
.situation-card strong{
font-size:14px}
.situation-card small{
font-size:12px;
line-height:1.65}
.situation-card b{
font-size:19px;
right:10px}
.line-icon{
width:40px;
height:40px;
border-radius:10px}
.line-icon svg{
width:23px;
height:23px}
.platform-layout{
display:block}
.platform-card{
padding:30px 20px;
border-radius:18px}
.platform-card h3{
font-size:25px;
letter-spacing:0}
.platform-card p{
font-size:14px;
line-height:1.85}
.platform-stats{
margin:20px 0;
grid-template-columns:repeat(3,1fr)}
.platform-stats>div{
padding:12px 8px}
.platform-stats strong{
font-size:25px}
.platform-stats span{
font-size:11px}
.honor-list{
margin:18px 0}
.honor-list li{
font-size:13px;
padding:12px 0}
.platform-card .source{
font-size:11px}
.reasons{
padding-top:22px}
.reasons article{
padding:14px 0 22px;
gap:24px}
.reasons article:first-child{
padding-top:10px}
.reasons article>span{
font-size:28px;
min-width:36px}
.reasons h3{
font-size:16px;
margin-bottom:8px}
.reasons p{
font-size:14px;
line-height:1.9}
.clients-heading{
margin:32px 0 16px;
font-size:13px}
.client-columns{
display:block}
.client-group{
padding:18px;
margin-bottom:10px;
border-radius:14px}
.client-group h3{
font-size:12px;
padding:4px 10px;
margin-bottom:12px}
.client-group p{
font-size:15px;
line-height:2}
.source{
font-size:11px}
.verify-banner{
padding:16px 18px;
margin-top:18px;
font-size:14px}
.verify-banner .verify-links{
display:block}
.verify-banner .verify-links a{
display:inline;
line-height:1.8;
font-size:14px}
.rev-case-grid{
display:block}
.rev-case{
padding:22px 18px;
border-radius:17px;
margin-top:12px}
.rev-case .case-tag{
font-size:12px;
margin-bottom:14px}
.rev-case h3{
font-size:21px;
line-height:1.55;
margin-bottom:16px}
.rev-case h4{
font-size:12px;
margin:14px 0 5px}
.rev-case p{
font-size:14px;
line-height:1.85}
.case-result{
padding:0 12px 12px;
margin-top:16px}
.text-link{
font-size:14px;
padding:12px 0}
.steps{
display:block;
margin:26px 0 18px}
.steps article{
gap:18px;
margin-bottom:16px}
.steps article>span{
width:48px;
height:48px;
flex:0 0 48px;
font-size:23px}
.steps article:not(:last-child):before{
content:'';
position:absolute;
left:23px;
top:56px;
bottom:-13px;
width:2px;
background:#c2ccba}
.steps article>div{
padding:18px 16px;
border-radius:14px}
.steps h3{
font-size:17px;
margin:0 0 8px}
.steps p{
font-size:14px;
line-height:1.8}
.first-tip{
padding:16px 18px;
font-size:14px;
margin:18px 0 20px}
.rev-faq{
padding:16px;
margin:10px 0;
border-radius:15px}
.rev-faq summary{
font-size:14px;
gap:12px}
.rev-faq p{
font-size:14px;
padding-left:40px;
margin-top:16px}
.closing{
padding:62px 0}
.closing .intro{
font-size:15px}
.direct-phone{
font-size:14px;
margin-top:20px}
.direct-phone a{
font-size:20px;
letter-spacing:1px}
.rev-footer{
padding:38px 0 26px;
font-size:12px;
line-height:1.9}
.footer-identity strong{
font-size:20px}
.footer-identity p{
font-size:13px}
.rev-footer h3{
font-size:13px;
margin:20px 0 8px}
.rev-footer .verify-links{
display:block;
font-size:12px}
.rev-footer .verify-links .button{
display:inline;
font-size:12px}
.footer-media h2{
font-size:16px}
.footer-media li{
font-size:12px}
.rev-bottom{
position:fixed;
left:0;
right:0;
bottom:0;
z-index:50;
background:#202223;
border-top:1px solid #656956;
display:grid;
grid-template-columns:1.4fr 1fr 1fr;
gap:8px;
padding:8px 12px calc(8px + env(safe-area-inset-bottom))}
.rev-bottom .rev-btn{
padding:10px 6px;
min-height:46px;
font-size:15px;
border-radius:13px}
.rev-bottom .rev-btn span{
font-size:20px}
.wechat-dialog{
position:fixed;
top:auto;
bottom:0;
left:0;
right:0;
margin:0 auto;
border-radius:22px 22px 0 0;
padding:26px 22px calc(22px + env(safe-area-inset-bottom));
width:100%;
max-width:440px}
.wechat-dialog p{
font-size:14px}
.inner-page .hero{
padding:36px 0!important}
.inner-page .hero h1{
font-size:30px}
.inner-page .hero .hero-grid{
gap:16px;
display:block}
.hero-figure img{
height:auto;
max-height:420px;
object-fit:contain}
.inner-page .section{
padding:30px 0}
.inner-page .hero .lead{
font-size:16px}
.inner-page .hero .hero-note{
font-size:14px}
.inner-page .contact-grid,.inner-page .grid{
grid-template-columns:1fr}
.inner-page .section .button{
white-space:normal}
.inner-page .wrap{
max-width:calc(100% - 32px)}
.inner-page table{
display:block;
max-width:100%;
overflow:auto}
.inner-page .panel{
padding:18px}
.inner-page .hero-focus a{
color:#eee}
.inner-page p,.inner-page li{
overflow-wrap:anywhere}
}


.rev-hero .slogan{
color:#f4f1e6}
.nav-toggle-text{
color:#e6e4df}
.nav-toggle-icon,.nav-toggle-icon:before,.nav-toggle-icon:after{
background:#e6e4df}
.rev-case p{
color:inherit}
.rev-case .case-tag{
color:#6c7169}
.rev-case.featured .case-tag{
color:#c3ccba}
.rev-footer p{
color:#929b8b}
.rev-footer .footer-identity p{
color:#929b8b}
.rev-btn svg{
width:21px;
height:21px;
flex:none;
stroke:currentColor;
fill:none;
stroke-width:1.7;
stroke-linecap:round;
stroke-linejoin:round}
.rev-hero-grid{
grid-template-rows:100px auto}

@media(max-width:768px){
.rev-hero-grid{
grid-template-rows:227px auto}
.hero-message>.rev-actions a svg{
display:block}
}


@media(max-width:768px){
.situation-grid{
grid-template-columns:1fr;
gap:11px}
.situation-card{
flex-direction:row;
align-items:center;
gap:14px;
min-height:90px;
padding:16px}
.situation-card>span:nth-child(2){
padding-right:10px}
.situation-card strong{
font-size:15px}
.situation-card small{
font-size:12px;
margin-top:4px}
.situation-card b{
top:50%;
transform:translateY(-50%);
right:12px}
.line-icon{
width:46px;
height:46px}
}


html,body{
background:#0d0e10}

.button.ghost{
color:#34432f;
border-color:#79846f}
:is(.hero,.rev-hero,.closing,.rev-footer,.platform-card,.rev-case.featured,.topbar) .button:is(.primary,[href^="tel:"],[href*="#wecom"]){
background:linear-gradient(125deg,#f1dba3,#c09349);
color:#211a0c;
border:1px solid #e9ce8f;
box-shadow:inset 0 2px 0 #fff7,0 12px 24px #c3954b22}

:is(.hero,.rev-hero,.closing,.rev-footer,.platform-card,.rev-case.featured,.topbar) .button.ghost{
background:transparent;
color:#f3efe7;
border:1px solid #bfa36b;
box-shadow:none}
.inner-page .hero p.small{
color:rgba(243,239,231,.75)}

.top-contact-actions{margin:24px 0}
@media(max-width:768px){
.rev-hero-grid{grid-template-rows:auto auto auto;padding-top:24px}
.identity{grid-row:1;align-self:start;max-width:100%;padding-bottom:18px}
.identity h1{font-size:38px}
.hero-message{grid-row:2;padding-top:18px;padding-bottom:0}
.hero-portrait{position:relative;grid-row:3;grid-column:1;justify-self:center;right:auto;top:auto;width:176px;height:224px;margin-top:20px}
.hero-message .trust-cells{margin-top:22px}
.hero-contact-actions{gap:8px;max-width:100%}
.hero-contact-actions>.rev-btn,.hero-message>.hero-contact-actions .gold{flex:1;min-width:0;padding:12px 8px;font-size:14px;gap:6px}
.hero-message>.hero-contact-actions a{font-size:14px}
.hero-message>.hero-contact-actions a:after{content:none}
.hero-contact-actions svg{width:19px;height:19px}
.top-contact-actions{margin:20px 0}
.inner-page .hero-copy:has(.top-contact-actions){display:flex;flex-direction:column}
}

.inner-page .hero-focus a.primary{
background:rgba(243,239,231,.08);
color:#f3efe7;
border:1px solid rgba(243,239,231,.6);
box-shadow:none}
.inner-page .hero-focus a:is(.secondary,.minor){
background:transparent;
color:#f3efe7;
border:1px solid rgba(243,239,231,.45);
box-shadow:none}
.inner-page .hero-focus span{
color:#f3efe7;
border-color:rgba(243,239,231,.6)}
.rev-footer .footer-media a{
color:#f3efe7}