:root{color:#1c2526;background:#f5f7f4;font-family:Microsoft YaHei,PingFang SC,Noto Sans CJK SC,system-ui,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input,textarea,select{font:inherit}.site-shell{min-height:100vh;background:linear-gradient(135deg,rgba(39,94,92,.1),transparent 34%),linear-gradient(315deg,rgba(190,90,68,.12),transparent 30%),#f5f7f4}.site-header{position:sticky;top:0;z-index:10;display:flex;justify-content:center;padding:20px 20px 10px;border-bottom:0;background:#f5f7f4eb;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.top-brand{color:#152b2b;font-size:40px;font-weight:800;line-height:1.15;white-space:nowrap}.top-actions{position:sticky;top:74px;z-index:10;display:flex;align-items:center;justify-content:center;gap:12px;padding:16px 20px;border-bottom:1px solid rgba(207,216,208,.72);background:#f5f7f4e6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.top-actions button{min-width:132px;min-height:42px;padding:10px 18px;border:1px solid #b9c7bf;border-radius:8px;color:#2f4f48;background:#fff;cursor:pointer;transition:background .16s ease,border-color .16s ease,color .16s ease,transform .16s ease}.top-actions button:hover{transform:translateY(-1px);border-color:#789188}.top-actions button.is-active{color:#fff;border-color:#275e5c;background:#275e5c}h1,h2,p,dl{margin:0}h1{margin-top:22px;color:#152b2b;font-size:54px;line-height:1.08;font-weight:800}.catalog-section{width:min(1120px,calc(100% - 40px));margin:0 auto;border:1px solid #d2dbd4;border-radius:8px;background:#ffffffe0;overflow:hidden}.catalog-header{display:flex;align-items:center;justify-content:space-between;gap:20px}.catalog-count{flex:0 0 auto;padding:6px 10px;border-radius:999px;color:#34564e;background:#e9f0ec;font-size:13px}.catalog-layout{display:grid;grid-template-columns:minmax(300px,.86fr) minmax(360px,1.14fr);min-height:620px}.catalog-list{display:grid;align-content:start;max-height:680px;overflow:auto;border-right:1px solid #dbe2dd;background:#fbfcfa}.catalog-item{display:grid;grid-template-columns:42px minmax(0,1fr);gap:12px;width:100%;min-height:68px;padding:12px 18px;border:0;border-bottom:1px solid #edf1ed;color:#1f2d2b;background:transparent;text-align:left;cursor:pointer}.catalog-item:hover,.catalog-item.is-selected{background:#eef5f0}.catalog-item.is-selected{box-shadow:inset 4px 0 #275e5c}.catalog-item__index{display:grid;place-items:center;width:34px;height:34px;border-radius:8px;color:#5e6e67;background:#e7ede9;font-size:13px;font-weight:700}.catalog-item.is-selected .catalog-item__index{color:#fff;background:#275e5c}.catalog-item__body{display:grid;gap:5px;min-width:0}.catalog-item__body strong{overflow:hidden;color:#1b3533;font-size:15px;line-height:1.4;text-overflow:ellipsis;white-space:nowrap}.catalog-item__body small{overflow:hidden;color:#66736d;font-size:13px;line-height:1.45;text-overflow:ellipsis;white-space:nowrap}.detail-panel{position:sticky;top:78px;display:grid;align-content:start;gap:20px;min-height:560px;padding:34px;background:linear-gradient(145deg,#fffffff5,#f0f5f2e6),#fff}.detail-panel__eyebrow{width:fit-content;padding:5px 10px;border-radius:999px;color:#275e5c;background:#e6efeb;font-size:13px;font-weight:700}.detail-panel h3{margin:0;color:#152b2b;font-size:30px;line-height:1.25}.detail-panel__description{color:#40514d;font-size:16px;line-height:1.8}.detail-panel__meta{display:grid;gap:14px;padding:18px;border:1px solid #dbe3dc;border-radius:8px;background:#fff}.detail-panel__meta div{display:grid;grid-template-columns:86px minmax(0,1fr);gap:14px}.detail-panel__meta dt{color:#66736d;font-size:14px}.detail-panel__meta dd{min-width:0;color:#1f2d2b;font-size:15px;line-height:1.7;overflow-wrap:anywhere}.detail-panel__meta a{color:#275e5c;text-decoration:none}.detail-panel__meta a:hover{text-decoration:underline}.strength-list{display:flex;flex-wrap:wrap;gap:10px}.strength-list span{padding:8px 10px;border:1px solid #ccd6cf;border-radius:8px;color:#34564e;background:#fff;font-size:14px}.detail-panel__note{padding:16px 18px;border-left:4px solid #d17a22;border-radius:8px;color:#4c5f58;background:#fff8ec;font-size:14px;line-height:1.8}.section-header{display:grid;gap:8px;padding:24px 28px;border-bottom:1px solid #dbe2dd;background:#fff}.section-header h2{color:#1b3533;font-size:22px;line-height:1.3}.section-header p{color:#68766f;font-size:14px;line-height:1.7}.site-footer{display:flex;justify-content:center;width:min(1120px,calc(100% - 40px));margin:0 auto;padding:26px 0 34px;color:#5e6e67;font-size:14px;line-height:1.7;border-top:1px solid #d7ded8}.site-footer a{color:#5e6e67;text-decoration:none}.site-footer a:hover{color:#275e5c;text-decoration:underline}@media(max-width:860px){.top-actions,.site-header{position:static}h1{font-size:42px}.catalog-layout{grid-template-columns:1fr}.catalog-list{max-height:420px;border-right:0;border-bottom:1px solid #dbe2dd}.detail-panel{position:static;min-height:auto}}@media(max-width:560px){.catalog-section,.site-footer{width:min(100% - 28px,1120px)}.top-actions{gap:8px;padding:12px 14px}.site-header{padding:16px 14px 8px}.top-brand{font-size:32px}.top-actions button{min-width:0;flex:1 1 0;padding:9px 10px}h1{font-size:34px}.section-header{padding-left:18px;padding-right:18px}.catalog-header{align-items:flex-start;flex-direction:column}.catalog-item{padding-left:14px;padding-right:14px}.detail-panel{padding:24px 18px}.detail-panel h3{font-size:24px}.detail-panel__meta div{grid-template-columns:1fr;gap:6px}}