:root { color-scheme:dark; color:#e8e8e8; background:#111111; font-family:Inter,"PingFang SC","Microsoft YaHei",system-ui,sans-serif; font-synthesis:none; --green:#494949; --muted:#adadad; --border:#383838; }
* { box-sizing:border-box; } body { margin:0; min-width:0; } button,input,textarea,select { font:inherit; } button { cursor:pointer; background:var(--green); border:1px solid var(--green); color:white; border-radius:7px; padding:10px 17px; font-size:13px; } button:disabled { opacity:.5; cursor:wait; } button:hover:not(:disabled) { filter:brightness(.94); } input,select,textarea { width:100%; min-width:0; padding:10px 12px; border:1px solid var(--border); border-radius:6px; background:#1c1c1c; color:#e8e8e8; font-size:13px; } textarea { min-height:96px; resize:vertical; line-height:1.6; } label { display:grid; gap:7px; font-size:12px; color:#bcbcbc; } input:focus,textarea:focus,select:focus { outline:2px solid #c2c2c2; outline-offset:1px; } a { color:var(--green); text-decoration:none; } [hidden] { display:none!important; } h1,h2,h3,p { margin-top:0; } h1 { font-size:30px; font-weight:600; letter-spacing:-1px; margin-bottom:8px; } h2 { font-size:19px; font-weight:600; } h3 { font-size:15px; font-weight:600; } .eyebrow { font-size:10px; letter-spacing:2px; color:#aaaaaa; margin-bottom:10px; } .muted { color:var(--muted); line-height:1.7; font-size:13px; } .small { font-size:11px; } .quiet { background:#1c1c1c; border:1px solid var(--border); color:#dedede; } .danger { color:#e58d80; } .positive { color:#e58d80; } .negative { color:#83bd9c; }
.journal-shell { max-width:1480px; margin:auto; padding:0 38px 48px; } .journal-header { display:flex; align-items:center; justify-content:space-between; min-height:72px; border-bottom:1px solid var(--border); font-size:12px; color:#aaaaaa; } .journal-header>div { display:flex; align-items:center; gap:16px; } .journal-heading { display:flex; justify-content:space-between; align-items:center; gap:20px; padding:36px 0 24px; } .journal-heading p:last-child { margin-bottom:0; } .journal-metrics { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:14px; margin-bottom:24px; } .journal-metrics article { background:#1c1c1c; border:1px solid var(--border); border-radius:9px; padding:21px 23px; } .journal-metrics article:first-child { background:#303030; border-color:#414141; } .journal-metrics span { color:#b7b7b7; font-size:11px; } .journal-metrics strong { display:block; font-size:28px; font-weight:500; font-variant-numeric:tabular-nums; margin:10px 0; overflow-wrap:anywhere; } .journal-metrics small { font-size:10px; color:#a9a9a9; }
.journal-panel { background:#1c1c1c; border:1px solid var(--border); border-radius:10px; padding:24px; } .panel-toolbar { display:flex; flex-wrap:wrap; align-items:flex-end; gap:12px; margin-bottom:20px; } .panel-toolbar label:first-child { flex:1; min-width:150px; } .panel-toolbar input[type=date] { max-width:170px; } .entry-card { border:1px solid var(--border); border-radius:8px; padding:20px; margin:12px 0; } .entry-card>header { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:8px; margin-bottom:12px; } .entry-card>header strong { font-size:15px; } .entry-card .entry-content { font-size:13px; line-height:1.8; white-space:pre-wrap; overflow-wrap:anywhere; } .entry-meta { font-size:11px; color:var(--muted); margin-top:10px; line-height:1.8; } .entry-actions { display:flex; flex-wrap:wrap; gap:7px; margin-top:15px; } .entry-actions button,.entry-actions a { padding:7px 11px; font-size:11px; } .entry-actions a { border:1px solid var(--border); border-radius:6px; } .badge { display:inline-block; border-radius:4px; padding:4px 8px; background:#303030; color:#c8c8c8; font-size:10px; white-space:nowrap; } .badge.sell { background:#303030; color:#d5aaa0; } .empty-records { text-align:center; padding:55px 20px; color:#adadad; line-height:1.9; font-size:13px; } .journal-pager { display:flex; align-items:center; justify-content:flex-end; gap:10px; font-size:12px; margin-top:16px; } .work-message { border:1px solid #555555; background:#292929; padding:12px 16px; border-radius:7px; font-size:13px; margin:0 0 18px; overflow-wrap:anywhere; } .work-message.success { background:#292929; border-color:#555555; }
dialog { border:1px solid var(--border); border-radius:12px; padding:28px; width:min(760px,calc(100% - 30px)); max-height:90vh; color:#e8e8e8; background:#1c1c1c; box-shadow:0 30px 100px #00000060; } dialog::backdrop { background:#000000b0; } dialog header { display:flex; justify-content:space-between; align-items:flex-start; gap:12px; margin-bottom:16px; } dialog h2 { margin-bottom:0; } dialog footer { display:flex; justify-content:flex-end; gap:10px; margin-top:20px; } .entry-fields { display:grid; grid-template-columns:1fr 1fr; gap:16px; } .entry-fields .wide { grid-column:1/-1; } .checkbox-label { display:flex; align-items:center; gap:8px; } .checkbox-label input { width:auto; } .form-error { color:#e58d80; font-size:12px; } #changeNoteLabel { margin-top:16px; } #ruleConditions { margin:24px 0; } .history-version { border-bottom:1px solid var(--border); padding:18px 0; } .history-version pre { font:12px/1.7 "Microsoft YaHei",sans-serif; white-space:pre-wrap; overflow-wrap:anywhere; background:#252525; padding:14px; border-radius:6px; }
.screen-config { display:grid; grid-template-columns:1fr 1fr; gap:16px; margin-bottom:20px; } .condition-row { display:grid; grid-template-columns:1.25fr .8fr .8fr 1fr 1fr 34px; align-items:end; gap:8px; margin-bottom:12px; padding:14px; background:#252525; border-radius:8px; } .condition-row label { font-size:10px; } .condition-row button { padding:10px 0; } .condition-row input,.condition-row select { padding:9px 6px; font-size:12px; } .screen-actions { display:flex; flex-wrap:wrap; gap:10px; margin:18px 0; } .coverage-box { border-left:3px solid #aaaaaa; background:#282828; padding:14px 18px; font-size:12px; line-height:1.8; margin:22px 0; } .history-row { display:flex; align-items:center; gap:20px; margin-top:25px; } .history-row h3 { margin:0; flex-shrink:0; } .history-row select { max-width:450px; } .table-scroll { overflow-x:auto; } .journal-table { border-collapse:collapse; width:100%; text-align:left; font-size:12px; } .journal-table th { font-size:10px; color:#b0b0b0; font-weight:400; padding:12px 10px; border-bottom:1px solid var(--border); white-space:nowrap; } .journal-table td { padding:14px 10px; border-bottom:1px solid #333333; white-space:nowrap; } .journal-table td small { display:block; font-size:10px; color:#aaaaaa; margin-top:5px; } .journal-table button { font-size:10px; padding:6px 9px; } .result-reasons { white-space:normal!important; min-width:180px; max-width:300px; font-size:10px; line-height:1.6; } .stat-summary { display:grid; grid-template-columns:repeat(3,1fr); gap:15px; margin:22px 0; } .stat-summary>div { padding:22px; background:#282828; border-radius:8px; } .stat-summary strong { display:block; font-size:28px; margin:10px 0; font-weight:500; } .account-grid { display:grid; grid-template-columns:1fr 1fr; gap:35px; max-width:800px; } .account-grid form { display:grid; gap:15px; align-content:start; } .backup-actions { margin:30px 0 12px; display:flex; gap:12px; flex-wrap:wrap; }
.condition-row button { grid-column:-2/-1; width:34px; justify-self:end; }
.login-page { min-height:100vh; background:#101010; display:grid; place-items:center; } .login-layout { width:min(1050px,calc(100% - 40px)); min-height:560px; display:grid; grid-template-columns:1.2fr 1fr; margin:40px auto; border-radius:14px; overflow:hidden; box-shadow:0 30px 100px #00000070; } .login-story { background:#181818; color:#eeeeee; padding:50px; display:flex; flex-direction:column; } .login-brand { color:#dddddd; font-size:19px; margin-bottom:70px; } .login-story .eyebrow { color:#b0b0b0; } .login-story h1 { font-size:35px; line-height:1.5; letter-spacing:-1px; } .login-story>p:not(.eyebrow) { font-size:13px; color:#b0b0b0; line-height:1.9; } .login-steps { display:flex; gap:15px; font-size:12px; color:#c0c0c0; margin-top:auto; padding-top:40px; } .login-steps i { font-style:normal; color:#777777; } .login-card { background:#1c1c1c; padding:55px 45px; display:flex; flex-direction:column; justify-content:center; } .login-card h2 { font-size:26px; margin:12px 0; } .login-card>p { font-size:12px; line-height:1.7; color:#adadad; } .login-card form { display:grid; gap:18px; margin:20px 0; } .login-card form button { margin-top:8px; } #loginMessage { font-size:12px; color:#e58d80; line-height:1.7; margin:0; }
@media(max-width:1150px) { .journal-shell { padding:0 24px 35px; } .condition-row { grid-template-columns:1fr 1fr 1fr; } .journal-metrics article { padding:18px; } }
@media(max-width:650px) { .journal-shell { padding:0 15px 28px; } .journal-heading { padding-top:26px; align-items:flex-start; } h1 { font-size:25px; } .journal-metrics { grid-template-columns:1fr 1fr; gap:10px; } .journal-metrics strong { font-size:23px; } .journal-metrics article { padding:15px; } .journal-panel { padding:16px; } .entry-fields,.screen-config,.account-grid { grid-template-columns:1fr; } .entry-fields .wide { grid-column:auto; } .condition-row { grid-template-columns:1fr 1fr; } .stat-summary { grid-template-columns:1fr; } .history-row { align-items:flex-start; flex-direction:column; gap:12px; } .login-layout { grid-template-columns:1fr; margin:20px auto; } .login-story { padding:30px; } .login-brand { margin-bottom:30px; } .login-story h1 { font-size:27px; } .login-card { padding:35px 30px; } dialog { padding:20px; } }

a { color:#d6d6d6; } input::placeholder,textarea::placeholder { color:#969696; } button:hover:not(:disabled) { filter:brightness(1.15); }