/* 小结余 1.1.4.100：网页版统一视觉与响应式收口 */
:root{--xjy-bg:#f4f8f7;--xjy-card:rgba(255,255,255,.92);--xjy-border:rgba(15,23,42,.075);--xjy-text:#17241f;--xjy-muted:#718078;--xjy-shadow:0 18px 50px rgba(35,65,54,.075)}
html{background:var(--xjy-bg)}
body{color:var(--xjy-text);background:linear-gradient(180deg,rgba(99,230,187,.16),var(--xjy-bg) 360px)!important}
.client-pc .app-shell{width:min(1440px,100%);min-height:100vh;margin:0 auto;padding:22px;display:grid;grid-template-columns:236px minmax(0,1fr);gap:22px;box-sizing:border-box}
.client-pc .desktop-sidebar{position:sticky;top:22px;height:calc(100vh - 44px);padding:18px;border:1px solid var(--xjy-border);border-radius:28px;background:var(--xjy-card);box-shadow:var(--xjy-shadow);box-sizing:border-box;overflow:auto}
.client-pc .app-main{min-width:0;width:100%;padding:0!important}.client-pc .page-container,.client-pc .content-wrap,.client-pc .dashboard-page{width:100%;max-width:none!important;margin:0!important;box-sizing:border-box}
.brand-card{border:0!important;background:transparent!important;box-shadow:none!important;padding:6px 6px 22px!important}.desktop-nav{display:flex!important;flex-direction:column;gap:7px}
.desktop-nav a{border-radius:15px!important;padding:13px 15px!important;font-size:14px!important;font-weight:800!important;color:#53635c!important;background:transparent!important;border:0!important;box-shadow:none!important}.desktop-nav a:hover{background:rgba(var(--theme-rgb,16,185,129),.08)!important;color:var(--theme-dynamic)!important;transform:none!important}.desktop-nav a.active{background:rgba(var(--theme-rgb,16,185,129),.13)!important;color:var(--theme-dynamic)!important}
.section-block,.unified-card,.mini-card,.balance-card-main,.account-line,.settings-card,.settings-list,.settings-user-card,.profile-hero,.app-form-modal,.app-modal,.entry-sheet,.cost-item-row,.invoice-row-card{border:1px solid var(--xjy-border)!important;background:var(--xjy-card)!important;border-radius:24px!important;box-shadow:var(--xjy-shadow)!important}
input,textarea,select,.glass-select{color:var(--xjy-text)!important;background:#f8fbfa!important;border:1px solid rgba(15,23,42,.10)!important;border-radius:14px!important;box-shadow:none!important}input::placeholder,textarea::placeholder{color:#98a39e!important;opacity:1}input:focus,textarea:focus,select:focus{border-color:var(--theme-dynamic)!important;box-shadow:0 0 0 3px rgba(var(--theme-rgb,16,185,129),.12)!important;outline:none}
.auth-page-v2{min-height:100vh!important;display:grid!important;grid-template-columns:minmax(360px,1fr) minmax(420px,520px)!important;gap:24px!important;align-items:stretch!important;padding:24px!important;background:linear-gradient(135deg,#e8fbf4 0,#f4f9f7 58%,#edf4f2 100%)!important;box-sizing:border-box}
.auth-showcase-v2{position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;padding:clamp(34px,6vw,82px);border:1px solid rgba(255,255,255,.82);border-radius:36px;background:linear-gradient(145deg,rgba(255,255,255,.88),rgba(224,249,240,.72));box-shadow:var(--xjy-shadow)}.auth-showcase-v2::after{content:"";position:absolute;width:360px;height:360px;right:-90px;bottom:-110px;border-radius:50%;background:rgba(16,185,129,.12)}
.auth-showcase-v2 .auth-kicker-v2{color:#0fa978;font-size:12px;font-weight:900;letter-spacing:.14em}.auth-showcase-v2 h1{max-width:610px;margin:22px 0 16px;font-size:clamp(42px,6vw,78px);line-height:1.03;letter-spacing:-.07em;color:#173b30}.auth-showcase-v2 p{max-width:560px;margin:0;color:#63756e;font-size:16px;line-height:1.85;font-weight:650}.auth-benefits-v2{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.auth-benefits-v2 span{padding:15px 12px;border-radius:18px;background:rgba(255,255,255,.76);color:#37564b;text-align:center;font-size:13px;font-weight:800}
.auth-panel-v2{align-self:center;width:100%!important;max-width:none!important;max-height:calc(100vh - 48px);overflow:auto;margin:0!important;padding:clamp(30px,4vw,52px)!important;border:1px solid rgba(255,255,255,.88)!important;border-radius:36px!important;background:rgba(255,255,255,.94)!important;box-shadow:0 24px 80px rgba(40,75,63,.12)!important;box-sizing:border-box}.auth-mark-v2{background:linear-gradient(145deg,#20c997,#0eaf7e)!important}.auth-field-v2{color:#17241f!important;background:#f6faf8!important;border:1px solid #dfe8e4!important}.auth-field-v2::placeholder{color:#9aa7a1!important}.auth-btn-v2{background:linear-gradient(135deg,#18bf8b,#0fa978)!important;box-shadow:0 12px 26px rgba(16,185,129,.20)!important}
html.dark-mode{--xjy-bg:#0f1110;--xjy-card:rgba(27,30,29,.96);--xjy-border:rgba(255,255,255,.10);--xjy-text:#eef3f0;--xjy-muted:#a5afa9;--xjy-shadow:0 20px 55px rgba(0,0,0,.25)}html.dark-mode body{background:#0f1110!important;color:var(--xjy-text)!important}html.dark-mode input,html.dark-mode textarea,html.dark-mode select,html.dark-mode .glass-select{background:#202321!important;color:#eef3f0!important;border-color:rgba(255,255,255,.12)!important}html.dark-mode input::placeholder,html.dark-mode textarea::placeholder{color:#818b85!important}html.dark-mode .desktop-nav a{color:#aeb8b2!important}
@media(max-width:980px){.client-pc .app-shell{grid-template-columns:1fr;padding:14px}.client-pc .desktop-sidebar{position:static;height:auto}.client-pc .desktop-nav{display:grid!important;grid-template-columns:repeat(3,1fr)}.auth-page-v2{grid-template-columns:1fr!important;padding:16px!important}.auth-showcase-v2{display:none}.auth-panel-v2{max-width:540px!important;max-height:none;margin:auto!important;border-radius:28px!important}}
@media(max-width:620px){.client-pc .desktop-nav{grid-template-columns:repeat(2,1fr)}.auth-page-v2{padding:0!important;background:#f4f8f7!important}.auth-panel-v2{min-height:100vh;padding:26px 20px!important;border:0!important;border-radius:0!important;box-shadow:none!important}}