:root{--paper:#f5f3ec;--panel:#fffef9;--ink:#29372e;--muted:#7a8076;--line:#e4e5db;--orange:#a64d30;--sage:#73917d;--warm:#e3ae70;--soft:#eeeee5;--danger:#ac4138}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft Yahei",sans-serif;font-size:14px;line-height:1.6}button,input,select{font:inherit}button,a,input,select{touch-action:manipulation}button{cursor:pointer;color:inherit}a{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #cda278;outline-offset:3px}button:disabled{cursor:not-allowed;opacity:.5}input,select{background:#fffefb;border:1px solid var(--line);border-radius:8px;padding:11px 12px;width:100%;min-width:0;color:var(--ink);transition:border-color .15s}input:focus,select:focus{border-color:var(--sage)}input::placeholder{color:#a2a598}input[type=number]{font-variant-numeric:tabular-nums}button{background:none;border:0}button, .btn{transition:background .15s,transform .15s}.btn:hover{transform:translateY(-1px)}[hidden]{display:none!important}.sidebar{position:fixed;inset:0 auto 0 0;width:230px;background:#f0f0e7;border-right:1px solid var(--line);padding:34px 20px;z-index:10;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;font-size:17px;font-weight:700;letter-spacing:1px}.brandmark{width:43px;height:48px;border-radius:11px 3px 11px 3px;display:grid;place-items:center;background:var(--ink);color:#f8f4e9;font-family:"STKaiti",serif;font-size:30px;font-weight:400}.brand small{display:block;color:var(--muted);font-size:10px;font-weight:400;letter-spacing:.8px;margin-top:2px}.navtitle{font-size:11px;color:var(--muted);margin:55px 14px 15px}.nav{display:flex;align-items:center;width:100%;gap:13px;margin-bottom:8px;border-radius:9px;padding:13px 14px;text-align:left;color:#727a6e;font-size:14px}.nav small{margin-left:auto;font-size:10px;color:#969b8d}.nav.active{background:var(--ink);color:#fffef6}.nav.active small{color:#d7dfd0}.nav:hover:not(.active){background:#e6e8dd}.navicon{font-size:20px;width:20px;text-align:center;font-weight:400}.sidebottom{margin-top:auto;font-size:12px;padding:24px 12px 0;color:#566750}.live-dot,.dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--sage);margin-right:6px;vertical-align:middle}.sidebottom p{font-family:"STKaiti",serif;font-size:23px;line-height:1.7;margin:20px 0;color:#8c9485}.version{font-size:10px;padding-top:18px;border-top:1px solid #dbded0;color:#8b9183}.shell{margin-left:230px}.topbar{height:69px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 42px;font-size:12px;color:#53634f}.muted{color:var(--muted)}.plain{font-size:12px;color:var(--muted);padding:8px}.topbar .muted{margin-left:12px}main{padding:38px 42px 0;max-width:1600px;margin:auto}.heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:30px}.eyebrow{font-size:10px;color:#8d947f;letter-spacing:2px;font-weight:600;margin-bottom:12px}h1{font-family:"STKaiti","Kaiti SC",serif;font-size:39px;letter-spacing:1px;margin:0;line-height:1.4;font-weight:700}h2{margin:0;font-size:16px;font-weight:650}.intro{margin:10px 0 0;font-size:13px;color:var(--muted)}.edition{font-size:12px;border:1px solid #cdd3c2;border-radius:5px;padding:10px 13px;color:#53674d;white-space:nowrap}.edition span{display:block;color:#909684;font-size:10px;margin-top:3px}.link-box{padding:22px 24px;border:1px solid #d8ddcc;border-radius:12px;background:#ecefe2;margin-bottom:28px}.link-label{display:flex;align-items:center;gap:12px}.link-label h2{font-size:14px}.link-label p{font-size:11px;margin:2px 0 0;color:#869077}.mini-icon{font-size:24px;color:#69825e;width:32px;height:32px;display:grid;place-items:center}.link-line{display:flex;gap:10px;margin-top:16px}.link-line input{border-color:#d6ddc9;font-size:13px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;white-space:nowrap;border-radius:7px;padding:11px 18px;font-size:12px;font-weight:600;min-height:42px}.dark{background:var(--ink);color:#fffef7;border:1px solid var(--ink)}.dark:hover{background:#405342}.outline{background:var(--panel);border:1px solid #d5dbcd}.outline:hover{background:#f0f2e8}.link-status{font-size:11px;color:#859078;margin-top:10px}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 320px;align-items:start;gap:24px}.panel{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:24px;margin-bottom:18px}.panelhead{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:20px}.panelhead h2{font-size:14px;white-space:nowrap}.panelhead h2>span:first-child{font-size:10px;display:inline-block;color:var(--orange);border:1px solid #ebd9cb;padding:2px 6px;border-radius:4px;margin-right:10px;vertical-align:1px}.head-actions{display:flex;gap:12px}.textbtn{font-size:11px;color:#7e876f;padding:2px 0;text-decoration:underline;text-decoration-color:#c8cfbb;text-underline-offset:4px}.formgrid{display:grid;gap:16px}.basics{grid-template-columns:1fr 1fr 1fr}label{font-size:12px;font-weight:500;display:block;color:#5d6757}label>input,label>select,label>.with-unit{margin-top:6px}.optional{font-size:10px;font-weight:400;color:#a0a593;margin-left:7px}.with-unit{position:relative}.with-unit input{padding-right:35px}.with-unit>span{position:absolute;right:12px;top:12px;font-size:11px;color:#90977e}.pills{display:flex;gap:5px;flex-wrap:wrap}.pills button{padding:4px 8px;background:#f2f2e9;border-radius:4px;color:#859074;font-size:10px;border:1px solid transparent}.pills button:hover{border-color:#cdd4bf;background:#e8eddd}.sectionhint{font-size:11px;color:#9a9f8e;margin:-7px 0 16px}.human-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.human-pair{display:flex;gap:5px;align-items:center;margin-top:8px}.human-pair input{padding:10px 6px;text-align:center}.slash{color:#adb49d}.field-title{font-size:12px}.field-title small{font-size:9px;color:#9aa68a;margin-left:4px}.field-off{opacity:.55}.tiny-note{font-size:10px;color:#969e89;margin:14px 0 0;line-height:1.7}.skill-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:10px}.skill-grid label{font-size:10px;color:#91977f;text-align:center}.skill-grid input,.pet-grid input{text-align:center;padding:11px 5px}.pet-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.pet-grid label{font-size:11px}.extra-grid{display:grid;grid-template-columns:180px 1fr;gap:16px}.smallnote{font-size:10px!important;color:#a0a593!important;border:0!important;margin-left:10px!important;font-weight:400}.formfooter{display:flex;justify-content:space-between;align-items:center;padding:0 0 15px;gap:16px}.formfooter>span{font-size:10px;color:#959d87}.error{padding:12px 16px;margin:0 0 18px;background:#fff0e8;border:1px solid #edd2c2;color:#9a493c;font-size:12px;border-radius:8px}.result-column{position:sticky;top:24px}.result{background:#fffef9;border:1px solid #d6dbcc;border-radius:12px;overflow:hidden;padding:24px}.result-kicker{display:flex;align-items:center;justify-content:space-between;font-size:12px;color:#7e8971;letter-spacing:.5px}.result-kicker>span{font-size:9px;border:1px solid #d5ddc8;border-radius:4px;padding:2px 6px}#result-empty{text-align:center;padding:40px 0 24px}.empty-symbol{font:60px Georgia,serif;color:#dce2cf}.result h2{font-size:16px}.result p{font-size:11px;color:#919a84;line-height:1.9}.result-empty .btn{font-size:11px}#result-empty .btn{margin-top:16px}.result-name{font-size:11px;color:#8f977f;margin-top:17px;display:flex;gap:8px;align-items:center}.badge{font-size:9px;padding:2px 6px;background:#eef0e3;color:#7b896b;border-radius:3px}.total-number{font-size:51px;letter-spacing:-2px;font-weight:500;line-height:1.2;margin:14px 0 5px;font-variant-numeric:tabular-nums}.total-number small{font-size:19px;letter-spacing:0;margin-right:5px;color:#9a694b}.result-caption{font-size:10px;color:#a0a58e}.stack{display:flex;height:5px;gap:3px;margin:26px 0 22px;overflow:hidden;border-radius:3px}.stack>span{min-width:0}.breakdown{display:flex;justify-content:space-between;align-items:center;margin:14px 0;font-size:12px;color:#7e876f}.breakdown strong{font-size:14px;font-weight:500;color:#455440;font-variant-numeric:tabular-nums}.swatch{display:inline-block;width:7px;height:7px;border-radius:2px;margin-right:8px}.result-separator{border-top:1px solid var(--line);margin:20px 0}.price-row{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:#7b856d;margin:10px 0}.price-row strong{color:#54614d;font-size:15px;font-weight:600}.gap-note{border-radius:7px;background:#f4eee5;padding:12px;margin:13px 0;color:#97704d;font-size:11px}.gap-note.low{background:#ebf0e5;color:#5d7856}.result-actions{display:grid;gap:9px;margin:20px 0 14px}.result-actions .btn{width:100%}.result .outline{font-size:11px}.result details{border-top:1px solid var(--line);padding-top:15px;font-size:11px;color:#819074}.result summary{cursor:pointer;color:#68775c;list-style:none;display:flex;justify-content:space-between}.result summary::after{content:'＋'}.result details[open] summary::after{content:'−'}.detail-table{margin-top:10px}.detail-table td{padding:5px 0;font-size:10px;border-bottom:1px solid #f0f0e7}.detail-table td:first-child{color:#8c947f}.detail-table td:last-child{text-align:right}.caution{font-size:10px;line-height:1.7;color:#a18d6e;margin-top:12px}.result-note{padding:20px 8px}.result-note strong{font-size:11px;color:#8c957d;font-weight:500}.result-note p{font-size:10px;line-height:1.9;color:#a0a790}.site-footer{border-top:1px solid var(--line);margin-top:40px;padding:23px 0;display:flex;justify-content:space-between;color:#a2a892;font-size:10px}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.mobile{display:none}.toolbar{display:flex;gap:10px;align-items:center;margin-bottom:24px}.toolbar .search{flex:1}.search input{max-width:390px;background:var(--panel)}.empty-state{border:1px dashed #cdd5bf;border-radius:12px;padding:70px 24px;text-align:center;background:#f9f9f0}.empty-state h2{font-size:23px;font-family:"STKaiti",serif}.empty-state p{font-size:13px;color:var(--muted);margin-bottom:25px}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.role-card{background:var(--panel);border:1px solid var(--line);padding:22px;border-radius:10px;display:flex;flex-direction:column}.card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.card-top .badge{font-size:10px}.role-card h2{font-size:16px}.card-meta{color:#929b84;font-size:11px;margin:5px 0 18px}.card-values{display:flex;justify-content:space-between;gap:10px;margin:12px 0 20px}.card-values span{display:block;font-size:10px;color:#99a18d;margin-bottom:3px}.card-values strong{font-size:22px;font-weight:500}.card-controls{border-top:1px solid var(--line);padding-top:16px;margin-top:auto;display:flex;gap:12px;justify-content:space-between;font-size:11px}.card-controls label{font-size:11px;display:flex;gap:6px;align-items:center}.card-controls input{width:14px;height:14px;margin:0;accent-color:#566f4b}.card-controls button{font-size:11px;color:#859375}.card-delete{color:#ad8871!important}.record-note{font-size:11px;color:#9aa08d;margin-bottom:17px}.comparison-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:12px;background:var(--panel)}table{width:100%;border-collapse:collapse}.comparison{min-width:700px;table-layout:fixed}.comparison th{font-size:11px;color:#819074;background:#f0f2e7;text-align:left;font-weight:500}.comparison th,.comparison td{padding:18px;border-bottom:1px solid #e9ecdf;vertical-align:top}.comparison th:first-child{width:145px}.comparison td{font-size:13px}.comparison .row-label{color:#8b967b;font-size:11px}.comparison .big-cell{font-size:23px;font-weight:500}.comparison .model-row td{background:#eef2e7}.comparison .cell-muted{font-size:10px;color:#929c83;margin-top:3px}.comparison .input-row{font-size:10px;line-height:1.9;color:#8b957e}.comparison .neg{color:#65845a}.comparison .pos{color:#a27754}.comparison-actions{display:flex;align-items:center;justify-content:space-between;margin:18px 0;gap:10px;flex-wrap:wrap;font-size:12px;color:#879375}.comparison-actions select{width:auto;padding:8px 12px;font-size:11px}.compare-summary{display:flex;gap:16px;margin-bottom:22px}.summary-box{flex:1;border:1px solid #d9dfce;border-radius:10px;padding:20px;background:#fdfcf6}.summary-box span{font-size:11px;color:#859275}.summary-box strong{display:block;font-size:20px;margin-top:5px;font-weight:500}.summary-box p{font-size:11px;color:#a1a88f;margin:4px 0}.rules-intro{padding:24px 28px;background:#e9efdf;border-radius:12px;margin-bottom:25px;border:1px solid #d8e1ca}.rules-intro strong{font-size:20px;font-weight:500}.rules-intro p{color:#829273;font-size:12px;line-height:1.9;margin:8px 0 0}.rules-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.rules-grid .panel{padding:22px}.rules-grid p{font-size:12px;color:#89977b}.rules-grid table{font-size:11px;margin:22px 0}.rules-grid th{font-weight:500;color:#8a997b;text-align:left}.rules-grid td,.rules-grid th{padding:9px 4px;border-bottom:1px solid var(--line)}.rules-grid li{font-size:11px;line-height:1.9;color:#798b6b;margin-bottom:8px}.rules-grid ul{padding-left:16px}.rule-caveat{padding-top:12px;border-top:1px solid var(--line);font-size:10px!important;color:#a29370!important}.rule-bottom>div{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.rule-bottom p{font-size:12px;color:#89977c;line-height:1.9}.rule-bottom strong{color:#5a7050;font-size:13px}.lookup-controls{display:flex;align-items:end;gap:20px}.lookup-controls label{width:170px}#lookup-answer{font-size:16px;padding:10px;color:#7b7855}.toast{position:fixed;left:50%;bottom:28px;transform:translateX(-50%);background:#2e3c31;color:#fffdf4;border:1px solid #677b5c;border-radius:8px;padding:12px 24px;z-index:100;max-width:min(600px,90vw);font-size:13px;box-shadow:0 8px 30px #26352120}.stored-link{font-size:11px;color:#9aa486;word-break:break-all}.delete-confirm{background:#f3e8df!important;color:#97694f!important}.error-inline{color:#ab5f43;font-size:11px}.metric-note{font-size:10px;color:#9da58d}.result .extra-value{font-size:12px}.tablebutton{font-size:10px;text-decoration:underline;color:#7d906b;padding:0}
@media(min-width:1600px){.workspace{grid-template-columns:minmax(0,1fr) 365px}.total-number{font-size:60px}}@media(max-width:1250px){.sidebar{width:195px;padding:28px 14px}.shell{margin-left:195px}.brand{font-size:15px}.brandmark{width:37px}.topbar{padding:0 26px}main{padding:30px 26px 0}.workspace{grid-template-columns:minmax(0,1fr) 280px;gap:18px}.panel{padding:20px}.skill-grid{grid-template-columns:repeat(4,1fr)}.pills button{font-size:9px;padding:4px 6px}.panelhead{gap:8px}.result{padding:20px}.total-number{font-size:45px}.cards{grid-template-columns:repeat(2,1fr)}.rules-grid{grid-template-columns:1fr}.rules-grid .panel{margin-bottom:0}.rules-grid{margin-bottom:18px}.rules-grid table{max-width:450px}}@media(max-width:980px){.workspace{grid-template-columns:minmax(0,1fr)}.result-column{position:static;display:grid;grid-template-columns:1.2fr 1fr;gap:20px}.result-note{padding:15px}.heading .edition{display:none}.basics{grid-template-columns:repeat(3,1fr)}h1{font-size:34px}.skill-grid{grid-template-columns:repeat(7,1fr)}.rule-bottom>div{grid-template-columns:1fr;gap:4px}.cards{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){.sidebar{position:static;width:100%;padding:16px 18px 0;border-right:0;border-bottom:1px solid var(--line)}.brand{font-size:16px}.brandmark{height:39px;font-size:26px}.brand small{font-size:9px}.navtitle,.sidebottom{display:none}.sidebar nav{display:flex;gap:4px;margin:15px -5px 0}.nav{padding:12px 8px;margin:0;border-radius:6px 6px 0 0;justify-content:center;font-size:12px;gap:6px}.nav small{display:none}.navicon{font-size:17px;width:auto}.shell{margin-left:0}.topbar{height:45px;padding:0 20px;font-size:10px}.desktop{display:none}main{padding:25px 18px 0}.eyebrow{font-size:9px;letter-spacing:1.4px}h1{font-size:32px}.mobile{display:block}.heading{margin-bottom:23px;align-items:start;gap:12px}.heading>.btn{padding:9px 11px;font-size:10px;margin-top:28px}.intro{font-size:11px;line-height:1.9}.link-box{padding:16px;margin-bottom:20px}.link-line{gap:7px}.link-line input{font-size:11px}.link-line .btn{padding:10px 12px;font-size:11px}.link-label p{font-size:10px}.link-status{font-size:10px}.workspace{gap:6px}.panel{padding:18px 15px;margin-bottom:14px;border-radius:9px}.panelhead{margin-bottom:18px;flex-wrap:wrap}.panelhead h2{font-size:13px}.panelhead h2>span:first-child{margin-right:7px}.head-actions{gap:10px}.basics{grid-template-columns:1fr 1fr;gap:13px}label{font-size:11px}input,select{padding:11px 10px;font-size:16px}label input::placeholder{font-size:11px}.pills{gap:4px}.pills button{font-size:9px;padding:4px 6px}.human-grid,.pet-grid{gap:9px}.human-pair{gap:3px}.human-pair input{padding:9px 2px;font-size:16px}.field-title{font-size:10px}.field-title small{display:none}.slash{font-size:11px}.tiny-note{font-size:9px}.sectionhint{font-size:10px}.skill-grid{grid-template-columns:repeat(4,1fr);gap:10px}.skill-grid input{font-size:16px}.extra-grid{grid-template-columns:1fr;gap:13px}.formfooter .btn{font-size:11px}.result-column{display:block}.result{padding:24px}.total-number{font-size:58px}.result-note{padding:20px 7px}.result-note p{font-size:11px}.site-footer{margin-top:23px;font-size:9px;gap:12px}.toolbar{flex-wrap:wrap;gap:7px}.toolbar .search{flex:1 1 100%}.toolbar .btn{padding:9px 13px;font-size:11px}.search input{max-width:none;font-size:14px}.cards{grid-template-columns:1fr}.role-card{padding:20px}.compare-summary{flex-direction:column;gap:9px}.summary-box{padding:15px}.summary-box strong{font-size:17px}.comparison th:first-child{width:110px}.comparison td,.comparison th{padding:14px}.comparison-actions{font-size:10px}.comparison-actions select{font-size:12px}.rules-intro{padding:20px}.rules-intro strong{font-size:16px}.rules-intro p{font-size:11px}.lookup-controls{flex-wrap:wrap;gap:12px}.lookup-controls label{flex:1;width:auto}.lookup-controls #lookup-answer{flex:1 1 100%;padding:0;font-size:14px}.rules-grid .panel{padding:20px}.version{display:none}}
@media print{.sidebar,.topbar,.site-footer,.toolbar,button,.result-note,.formfooter{display:none!important}.shell{margin:0}main{padding:0}.page[hidden]{display:none!important}.workspace{display:block}.result-column{position:static}.panel,.result{break-inside:avoid}.comparison-wrap{overflow:visible}.comparison{min-width:0}.comparison th,.comparison td{padding:8px;font-size:10px}}
.toast{width:max-content;max-width:calc(100vw - 32px);text-align:center}

.screenshot-box{margin-bottom:28px}#screenshot-drop{display:flex;gap:16px;align-items:center;flex-wrap:wrap;padding:20px;border:1px dashed #9aab9d;background:#f5f3ec}#screenshot-drop span,#screenshot-status{font-size:14px;color:#637064}#screenshot-previews{display:flex;gap:12px;overflow-x:auto;padding:14px 0}#screenshot-previews>div{flex:0 0 100px;position:relative}#screenshot-previews img{width:100px;height:130px;object-fit:cover;border:1px solid #ddd}#screenshot-previews button{display:block;width:100%;border:0;padding:6px;cursor:pointer}.ocr-actions{display:flex;gap:10px}.source-link{margin-top:16px}#ocr-text{max-height:230px;overflow:auto;white-space:pre-wrap;font-size:13px}.ocr-missing{border-color:#c78b38!important;background:#fff8ec!important}details summary{cursor:pointer}.screenshot-box [hidden]{display:none!important}