.hs-panel{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:0 0 20px;padding:18px 20px;border:1px solid #b9955c;border-radius:14px;background:linear-gradient(115deg,#f7ead0,#fffbef 58%,#eee0bc);box-shadow:0 6px 20px #5b42231b}
.hs-panel-copy h3{margin:3px 0 6px;color:#274b43;font-size:1.35rem;letter-spacing:.08em}
.hs-panel-copy p{margin:0 0 5px;color:#5d4838}
.hs-panel-copy small{color:#806d59;line-height:1.55}
.hs-eyebrow{font-size:.77rem;letter-spacing:.16em;color:#9a7236}
.hs-dot{color:#b8543e;font-size:.68em;vertical-align:middle}
.hs-entry,.hs-primary{border:1px solid #274b43;border-radius:10px;background:#274b43;color:#fff6df;padding:11px 18px;white-space:nowrap;cursor:pointer;box-shadow:0 3px 8px #162c292e}
.hs-entry:hover,.hs-primary:hover{background:#376459}
/* 独立覆盖通用小屏 padding，避免安全区被后面的 .modal-overlay 规则抹掉。
   四个可选变量只供本地安全区测试；正式页面默认读取设备 env 值。 */
.modal-overlay.hs-overlay{z-index:10020;box-sizing:border-box;height:100vh;height:100dvh;bottom:auto;align-items:center;padding:12px;padding-top:calc(12px + var(--hs-safe-top,env(safe-area-inset-top,0px)));padding-bottom:calc(12px + var(--hs-safe-bottom,env(safe-area-inset-bottom,0px)));padding-left:calc(12px + var(--hs-safe-left,env(safe-area-inset-left,0px)));padding-right:calc(12px + var(--hs-safe-right,env(safe-area-inset-right,0px)));overflow:hidden}
.hs-modal{position:relative;display:flex;flex-direction:column;box-sizing:border-box;width:min(100%,650px);max-height:100%;min-height:0;overflow:hidden;background:#fff9ed;border:1px solid #bb995c;border-radius:16px;box-shadow:0 16px 50px #23170d85;color:#46382f}
.hs-toolbar{flex:none;display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:56px;padding:6px 12px 6px 20px;border-bottom:1px solid #dbc7a745}
.hs-close{flex:none;display:flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border-radius:50%;border:1px solid #d7c3a3;background:#fff8e9;color:#5a493b;font-size:26px;line-height:1;cursor:pointer;touch-action:manipulation}
.hs-content{min-height:0;overflow-y:auto;overscroll-behavior:contain;touch-action:pan-y;-webkit-overflow-scrolling:touch}
.hs-footer{flex:none;padding:10px 18px 14px;border-top:1px solid #dbc7a745;background:#fff9ed}
.hs-return{display:block;width:100%;min-height:44px;border:1px solid #bfa17b;border-radius:9px;background:#f4ead8;color:#5a493b;font:inherit;cursor:pointer;touch-action:manipulation}
.hs-close:hover,.hs-return:hover{background:#eadcc4}
.hs-close:focus-visible,.hs-return:focus-visible{outline:2px solid #274b43;outline-offset:2px}
.hs-art{display:block;width:100%;height:min(40vh,285px);object-fit:cover;object-position:center}
.hs-body,.hs-empty{padding:24px 27px 28px}
.hs-body h2,.hs-empty h2{color:#274b43;font-size:1.55rem;letter-spacing:.08em;margin:5px 0 15px}
.hs-body p,.hs-empty p{line-height:1.85;margin:0 0 13px}
.hs-clue{padding:13px 15px;margin:15px 0;border-left:3px solid #b9955c;background:#f5ebd8;line-height:1.8}
.hs-child-select{margin:18px 0}
.hs-child-select h4,.hs-empty h4{margin:0 0 9px;color:#5d4931}
.hs-child{border:1px solid #c4aa81;border-radius:8px;background:#fffdf5;color:#57432f;cursor:pointer;padding:8px 10px;margin:0 6px 7px 0;line-height:1.5;text-align:left}
.hs-child.selected{background:#dce9df;border-color:#467565;color:#284e43}
.hs-choices{display:grid;gap:9px}
.hs-choice{display:flex;flex-direction:column;gap:4px;text-align:left;border:1px solid #ccb083;background:#fffdf5;color:#4c3d2e;border-radius:9px;padding:11px 13px;cursor:pointer}
.hs-choice:hover:not(:disabled){border-color:#477565;background:#eff4e9}
.hs-choice:disabled{opacity:.5;cursor:not-allowed}
.hs-choice strong{font-size:1rem;color:#274b43}
.hs-choice span{font-size:.85rem;line-height:1.5;color:#77634c}
.hs-link{display:block;border:0;background:none;color:#8a765d;text-decoration:underline;cursor:pointer;margin:20px auto 0}
.hs-primary{margin-top:13px}
.hs-result{color:#2f6c54;font-weight:bold}
.hs-child-note{color:#765d44}
.hs-empty ul{padding-left:24px;color:#6b5845;line-height:1.8}
@media(max-width:540px){.hs-panel{align-items:stretch;flex-direction:column;padding:14px}.hs-entry{align-self:flex-start}.hs-art{height:210px}.hs-body,.hs-empty{padding:18px}.hs-toolbar{padding-left:18px}}
