*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f8f8ee;color:#355653;font:15px/1.8 "Microsoft JhengHei","PingFang TC",sans-serif;background-image:radial-gradient(#bcd7ce 0.7px,transparent .7px);background-size:16px 16px}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #d9814f;outline-offset:3px}header{max-width:1280px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:26px 32px;border-bottom:1px solid #dae3d5}.brand{display:flex;align-items:center;gap:13px;text-decoration:none}.brand b{display:block;color:#4a8580;font-size:19px}.brand small{display:block;font-size:8px;letter-spacing:2px}.bear{display:grid;place-items:center;background:#d5e7dc;border-radius:14px;width:58px;height:48px;font-size:21px;color:#4c8173}header nav{display:flex;flex-wrap:wrap;gap:24px;font-size:14px;font-weight:700}header nav a{text-decoration:none}header nav a[aria-current]{color:#247a6c;border-bottom:2px solid #83b4a3}main{max-width:1200px;padding:0 24px;margin:auto}.hero{display:grid;grid-template-columns:1.2fr 1fr;gap:80px;padding:65px 25px 60px;align-items:center}.eyebrow{color:#b27448;font-size:10px;letter-spacing:3px;font-weight:700;margin:0 0 12px}h1{font-size:43px;line-height:1.45;letter-spacing:2px;margin:0 0 18px;font-weight:700}h1 em{font-style:normal;color:#629e8d}.hero p:not(.eyebrow){color:#69817a;margin:0 0 24px}.hero-tags{display:flex;gap:8px;flex-wrap:wrap}.hero-tags span,.tag{display:inline-block;background:#e8efe1;border-radius:6px;font-size:12px;padding:3px 10px}.route-note{border:1px solid #d4e0d1;background:#fffdf5;border-radius:24px;box-shadow:0 7px 0 #e3e9d9;padding:30px 36px;transform:rotate(1deg)}h2,h3,h4{line-height:1.5}.route-note h2{font-size:23px;margin:0 0 18px}.route-note ol{padding:0;margin:0;list-style:none;counter-reset:route}.route-note li{display:grid;grid-template-columns:35px auto;gap:0 12px;padding:13px 0;border-top:1px dashed #dae3d4;counter-increment:route}.route-note li:before{content:"0" counter(route);grid-row:span 2;color:#83ad97;font-size:21px}.route-note li span{font-size:13px;color:#7b8e82}.section-top{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:22px}.section-top h2{font-size:28px;margin:0;color:#4e8d82}.updated{color:#7d8c7c;font-size:12px}.categories{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px}.categories button{border:1px solid #d4dfce;border-radius:28px;background:#fffdf6;color:#576f63;padding:10px 20px;font-weight:700}.categories button[aria-current=true]{background:#6a9f8f;border-color:#6a9f8f;color:#fff;box-shadow:0 3px 0 #518779}.tools{background:#edf2e6;border:1px solid #dce5d5;border-radius:18px;padding:20px;display:grid;grid-template-columns:minmax(220px,1fr) 115px 225px auto;gap:14px;align-items:end}.tools label>span{display:block;font-size:12px;color:#6c7b68;margin-bottom:5px}.tools input,.tools select{width:100%;height:44px;border:1px solid #cbd8c3;border-radius:9px;background:#fffef8;padding:8px 12px;color:#36564c;min-width:0}.quiet{height:44px;background:transparent;border:0;text-decoration:underline;color:#687e6d;padding:0 8px}.search-mode{display:flex;justify-content:space-between;gap:18px;margin:12px 4px 25px;font-size:12px;color:#788575}.search-mode label{flex-shrink:0;cursor:pointer}.search-mode input{accent-color:#5e9280}.intro{background:#fffdf6;border:1px solid #d7e1cf;padding:26px;border-radius:18px;margin-bottom:26px}.intro h3{margin:0 0 12px;font-size:21px}.intro p{margin:9px 0;color:#6c7d6a}.intro .steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:20px}.intro .step{border-left:2px solid #b8d0b7;padding-left:14px}.intro .step b{display:block;color:#517d68;margin-bottom:6px}.intro .step p{font-size:13px;line-height:1.8;margin:0}.intro .notice{font-size:13px;border-top:1px dashed #d7e1cf;padding-top:14px;margin-top:18px;color:#996c3d}.results-heading{display:flex;justify-content:space-between;gap:12px;align-items:center;margin:25px 2px 16px}.results-heading h3{margin:0;font-size:18px}.results-heading span{font-size:12px;color:#7b8974}#results{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.quest-card,.item-card,.boss-card{border:1px solid #d4e0d0;border-radius:17px;padding:23px 25px;background:#fffdf7;box-shadow:0 3px 0 #e6ebdf;min-width:0}.quest-card h4,.item-card h4,.boss-card h4{font-size:18px;margin:8px 0 9px;word-break:break-word}.meta{font-size:12px;color:#768570;margin:0 0 12px}.meta strong{color:#658664}.quest-card .description{font-size:13px;color:#6b7e69;min-height:24px;margin:10px 0 14px}.card-top{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:7px}.level{font-size:12px;color:#946d40;background:#f2ebd6;border-radius:5px;padding:2px 9px}.materials{display:flex;gap:6px;flex-wrap:wrap;margin:10px 0 15px}.material{border:1px solid #d7e0cf;background:#f2f6eb;color:#527359;padding:4px 9px;border-radius:7px;font-size:12px;text-align:left;word-break:break-word}.material:hover{background:#e3eddc}.material span{margin-left:7px;color:#8a7756}.action{background:transparent;border:0;border-bottom:1px solid #b0c7b5;color:#46836e;font-weight:700;padding:3px 0}.muted{color:#7d8978;font-size:13px}.more{display:block;margin:28px auto 10px;background:#6a9f8f;color:#fff;border:0;border-radius:24px;padding:10px 35px}.more[hidden]{display:none}.empty{grid-column:1/-1;text-align:center;background:#fffdf6;padding:50px;border-radius:18px;color:#70826e}.source-note{margin:45px 0 30px;background:#edf1e4;border-radius:18px;padding:24px 28px;color:#73816c;font-size:12px}.source-note h2{font-size:15px;color:#607755;margin:0}.source-note p{margin:9px 0}footer{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;padding:20px 25px 40px;gap:20px;color:#748570;font-size:12px}dialog{border:1px solid #d1dcc8;border-radius:21px;background:#fffdf5;color:#3c5c4e;padding:0;width:min(840px,calc(100% - 28px));max-height:88vh;box-shadow:0 20px 80px #1c48313d}dialog::backdrop{background:#203d38a6;backdrop-filter:blur(3px)}.dialog-bar{position:sticky;top:0;z-index:1;background:#fffdf5;border-bottom:1px solid #e2e6d7;display:flex;justify-content:space-between;align-items:center;padding:12px 20px;min-height:55px}.dialog-bar button{background:none;border:0;color:#537f64}.dialog-bar .close{font-size:28px;line-height:1;margin-left:auto}#detail-body{padding:12px 30px 30px;overflow-wrap:anywhere}#detail-body h2{font-size:25px;margin:13px 0}#detail-body h3{font-size:17px;border-bottom:1px solid #dbe3cf;padding-bottom:8px;margin-top:28px}#detail-body h4{margin:4px 0}.detail-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;background:#eff3e6;padding:16px;border-radius:12px;font-size:13px}.detail-facts b{display:block;font-size:11px;color:#839075}.detail-steps{padding-left:24px}.detail-steps>li{padding:6px 0 14px}.source-row{padding:15px 0;border-bottom:1px dashed #d9e1ce}.source-row .tag{margin-right:8px}.source-row p{margin:7px 0;font-size:13px}.warning{color:#a2733e;background:#f8efdc;border-radius:10px;padding:12px 16px;font-size:13px}.route-step{padding:18px 0;border-top:1px solid #e0e6d5}.route-step p{margin:8px 0}details{margin:12px 0}summary{cursor:pointer;color:#64866c;font-size:13px}blockquote{margin:10px 0;padding:9px 15px;border-left:2px solid #bed3bb;font-size:13px;color:#7a806d}.target{padding:10px 14px;background:#f0f3e8;margin:8px 0;border-radius:9px;font-size:13px}.link-list{display:grid;gap:7px}.link-list button{text-align:left}.source-row .materials{margin-bottom:3px}.summary-line{font-size:13px}.scroll-top{scroll-margin-top:30px}
@media(max-width:900px){header{padding:20px 24px;flex-wrap:wrap;gap:18px}header nav{gap:18px}.hero{gap:30px;padding:42px 0}.hero h1{font-size:35px}.route-note{padding:25px}.tools{grid-template-columns:minmax(180px,1fr) 110px 190px}.quiet{grid-column:3}.search-mode{flex-wrap:wrap;gap:8px}.intro .steps{grid-template-columns:1fr}.intro .step{padding-bottom:8px}}@media(max-width:600px){header{padding:18px 18px}.brand b{font-size:17px}header nav{font-size:12px;gap:15px;row-gap:8px}main{padding:0 16px}.hero{display:block;padding:32px 5px 30px}.hero h1{font-size:32px}.hero>div>p:not(.eyebrow){font-size:14px}.route-note{margin-top:28px;padding:22px;transform:none}.route-note h2{font-size:20px}.route-note ol{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.route-note li{display:block;border-top:1px solid #dbe3d3;padding-bottom:0;font-size:13px}.route-note li:before{display:block;font-size:17px}.route-note li span{display:block;font-size:11px}.section-top{align-items:start;gap:8px}.section-top h2{font-size:25px}.updated{font-size:10px;padding-top:23px}.categories{gap:7px}.categories button{font-size:12px;padding:8px 13px}.tools{grid-template-columns:90px minmax(0,1fr);gap:12px;padding:16px}.search{grid-column:1/-1}.quiet{grid-column:1/-1;height:27px}.tools label>span{font-size:11px}.tools input,.tools select{font-size:13px}.search-mode{font-size:11px}.intro{padding:19px}.intro h3{font-size:19px}.intro>p{font-size:13px}#results{grid-template-columns:1fr}.quest-card,.item-card,.boss-card{padding:20px}.quest-card h4,.item-card h4,.boss-card h4{font-size:17px}.source-note{padding:21px;margin-top:30px}footer{padding:15px 20px 30px;display:block}footer a{display:block;margin-top:10px}#detail-body{padding:10px 20px 25px}#detail-body h2{font-size:21px}.detail-facts{grid-template-columns:1fr}.dialog-bar{padding:12px 15px}.empty{padding:32px 18px}}