/* Jianghu guide theme. Decorations never carry instructions or hit targets. */
:root{--ink:#302f29;--muted:#746c5c;--blue:#315e78;--pink:#974665;--red:#a63e31;--line:#d9ccb2;--paper:#fffaf0;--serif:"KaiTi","STKaiti","FangSong","SimSun",serif}
body{background:radial-gradient(ellipse at 8% 14%,#d6d8c877,transparent 42%),radial-gradient(ellipse at 95% 70%,#c5cbb54d,transparent 42%),repeating-linear-gradient(0deg,#95734a05 0,#95734a05 1px,transparent 1px,transparent 4px),#eee7d8;color:var(--ink);font-size:15px;line-height:1.85}
a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline-color:#367594}
.site-header{max-width:1240px;padding:24px}
.brand{gap:14px;color:#34463c;font:700 25px/1.2 var(--serif);letter-spacing:3px}
.brand small{color:#756d5c;font:11px/1.8 "Microsoft YaHei",sans-serif;letter-spacing:4px;margin-top:6px}
.brand-seal{width:46px;height:48px;border:3px double #f6d5b3;outline:1px solid #953e31;color:#fff1d9;background:#a44335;border-radius:3px 5px 2px 4px;transform:rotate(-4deg);font:23px/1 var(--serif);letter-spacing:0;box-shadow:2px 3px 0 #a4433517}
.site-header nav a{color:#625640}.page-shell{padding-top:3px}
.hero{grid-template-columns:1.25fr 1fr;gap:48px;padding:47px 61px 49px;background:#f1e5c9 url("theme/bamboo-parchment.png") center/100% 100% no-repeat;border:0;border-radius:4px;box-shadow:0 14px 30px #493b2423,0 2px 4px #493b242b;isolation:isolate}
.hero-copy{position:relative;min-width:0}.eyebrow{font-weight:500;letter-spacing:3px;color:#8c6747}
.hero .eyebrow{display:inline-block;border-bottom:1px solid #a7875e70;padding-bottom:9px;margin:0 0 14px}
.hero h1{font:700 53px/1.3 var(--serif);letter-spacing:1px;margin:0 0 18px;color:#303e33;text-shadow:0 1px #fff9e8}
.hero h1 small{display:block;font:400 25px/1.5 var(--serif);letter-spacing:3px;color:#745c3d;margin-top:10px}
.hero-description{color:#655b46;font-size:14px;line-height:2;margin:0 0 24px}
.primary-link{gap:33px;padding:11px 23px;background:#344e40;color:#fff3d8;border:3px double #b7a983;border-radius:2px;box-shadow:3px 4px 0 #344e401c}
.primary-link:hover{background:#263f32}.text-link{text-decoration:underline;text-underline-offset:5px;background:#fff8e7dd;padding:2px 6px}
.legend{display:inline-flex;gap:17px;margin-top:24px;padding:6px 10px;background:#fff8e7e8;border:1px solid #cbb98f90;color:#685e4c}.legend i{transform:rotate(45deg);border-radius:0;margin-right:7px}.blue{background:var(--blue)}.red{background:var(--red)}.pink{background:var(--pink)}
.journey{position:relative;background:#fff8e7db;border:1px solid #bfa882;outline:1px solid #bfa88280;outline-offset:5px;border-radius:0;padding:19px 26px 23px;margin:9px 6px;box-shadow:5px 7px 0 #88734e14}
.journey:before,.journey:after{content:"";position:absolute;width:15px;height:15px;pointer-events:none}
.journey:before{top:-7px;left:-7px;border-left:3px solid #9c7a4a;border-top:3px solid #9c7a4a}
.journey:after{bottom:-7px;right:-7px;border-right:3px solid #9c7a4a;border-bottom:3px solid #9c7a4a}
.journey .journey-label{display:block;color:#6b563b;font:22px/1.5 var(--serif);letter-spacing:4px;margin-bottom:7px}
.journey .journey-label small{display:inline;margin-left:10px;color:#9c4437;font:10px/1.5 "Microsoft YaHei",sans-serif;letter-spacing:2px;border:1px solid #b96a54;padding:2px 5px;vertical-align:middle}
.journey a{gap:15px;padding:12px 0;border-bottom-color:#bca67c80;color:#3f4638}.journey a:hover{color:var(--red)}
.journey a b,.journey a:nth-child(n) b{background:#e5dfc9;color:#58634b;border:1px solid #c7baa0;border-radius:50%;width:33px;height:33px;flex-shrink:0;font:19px/1 var(--serif)}
.journey span{font:700 19px/1.3 var(--serif)}.journey small{font:11px/1.7 "Microsoft YaHei",sans-serif;color:#766b57;margin-top:3px}.journey em{color:#997f53}
.important-strip{padding:15px 20px;margin:23px 0 30px;background:#f9f0df;border:0;border-top:1px solid #d4bc91;border-bottom:1px solid #d4bc91;border-radius:0}
.important-strip>span{color:#a34e3b;font:18px/1.5 var(--serif);background:none;border-radius:0;border-right:1px solid #d4bc91;padding:0 18px 0 0}
.important-strip p{color:#756147}.important-strip b{color:#963f32}
.guide-layout{grid-template-columns:206px minmax(0,1fr);gap:30px}
.sidebar-title{font:22px/1.5 var(--serif);letter-spacing:4px;color:#61513a;margin:1px 8px 14px}
.sidebar-title:after{content:" / 四卷";font:11px/1.5 "Microsoft YaHei",sans-serif;letter-spacing:1px;color:#8a7960}
.chapter-nav{background:#f7efdd;border:1px solid #c5b28e;border-left:5px solid #5d6750;border-radius:0;box-shadow:3px 4px 0 #86775015}
.chapter-nav a{gap:8px;padding:14px 10px;color:#625b47;border-radius:0;border-bottom:1px solid #ddcfb1;margin:0}.chapter-nav a:last-child{border-bottom:0}
.chapter-nav a:hover,.chapter-nav a[aria-current="true"]{color:#8e392c;background:#e9ddc4;box-shadow:inset 3px 0 #a34836}.chapter-nav a span{color:#897354}
.sidebar-note{padding:19px 10px;color:#7d7059;line-height:1.95}.sidebar-note b{color:#495942}
.search-bar{gap:12px;border:1px solid #cbbb9b;border-bottom:2px solid #b9a782;background:#fffaf0;border-radius:0}
.search-bar label{font:18px/1.5 var(--serif);color:#586447}.search-bar input{color:#373b32}.search-bar input::placeholder{color:#8b816b}
.search-bar button{background:#eee5d2;border:1px solid #cfbea0;border-radius:0;color:#67573f}.result-status{color:#7c715e;margin:10px 2px 24px}
.section-heading{margin-bottom:18px;padding-bottom:15px;border-bottom:1px solid #c8b996;position:relative}
.section-heading:after{content:"";position:absolute;bottom:-3px;left:0;width:45px;height:4px;background:#8f4535}
.section-heading .eyebrow{font-size:10px;color:#8d7151;letter-spacing:3px}
.section-heading h2{font:700 30px/1.4 var(--serif);letter-spacing:2px;margin:6px 0;color:#394831}.section-heading p{margin:5px 0 0;color:#726750}
.guide-card{background:var(--paper);border:1px solid #d3c4a6;border-radius:2px;margin:13px 0;box-shadow:2px 3px 0 #8c744c09}
.guide-card[open]{border-color:#ba9f6c;box-shadow:0 4px 14px #66522e0b}
.guide-card summary{gap:14px;background:linear-gradient(90deg,#eee6d460,transparent 80%)}
.card-number{height:35px;background:#f4e5cd;color:#a14a36;border:1px solid #bf8b67;outline:1px solid #bf8b672e;outline-offset:2px;border-radius:2px;font:15px/1 var(--serif)}
.card-heading strong{font:700 20px/1.5 var(--serif);color:#393e30}.route{line-height:1.8;color:var(--blue)}.expand{color:#8a734d}
.points{padding:3px 9px;border:1px solid #d3acb8;border-radius:0;background:#f7e8ea;color:#91445e}
.card-body{grid-template-columns:minmax(0,1fr) minmax(240px,1.05fr);gap:25px;border-top-color:#e1d5ba;padding:25px}
.instructions h3{font:19px/1.5 var(--serif);color:#686140;letter-spacing:2px;margin:0 0 18px}
.steps li{line-height:1.95;margin-bottom:15px;color:#544f41}.steps li:before{margin-top:3px;background:#e7eee9;color:#315e78;border:1px solid #b8ccc4;border-radius:0;font:12px/1 var(--serif)}
.note{line-height:1.9;border-radius:0;border-left:2px solid;margin:14px 0}.note b{font-size:12px;letter-spacing:1px}
.done{background:#edf1e9;color:#3b6170;border-color:#65838a}.done b{color:#315e78}
.reward{background:#f9edf0;color:#92435e;border-color:#ad7589}.reward b{color:#974665}
.caution{background:#fbede3;color:#994638;border-color:#ae6250}.caution b{color:#a63e31}
.entry-link{border-color:#a8bbb7;background:#f0f3e9;border-radius:0}.permalink{font-size:11px;color:#847254}
.image-link{background:#e9e1ce;border:1px solid #b8a883;border-radius:0;box-shadow:inset 0 0 0 4px #f4eddd,2px 3px 0 #84704717}
.image-link:hover{border-color:#597c7a;background:#e4e5d6}.zoom-label{color:#655a42;font-size:11px}
.guide-figure figcaption{font-size:12px;color:#786c54;line-height:1.9;margin:12px 3px}.empty-state{border-color:#bda782;border-radius:0;color:#7c6a50}
.guide-footer{border-top:3px double #c5b18a;margin-top:30px;padding-top:30px;color:#7b705b}.guide-footer b{color:#526043;font:22px/1.5 var(--serif);letter-spacing:2px}
.image-viewer{background:#f2ecddfa;border:5px double #ae986e}.viewer-toolbar{padding-bottom:15px;border-bottom:1px solid #cebc96}
.viewer-toolbar h2{font:23px/1.5 var(--serif);color:#414b37}.viewer-toolbar button{background:#fff8e8;border-color:#b8a17b;border-radius:0}.viewer-caption{color:#72644d}
@media(max-width:1050px){
  .site-header{padding:20px 25px}.hero{gap:29px;padding:38px}.hero h1{font-size:43px}.hero h1 small{font-size:22px;letter-spacing:1px}
  .guide-layout{grid-template-columns:190px minmax(0,1fr);gap:22px}.card-body{grid-template-columns:1fr}.journey{padding:18px}
}
@media(max-width:720px){
  .site-header{padding:20px}.brand{font-size:22px}.brand-seal{width:39px;height:42px;font-size:20px}.brand small{font-size:10px;letter-spacing:2px}
  .hero{padding:29px 26px 31px;background-size:auto 100%;border-radius:3px}.hero h1{font-size:36px;letter-spacing:0}.hero h1 small{font-size:20px;letter-spacing:1px}.hero-description{font-size:13px}
  .journey{margin:27px 5px 8px;padding:17px 19px}.journey a{padding:10px 0}.legend{gap:13px;font-size:10px}
  .important-strip{padding:13px 10px;margin-bottom:23px}.important-strip>span{font-size:16px;padding-right:10px}.important-strip p{font-size:12px}
  .chapter-nav{gap:3px;margin-bottom:20px;padding:5px;border-left-width:3px}.chapter-nav a{padding:9px;font-size:12px;border:0}.section-heading h2{font-size:26px}
  .guide-card summary{gap:10px}.card-heading strong{font-size:18px}.card-number{height:29px;font-size:13px}.route{font-size:11px}.points{max-width:80px}
  .card-body{padding:17px;gap:20px}.image-viewer{padding:13px}.viewer-toolbar h2{font-size:17px}.guide-footer b{font-size:20px}
}
@media print{body{background:white}.guide-card{box-shadow:none}.guide-footer{border-color:#999}}