.jsh-book,.jsh-shelf,.jsh-result-button,.jsh-benefit-nav{font-family:system-ui,-apple-system,"PingFang SC","Microsoft YaHei",sans-serif;box-sizing:border-box}
.jsh-book *,.jsh-shelf *,.jsh-result-button *{box-sizing:border-box}
.jsh-book [hidden],[data-benefit-result][hidden]{display:none!important}
.jsh-book{padding:0;border:1px solid #b79559;border-radius:18px;background:#f6f0e3;color:#382a28;width:min(740px,calc(100vw - 24px));max-width:740px;max-height:90dvh;margin:auto;box-shadow:0 24px 90px #0c191f66;overflow:auto;text-align:left;font-size:14px;line-height:1.6}
.jsh-book::backdrop{background:#0a171bb3;backdrop-filter:blur(5px)}
.jsh-book-head{position:relative;padding:22px 30px 26px;overflow:hidden;color:#ffefd0;background:radial-gradient(circle at 90% 10%,#78594055,transparent 45%),linear-gradient(125deg,#201a20,#342024);border-bottom:3px solid #c6a367}
.jsh-book-brand{display:flex;align-items:center;gap:8px;text-decoration:none;color:#f4d694;width:fit-content;letter-spacing:.15em;font-size:15px;font-weight:750}
.jsh-book-brand img{width:29px;height:36px;object-fit:contain}
.jsh-book-brand small{display:block;font-size:8px;letter-spacing:.14em}
.jsh-book-heading{position:relative;z-index:1;margin-top:20px}
.jsh-book-heading>small{font-size:10px;color:#d8bb87;letter-spacing:.12em}
.jsh-book-heading h2{font-size:34px;line-height:1.25;margin:5px 0 9px;font-weight:850;color:#fff9e9}
.jsh-book-heading p{margin:0;font-size:13px;color:#d9c8ab}
.jsh-book-seal{position:absolute;right:42px;bottom:24px;display:grid;place-items:center;width:115px;height:128px;border:1px solid #b9955c88;border-radius:60px 60px 9px 9px;transform:rotate(8deg);outline:1px solid #b9955c55;outline-offset:5px;background:#c49c3810}
.jsh-book-seal img{width:43px;height:43px;object-fit:contain;margin-top:10px}
.jsh-book-seal span{text-align:center;font:700 13px/1.5 Georgia,serif;letter-spacing:.2em;color:#e1c690}
.jsh-book .jsh-close,.jsh-book .jsh-back{position:absolute;z-index:2;right:20px;top:18px;border:1px solid #9d826b;border-radius:50%;width:35px;height:35px;background:#ffffff08;color:#f8e5b7;display:grid;place-items:center;font-size:24px;cursor:pointer;margin:0;padding:0;text-decoration:none}
.jsh-book .jsh-back{width:auto;border-radius:20px;padding:0 12px;font-size:11px}
.jsh-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:12px 20px 0;gap:6px;background:#efe5d2}
.jsh-tabs button{border:1px solid #d6c3a1;border-bottom:0;border-radius:8px 8px 0 0;background:#e7dcc6;color:#776650;font:700 13px/1.7 system-ui;cursor:pointer;padding:8px 4px;margin:0;white-space:nowrap}
.jsh-tabs button small{display:block;font-size:9px;color:#9c7950}
.jsh-tabs button[aria-selected=true]{color:#402c29;background:#f6f0e3;border-top:3px solid #b38a42;padding-top:6px}
.jsh-panel{padding:21px 28px 22px;outline:0}
.jsh-panel-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}
.jsh-panel-heading small{font-size:10px;letter-spacing:.08em;color:#9f743b}
.jsh-panel-heading h3{font-size:23px;line-height:1.3;margin:2px 0;color:#352528}
.jsh-panel-heading>span{font-size:11px;color:#8c8072;white-space:nowrap}
.jsh-tier{display:flex;align-items:center;justify-content:space-between;background:#ece2ce;padding:10px 14px;border-radius:8px;font-size:12px;color:#6a5645}
.jsh-tier select{font:750 15px system-ui;background:#fffbf0;color:#5a3923;border:1px solid #c3a66c;border-radius:6px;padding:8px 26px 8px 12px;cursor:pointer}
.jsh-intro{font-size:13px;line-height:1.75;margin:14px 0;color:#756351}
.jsh-pair{display:grid;grid-template-columns:1fr 1fr;border:1px solid #cbad76;border-radius:10px;overflow:hidden;margin-bottom:16px}
.jsh-pair>div{padding:17px;background:linear-gradient(125deg,#f4e7c9,#e6cc96)}
.jsh-pair>div+div{border-left:1px solid #c7ac77;background:linear-gradient(125deg,#efe4cf,#f9f1e0)}
.jsh-pair small{display:block;color:#70532c;font-size:12px}
.jsh-pair strong{display:block;font:750 37px/1.3 Georgia,serif;color:#5c381b;margin-top:3px;font-variant-numeric:tabular-nums}
.jsh-pair em,.jsh-total em{font:600 13px system-ui;font-style:normal}
.jsh-note{background:#eae0cb;border:1px solid #d9c39d;border-radius:9px;padding:14px 16px;margin:15px 0}
.jsh-note>b{font-size:14px;color:#865a26}
.jsh-note p{margin:5px 0 0;font-size:12px;line-height:1.8;color:#6c5c4a;white-space:normal}
.jsh-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:14px 0;font-size:11px;color:#65513f}
.jsh-steps span{display:flex;align-items:center;gap:7px}
.jsh-steps i{font:700 10px Georgia;padding:4px 6px;background:#3c282b;color:#e4bd74;border-radius:4px;font-style:normal}
.jsh-book summary{cursor:pointer;font-weight:700;color:#7e5d34;padding:11px 0;font-size:12px}
.jsh-book details{border-top:1px solid #d7c9ae;margin-top:18px}
.jsh-original img{display:block;width:100%;max-width:500px;height:auto;margin:0 auto 15px;border-radius:6px}
.jsh-table-scroll{width:100%;overflow-x:auto}
.jsh-book table{width:100%;border-collapse:collapse;font-size:13px;white-space:normal;margin:0}
.jsh-book caption{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.jsh-book th,.jsh-book td{padding:12px 10px;border-bottom:1px solid #deceb1;color:#46312c;text-align:right}
.jsh-book th:first-child{text-align:left}
.jsh-book thead th{font-size:11px;background:#3b292d;color:#eeddbb;font-weight:650}
.jsh-book tbody tr:nth-child(even){background:#e9d9b755}
.jsh-book tbody th{font-weight:550}
.jsh-book tbody td{font-weight:750;font-variant-numeric:tabular-nums}
.jsh-levels th:first-child{min-width:210px}
.jsh-levels tbody th:first-child{display:flex;gap:10px;align-items:center}
.jsh-levels th small{display:block;color:#8b755e;font-size:10px;font-weight:400;margin-top:4px}
.jsh-rank{display:grid;place-items:center;width:34px;flex-shrink:0;height:32px;background:#3b292d;color:#dfb96f;font-size:11px;border-radius:5px}
.jsh-ladder{display:grid;grid-template-columns:repeat(5,1fr);border:1px solid #ccb37e;border-radius:10px 10px 0 0;overflow:hidden;background:#fbf5e5}
.jsh-ladder>div{padding:15px 4px;text-align:center}
.jsh-ladder>div+div{border-left:1px solid #dfceb0}
.jsh-ladder small{font-size:10px;color:#8c7960}
.jsh-ladder strong{display:block;font:700 clamp(18px,4vw,26px)/1.5 Georgia,serif;color:#573a27}
.jsh-total{display:flex;justify-content:space-between;align-items:center;gap:12px;background:#3b272d;color:#f0d18c;padding:13px 17px;border-radius:0 0 10px 10px}
.jsh-total span{font-size:11px}
.jsh-total strong{font:700 26px Georgia,serif;white-space:nowrap}
.jsh-conditions{padding-left:22px;margin:16px 0}
.jsh-conditions li{padding-left:4px;margin:10px 0;color:#705637;font-size:12px}
.jsh-conditions p{font-size:12px;color:#7b6c5b;margin:3px 0;line-height:1.7;white-space:normal}
.jsh-policy-note{font-size:11px!important;line-height:1.7!important;color:#928473!important;margin:14px 0 0!important}
.jsh-shelf{color:#3e322b;background:linear-gradient(115deg,#fff8e7,#eddfbd);border:1px solid #c9ab73;border-radius:12px;padding:16px;margin:20px auto;max-width:1000px;box-shadow:0 3px 0 #c6b08630;line-height:1.5}
.jsh-shelf-title{display:flex;gap:10px;align-items:center;margin-bottom:12px}
.jsh-shelf-title>img{width:30px;height:30px;object-fit:contain}
.jsh-shelf-title b{font-size:16px;font-weight:800}
.jsh-shelf-title small{display:block;font-size:10px;color:#96774d;margin-top:2px}
.jsh-shelf-title a{font-size:11px;margin-left:auto;white-space:nowrap;color:#846333;text-decoration:none}
.jsh-shelf-items{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.jsh-shelf-items button{border:1px solid #cdb98f;border-radius:7px;padding:10px;background:#fffcf2b3;color:#4d382b;font:inherit;text-align:left;margin:0;cursor:pointer}
.jsh-shelf-items small{font-size:9px;color:#9b7c4e;display:block;white-space:nowrap}
.jsh-shelf-items b{font-size:14px;display:flex;justify-content:space-between;gap:6px;margin-top:3px}
.jsh-shelf-items button:hover{background:#fbebc8;border-color:#a98340}
.jsh-shelf-items b span{color:#ab8447;font-weight:400}
.jsh-benefit-nav{background:#f6e6bf!important;border:1px solid #bd9c59!important;border-radius:18px!important;color:#6f4925!important;font-size:12px!important;padding:5px 12px!important;text-decoration:none!important;white-space:nowrap;cursor:pointer;line-height:1.5!important}
.jsh-result-button{display:flex!important;align-items:center;gap:10px;width:100%;border:1px solid #d4ba80;border-radius:9px;background:#f1e4c7;color:#674425;text-align:left;padding:10px 12px;cursor:pointer;margin:12px 0 0!important;font:inherit;line-height:1.4;animation:jsh-page-in .45s ease-out}
.jsh-result-button img{width:26px!important;height:26px!important;object-fit:contain;margin:0!important}
.jsh-result-button>span{flex:1}
.jsh-result-button small{display:block;font-size:9px;color:#a17d43}
.jsh-result-button b{display:flex;justify-content:space-between;gap:9px;margin-top:3px;font-size:13px;line-height:1.6}
.jsh-result-button i{font-size:10px;align-self:center;font-style:normal;font-weight:500}
.jsh-book button:focus-visible,.jsh-book a:focus-visible,.jsh-shelf button:focus-visible,.jsh-result-button:focus-visible{outline:3px solid #ac7837;outline-offset:2px}
.jsh-standalone{margin:0;padding:28px 12px;min-height:100vh;background:radial-gradient(ellipse at top,#436052,#142f29 80%);font-family:system-ui,sans-serif}
.jsh-standalone .jsh-book{display:block;max-height:none;margin:0 auto}
@keyframes jsh-page-in{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:560px){.jsh-book{width:calc(100vw - 18px);max-height:92dvh;border-radius:14px}.jsh-book-head{padding:18px 19px 23px}.jsh-book-seal{right:27px;width:85px;height:104px;bottom:25px}.jsh-book-seal img{width:32px;height:32px}.jsh-book-seal span{font-size:11px}.jsh-book-heading h2{font-size:30px}.jsh-book-heading>small{font-size:9px}.jsh-book-heading p{font-size:11px}.jsh-tabs{padding:10px 10px 0;gap:3px}.jsh-tabs button{font-size:12px}.jsh-panel{padding:18px 16px}.jsh-panel-heading h3{font-size:22px}.jsh-steps{gap:6px}.jsh-steps span{gap:4px;font-size:10px}.jsh-shelf{margin:18px 12px;padding:13px}.jsh-shelf-items{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.jsh-shelf-items button{padding:8px 10px}.jsh-levels th:first-child{min-width:190px}.jsh-book th,.jsh-book td{padding:10px 7px}.jsh-levels th small{font-size:9px}.jsh-rank{width:29px}.jsh-book .jsh-close{right:13px;top:14px}.jsh-ladder strong{font-size:20px}.jsh-total{padding:13px}.jsh-standalone{padding:10px 0}}
@media(prefers-reduced-motion:reduce){.jsh-result-button{animation:none}}
nav:has(>.jsh-benefit-nav){flex-wrap:wrap;row-gap:7px}
@media(max-width:560px){header:has(.jsh-benefit-nav),header:has(.jsh-benefit-nav)>div{flex-wrap:wrap;row-gap:8px}nav:has(>.jsh-benefit-nav){column-gap:10px}.jsh-benefit-nav{font-size:11px!important;padding:4px 9px!important}}
