/* 0.4.2：统一留白、导航层级与触摸目标；沿用 ace 的蓝色和绿色星号。 */
:root{--blue:#2764bc;--ink:#20334b;--muted:#63758c;--border:#e3e9f1;background:#f4f6fa}
body{min-height:100vh}h1{font-size:32px;letter-spacing:-1px}button{min-height:44px}button:disabled:hover{background:inherit}input:focus,textarea:focus,select:focus{border-color:#70a0df;box-shadow:0 0 0 3px #d9e9ff80}input[type=file]{font-size:12px;padding:10px}input,textarea{line-height:1.5}
.sidebar{background:#fafbfd;padding:28px 16px;width:248px}.app-area{margin-left:248px}.company-space{background:white;border:1px solid var(--border);border-radius:12px;padding:13px 11px;margin-bottom:27px}.company-space strong{max-width:153px}.company-monogram{background:#e8f0fa;color:#366bad}.company-monogram img,.avatar img{width:100%;height:100%;object-fit:cover;border-radius:inherit}nav button{border-radius:10px;min-height:46px;font-size:13px;color:#596c83}nav button:hover{background:#eaf0f8}nav button[aria-current=page]{background:#e3edfc;box-shadow:inset 3px 0 #2a68be}.topbar{background:#ffffffd9;border-bottom:1px solid var(--border);padding:18px 36px;min-height:78px}.breadcrumb{font-size:12px}.tools select{min-height:38px}main{padding:36px;max-width:1500px;margin:auto}.page-title{margin-bottom:28px}.page-title p{font-size:14px;max-width:630px}.page-footer{max-width:1500px;margin:auto}.panel,.context-card,.card{border-radius:16px;box-shadow:0 3px 12px #22385104}.metric-strip{background:transparent;border:0;gap:16px;padding:0;margin-bottom:26px}.metric-strip>div{background:white;border:1px solid var(--border);border-radius:14px;padding:20px!important}.metric-strip span{font-size:12px}.metric-strip strong{font-size:28px}.announcement-card{padding:25px 26px;transition:background .15s,box-shadow .15s}.announcement-card:hover{background:#f2f7fe;box-shadow:inset 3px 0 #7ca4d6}.announcement-card h2{font-size:17px}.announcement-card p{font-size:13px;line-height:1.8}.announcement-meta{font-size:11px}.announcement-icon{width:39px;height:39px}.context-card{padding:24px}.context-card>p{font-size:13px}.focus-card{background:linear-gradient(140deg,#eaf1fd,#f4f8ff)}.content-columns{gap:26px;grid-template-columns:minmax(0,1fr) 290px}.account-dropdown{position:relative;margin-top:10px}.account-dropdown summary{display:flex;align-items:center;gap:10px;cursor:pointer;padding:12px 9px;border-radius:12px;list-style:none;min-height:62px}.account-dropdown summary::-webkit-details-marker{display:none}.account-dropdown summary:hover,.account-dropdown[open] summary{background:#e8eff8}.account-dropdown summary>span:nth-child(2){flex:1;min-width:0}.account-dropdown strong{display:block;font-size:13px}.account-dropdown small{display:block;font-size:10px;overflow:hidden;text-overflow:ellipsis;margin-top:5px}.account-chevron{font-size:18px;color:#74869d}.account-popover{position:absolute;bottom:calc(100% + 8px);left:0;width:100%;background:white;box-shadow:0 12px 42px #1a35512b;border:1px solid var(--border);border-radius:14px;padding:8px;z-index:9}.account-popover p{padding:9px 8px;border-bottom:1px solid var(--border);font-size:11px;overflow-wrap:anywhere;margin-bottom:7px}.account-popover small{font-size:11px}.account-popover button{width:100%;justify-content:flex-start;border:0;font-size:12px}.avatar{overflow:hidden;flex-shrink:0}.avatar.large{width:64px;height:64px;font-size:24px}.settings-grid{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:24px;align-items:start}.settings-panel{padding:28px}.profile-preview{display:flex;gap:14px;align-items:center;flex-wrap:wrap;margin:25px 0}.profile-preview label{flex:1}.account-facts{display:grid;grid-template-columns:85px minmax(0,1fr);gap:14px;border-top:1px solid var(--border);padding-top:22px;margin:24px 0;font-size:13px}.account-facts dt{color:var(--muted)}.account-facts dd{margin:0;overflow-wrap:anywhere}.company-preview{width:64px;height:64px;object-fit:cover;border-radius:12px;margin:10px 0}.demo-banner{display:flex;align-items:center;gap:10px;background:#fff8e8;color:#806b38;border:1px solid #f2e3bf;border-radius:10px;padding:11px 15px;font-size:12px;margin-bottom:24px}.auth-layout{display:grid;grid-template-columns:1.05fr 1fr;max-width:1080px;min-height:650px;margin:7vh auto;border:1px solid var(--border);border-radius:24px;background:white;box-shadow:0 24px 90px #213d5510;overflow:hidden}.auth-layout .auth{box-shadow:none;border:0;border-radius:0;margin:auto;width:100%;max-width:450px;padding:42px}.auth-layout .auth p{font-size:13px}.auth-story{padding:55px;background:linear-gradient(145deg,#eef5ff,#e4edf9 60%,#e4f1ef);display:flex;flex-direction:column;justify-content:center}.auth-story .eyebrow{color:#567bad}.auth-story h2{font-size:39px;line-height:1.3;letter-spacing:-1.4px;max-width:350px;margin:20px 0}.auth-story p{color:#5e7490;max-width:350px}.auth-features{display:grid;gap:15px;margin-top:26px}.auth-feature{display:flex;gap:12px;align-items:center;background:#ffffff90;border:1px solid #ffffff;border-radius:12px;padding:17px;font-size:13px;color:#3b5777}.auth-feature span:first-child{color:#4778b8}.auth .brand{font-size:36px!important}.auth h2{font-size:28px}.auth form{margin:28px 0}.auth label{font-size:13px}.auth form input{min-height:48px}.auth .primary{min-height:48px}.auth-footer{margin-top:28px;padding-top:20px;border-top:1px solid var(--border)}
@media(max-width:1100px){main{padding:28px}.content-columns{grid-template-columns:1fr}.settings-grid{grid-template-columns:1fr}.settings-grid>.context-column{display:grid;grid-template-columns:1fr 1fr}.auth-layout{margin:6vh 25px;min-height:590px}.auth-story{padding:35px}.auth-story h2{font-size:33px}.sidebar{width:220px}.app-area{margin-left:220px}.company-space strong{max-width:130px}}
@media(max-width:700px){.sidebar{position:sticky;top:0;z-index:4;width:100%;padding:12px 14px 0;background:#fafbfd}.sidebar .brand{font-size:27px!important;margin-bottom:9px}.sidebar-bottom{display:block;position:absolute;right:14px;top:5px;padding:0;margin:0}.sidebar-bottom>.local-indicator{display:none}.account-dropdown{margin:0}.account-dropdown summary{min-height:40px;padding:5px;gap:5px}.account-dropdown summary>span:nth-child(2){display:none}.account-dropdown .avatar{width:30px;height:30px}.account-popover{top:calc(100% + 8px);bottom:auto;left:auto;right:0;width:245px}.company-space{display:none}.app-area{margin-left:0}nav{gap:5px}nav button{min-height:43px;padding:10px;font-size:12px}nav button[aria-current=page]{box-shadow:inset 0 -2px #2a68be}.topbar{padding:12px 16px;min-height:58px}main{padding:23px 15px}.page-title h1{font-size:26px}.page-title p{font-size:13px}.metric-strip{gap:8px}.metric-strip>div{padding:14px 10px!important}.metric-strip span{font-size:10px}.metric-strip strong{font-size:24px}.metric-strip strong.text-metric{font-size:16px}.content-columns{gap:18px}.context-column,.settings-grid>.context-column{display:flex;flex-direction:column}.settings-panel{padding:21px}.settings-grid{gap:18px}.announcement-card{padding:21px 17px}.announcement-card h2{font-size:16px}.announcement-meta{font-size:10px}.announcement-bottom{flex-wrap:wrap}.demo-banner{font-size:11px;line-height:1.7;padding:10px;margin-bottom:20px}.auth-layout{display:block;margin:18px 12px;min-height:0;border-radius:19px}.auth-story{padding:26px}.auth-story h2{font-size:27px;max-width:100%;margin:10px 0}.auth-story p{margin:0;font-size:12px}.auth-features{display:none}.auth-layout .auth{padding:28px 24px}.auth-layout .auth h2{font-size:24px}.profile-preview{gap:10px}.profile-preview label{min-width:140px}.profile-preview button{font-size:12px}dialog{max-height:90dvh}.page-footer{padding:15px}table{font-size:12px}}
@media(prefers-reduced-motion:reduce){.announcement-card{transition:none}}