:root{font-family:system-ui,"Microsoft YaHei",sans-serif;color:#26374a;background:#f5f7fa;font-size:14px}*{box-sizing:border-box}body{margin:0;display:flex;min-height:100vh}aside{width:220px;background:#30445c;color:white;padding:32px 20px;position:fixed;inset:0 auto 0 0}.brand{font-size:27px;font-weight:700;letter-spacing:1px}.brand span{display:block;font-size:13px;font-weight:400;margin:8px 0 38px;letter-spacing:2px}nav{display:grid;gap:10px}nav button{color:#dce7f2;background:transparent;text-align:left;border:0;padding:14px}nav button.selected{background:#405b78;color:white}aside small{display:block;margin-top:70px;line-height:2;color:#bcccdc}main{margin-left:220px;width:calc(100% - 220px)}header{display:flex;justify-content:space-between;align-items:center;padding:19px 32px;background:#fff;border-bottom:1px solid #e5eaf0}header span{font-size:12px;display:block;margin-top:6px;color:#748295}section{background:#fff;margin:28px 32px;padding:30px;max-width:1100px;min-height:380px}.heading{display:flex;justify-content:space-between;align-items:start}h1{font-size:25px;margin:0 0 10px}h2{font-size:17px;margin:25px 0 14px}p{line-height:1.8;color:#64748b}.tag{background:#eff6ff;padding:7px 12px;color:#1677d2}.steps{list-style:none;display:flex;padding:18px 0;gap:28px;border-bottom:1px solid #e8edf3;color:#8896a6}.steps .active{color:#1677d2;font-weight:600}.controls{display:flex;gap:20px;margin:24px 0}.controls label{width:240px}label{display:grid;gap:9px;margin-bottom:18px}input,textarea,select{width:100%;border:1px solid #d5dce5;border-radius:4px;padding:11px;font:inherit;background:white;color:inherit}textarea{resize:vertical;min-height:96px}input:focus,textarea:focus,select:focus{outline:2px solid #a4d5ff;border-color:#1890ff}button{font:inherit;border:1px solid #d5dce5;background:#fff;color:#30445c;border-radius:4px;padding:10px 17px;cursor:pointer}button:hover{border-color:#1890ff;color:#1677d2}button.primary{background:#1890ff;color:white;border-color:#1890ff}button:disabled{opacity:.5;cursor:wait}.tabs{display:flex;gap:0;margin-bottom:24px;border-bottom:1px solid #e5eaf0}.tabs button{border:0;border-radius:0;padding:12px 24px}.tabs .selected{border-bottom:2px solid #1890ff;color:#1677d2}.grid{display:grid;grid-template-columns:1fr 1fr;gap:0 22px}.wide{grid-column:span 2}.note{font-size:12px}.hidden{display:none!important}.notice{padding:15px 18px;background:#fff7e8;color:#835412;line-height:1.8;margin:18px 0}.result{border-top:1px solid #e4eaf1;padding:20px 0;margin-top:15px}.result h3{margin:5px 0}.row{display:flex;gap:15px;align-items:center;padding:15px 0;border-bottom:1px solid #e8edf3;flex-wrap:wrap}.row span{flex:1}.upload{max-width:550px;margin-top:22px}pre{white-space:pre-wrap;word-break:break-word;background:#f6f8fb;padding:16px;font-size:12px}details{margin:14px 0}summary{cursor:pointer;color:#1677d2}#message{margin:16px 32px;color:#965318;white-space:pre-wrap}footer{padding:15px 32px 35px;color:#8896a6;font-size:12px}a{color:#1677d2}#auth{max-width:680px}
@media(max-width:760px){body{display:block}aside{position:static;width:100%;padding:18px}.brand{font-size:22px}.brand span,aside small{display:none}nav{display:flex;flex-wrap:wrap;margin-top:16px;gap:4px}nav button{padding:9px}main{margin:0;width:100%}header{padding:15px 18px}section{margin:14px;padding:20px;min-height:300px}.grid{grid-template-columns:1fr}.wide{grid-column:auto}.steps{gap:8px;flex-wrap:wrap;font-size:12px}.controls{display:block}.controls label{width:100%}h1{font-size:22px}.heading{gap:10px}.tag{white-space:nowrap}#message{margin:14px}footer{padding:15px}}
.row-select{display:flex;align-items:center;gap:12px}.row-select input{width:18px;height:18px}#results>button{margin:18px 12px 0 0}

.reference-notice{padding:13px 16px;background:#fff7e8;color:#80521a;border-left:3px solid #dba94d;font-size:13px;line-height:1.8;margin:14px 0}
.pricing-display-mode{display:flex;flex-wrap:wrap;gap:24px;padding:16px;border:1px solid #d5dce5;border-radius:6px;margin-bottom:18px}.pricing-display-mode label{display:inline-flex;align-items:center;gap:8px;margin:0}.pricing-display-mode input[type=radio]{width:18px;height:18px;padding:0;margin:0;flex:none}
