:root{color:#1f2933;background:#eef3f2;font-family:Microsoft YaHei,PingFang SC,Hiragino Sans GB,Noto Sans CJK SC,Arial,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}.app-shell{width:min(1440px,100%);margin:0 auto;padding:28px}.page-header{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px;align-items:end;padding:24px 0 18px;border-bottom:1px solid #c8d5d1}.eyebrow{margin:0 0 8px;color:#0f766e;font-size:.86rem;font-weight:700}h1,h2,h3,p{margin-top:0}h1{max-width:760px;margin-bottom:12px;color:#172026;font-size:clamp(2rem,4vw,4.25rem);line-height:1.05;letter-spacing:0}.intro{max-width:720px;margin-bottom:0;color:#50616b;font-size:1rem;line-height:1.7}.header-actions,.drug-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.primary-action,.secondary-action,.icon-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;border:0;border-radius:8px;font-weight:700}.primary-action{padding:0 16px;color:#fff;background:#0f766e}.secondary-action{padding:0 14px;color:#263238;background:#d9e7e3}.icon-button{width:40px;color:#30444c;background:#edf4f2}.icon-button.danger{color:#9f2c2c}.notice-strip{display:flex;align-items:center;gap:10px;margin:18px 0;padding:14px 16px;border:1px solid #f0c36d;border-radius:8px;color:#573d09;background:#fff6df;line-height:1.55}.workspace{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,390px);gap:18px;align-items:start}.assessment-list{display:grid;gap:16px}.drug-panel,.result-panel{border:1px solid #cbd8d5;border-radius:8px;background:#fff;box-shadow:0 10px 30px #1f293314}.drug-panel{padding:18px}.drug-panel-header{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:end;margin-bottom:18px}.drug-name-field,.notes-field{display:grid;gap:7px;color:#52656f;font-size:.9rem;font-weight:700}.drug-name-field input,.notes-field textarea{width:100%;border:1px solid #b8cac5;border-radius:8px;color:#1f2933;background:#fbfdfc}.drug-name-field input{min-height:44px;padding:0 12px;font-size:1rem}.drug-name-combobox{position:relative}.drug-candidate-list{position:absolute;z-index:20;top:calc(100% + 6px);left:0;right:0;display:grid;max-height:290px;overflow-y:auto;border:1px solid #9fb9b2;border-radius:8px;background:#fff;box-shadow:0 16px 34px #1f293329}.drug-candidate{display:grid;gap:4px;width:100%;min-height:58px;padding:10px 12px;border:0;border-bottom:1px solid #e1ebe8;color:#31454e;background:#fff;text-align:left}.drug-candidate:last-child{border-bottom:0}.drug-candidate:hover,.drug-candidate:focus-visible{outline:none;background:#e9f7f4}.candidate-main,.candidate-meta{min-width:0}.candidate-main{display:flex;gap:8px;align-items:baseline;justify-content:space-between}.candidate-main strong,.candidate-main span,.candidate-meta{overflow-wrap:anywhere}.candidate-main strong{color:#172026}.candidate-main span{color:#60727b;font-size:.88rem}.candidate-meta{color:#0f766e;font-size:.82rem;font-weight:700;line-height:1.4}.notes-field textarea{min-height:72px;padding:11px 12px;resize:vertical;line-height:1.55}.criteria-grid{display:grid;gap:14px}.criterion{min-width:0;margin:0;padding:0;border:0}.criterion legend{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;width:100%;margin-bottom:8px;color:#273941;font-weight:800}.criterion legend em{color:#7b8b93;font-style:normal;font-weight:700}.legend-meta{display:inline-flex;flex:0 0 auto;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap}.link-action{min-height:28px;padding:0 8px;border:1px solid #b8cac5;border-radius:8px;color:#0f766e;background:#fff;font-size:.82rem;font-weight:800}.match-status{display:block;width:fit-content;max-width:100%;margin:0 0 9px;padding:7px 9px;border-radius:8px;color:#43545d;background:#edf4f2;font-size:.86rem;font-weight:700;line-height:1.45;overflow-wrap:anywhere}.match-status.compact{margin:0;width:100%}.match-status.auto{color:#0e625c;background:#e0f3ef}.match-status.unmatched{color:#53636b;background:#eef2f1}.match-status.manual{color:#7a4d09;background:#fff3d7}.option-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:8px}.option{min-height:104px;padding:10px;border:1px solid #c8d6d2;border-radius:8px;color:#33464f;background:#f7faf9;text-align:left;transition:border-color .16s ease,background-color .16s ease,transform .16s ease}.option:hover{border-color:#2b9087;transform:translateY(-1px)}.option.active{border-color:#0f766e;background:#e3f4f1}.option-main{display:flex;justify-content:space-between;gap:10px;margin-bottom:7px}.option-main strong{color:#1d3038}.option-main span{flex:0 0 auto;color:#0f766e;font-weight:800}.option small{display:block;color:#62737b;line-height:1.45}.inline-score{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px;color:#3c4f58}.inline-score span,.inline-score strong{display:inline-flex;min-height:32px;align-items:center;padding:0 10px;border-radius:8px;background:#edf4f2}.inline-score strong{color:#fff;background:#0f766e}.result-panel{position:sticky;top:18px;padding:18px}.result-heading{display:flex;gap:12px;align-items:flex-start;padding-bottom:14px;border-bottom:1px solid #d8e2df}.result-heading h2,.score-reference h2{margin-bottom:3px;color:#172026;font-size:1.1rem}.result-heading p{margin-bottom:0;color:#64757c;font-size:.9rem}.result-list{display:grid;gap:10px;margin:14px 0}.result-item{padding:13px;border:1px solid #d5e0dc;border-radius:8px;background:#fbfdfc}.result-item.top{border-color:#0f766e;background:#eefaf7}.result-title-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:8px;align-items:center;margin-bottom:10px}.rank{color:#0f766e;font-weight:900}.result-title-row h3{overflow-wrap:anywhere;margin-bottom:0;color:#1d3038;font-size:1rem}.category{display:inline-flex;align-items:center;min-height:28px;padding:0 9px;border-radius:8px;color:#fff;font-size:.86rem;font-weight:800;white-space:nowrap}.category.veryLow{background:#6f7780}.category.low{background:#2f7d90}.category.medium{background:#b87916}.category.high{background:#c45135}.category.veryHigh{background:#a8324a}.score-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:0 0 10px}.score-grid div{padding:9px;border-radius:8px;background:#edf4f2}.score-grid dt{color:#677981;font-size:.78rem}.score-grid dd{margin:2px 0 0;color:#172026;font-size:1.2rem;font-weight:900}.result-item p{margin-bottom:0;color:#667780;font-size:.88rem}.score-reference{padding-top:14px;border-top:1px solid #d8e2df}.score-reference ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:10px 0 0;padding:0;list-style:none;color:#4a5d66;font-size:.9rem}.score-reference li{min-height:34px;padding:7px 9px;border-radius:8px;background:#f2f6f5}.source-footer{margin-top:18px;padding:18px 0 4px;color:#596c74;font-size:.88rem;line-height:1.6}@media(max-width:980px){.app-shell{padding:20px}.page-header,.workspace{grid-template-columns:1fr}.result-panel{position:static}}@media(max-width:620px){.app-shell{padding:16px}.page-header{padding-top:10px}h1{font-size:2rem}.header-actions,.primary-action,.secondary-action{width:100%}.drug-panel-header,.result-title-row{grid-template-columns:1fr}.criterion legend,.legend-meta{display:grid;justify-content:stretch}.drug-actions{justify-content:flex-start}.candidate-main{display:grid;gap:2px}.option-list,.score-reference ul,.score-grid{grid-template-columns:1fr}}
