*{box-sizing:border-box}html,body{margin:0;height:100%;background:#fbf6ec;color:#293c35;font-family:Arial,'Noto Sans TC',sans-serif}body{display:flex;flex-direction:column;height:100dvh}button,a,input{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer;color:inherit}button:focus-visible,a:focus-visible{outline:3px solid #d96c43;outline-offset:3px}button{border:0;background:none;min-height:44px}a{color:inherit}h1{font-size:clamp(29px,5vw,46px);line-height:1.4;margin:14px 0}p{line-height:1.85}small{line-height:1.6}.top{display:flex;align-items:center;gap:10px;padding:calc(10px + env(safe-area-inset-top)) 18px 10px;background:#fbf6ec;border-bottom:1px solid #293c3518;flex:none}.top img{width:43px;height:43px;object-fit:contain}.top div{display:flex;flex-direction:column;gap:4px}.top small{font-size:9px;letter-spacing:1.5px}.top strong{font-size:16px}.top button{margin-left:auto;border:1px solid #293c3530;border-radius:24px;padding:0 14px;font-size:12px}.view{flex:1;min-height:0;overflow:auto}.home,.content{padding:30px 22px 40px;width:100%;max-width:900px;margin:auto}.eyebrow{font-size:11px;letter-spacing:2px;color:#a65334}.hero{display:flex;align-items:center;gap:18px;background:#edb177;border-radius:24px;padding:24px;margin:26px 0}.hero>img{width:32%;max-width:180px;filter:drop-shadow(0 12px 10px #5a3b2525)}.hero small{font-size:9px;letter-spacing:1.5px}.hero h2{font-size:23px;margin:8px 0}.hero p{font-size:13px}.hero button,.primary{background:#293c35;color:#fff;border-radius:24px;padding:12px 20px}.tiles{display:grid;grid-template-columns:1fr 1fr;gap:12px}.tiles button{background:#f0e9da;border-radius:18px;text-align:left;padding:22px 16px}.tiles b,.tiles span{display:block}.tiles b{font-size:21px;margin-bottom:12px}.tiles span{font-size:12px;line-height:1.7}.section-head{display:flex;align-items:center;justify-content:space-between;margin-top:20px}.section-head h2{font-size:21px}section>small{color:#686e64}.bottom{display:flex;flex:none;justify-content:space-around;padding:7px max(10px,env(safe-area-inset-right)) calc(7px + env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-left));background:#fbf6ec;border-top:1px solid #293c351c;z-index:30}.bottom button{display:flex;flex-direction:column;align-items:center;gap:4px;min-width:50px;font-size:11px;border-radius:12px;padding:5px 12px}.bottom span{font-size:23px;line-height:1.2}.bottom [aria-current=page]{color:#a34f31;background:#f7e3cc}.frame-view{display:flex;flex-direction:column;position:relative}.frame-view iframe{border:0;width:100%;flex:1;min-height:0;background:#dedfd7}.map-tools,.read-tools{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:0 12px;background:#e8eadf;font-size:12px;flex:none;min-height:44px}.read-tools{background:#fbf6ec}.exit-full{display:none}.map-full .top,.map-full .bottom,.map-full .map-tools{display:none}.map-full .exit-full{display:block;position:absolute;bottom:calc(16px + env(safe-area-inset-bottom));left:12px;border-radius:24px;background:#fffdf5f0;padding:10px 16px;z-index:25}.notice{padding:18px;border:1px solid #dfc5a5;background:#f8ecd9;border-radius:14px;font-size:13px;line-height:1.8;margin:22px 0}.capture{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;background:#e7eadd;border:2px dashed #9ba993;border-radius:22px;min-height:220px;cursor:pointer}.capture>span{font-size:45px}.capture small{font-size:12px}#preview{width:100%;max-height:360px;object-fit:contain;border-radius:18px;background:#e7eadd}#photoactions{display:flex;justify-content:space-between}#candidate-list{display:grid;gap:10px}#candidate-list button{padding:18px;background:#f0e9da;border-radius:12px;text-align:left}#community{background:white;border-radius:18px;padding:22px;margin-top:20px}#community img{width:100%;max-height:260px;object-fit:contain;border-radius:12px}#community a{display:inline-block;margin:12px 0;line-height:1.7}#community dl div{display:flex;justify-content:space-between;gap:18px;padding:12px 0;border-bottom:1px solid #ddd}dd{margin:0;text-align:right}.stamp-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:25px 0}.stamp{padding:18px 8px;text-align:center;border:1px dashed #9da68c;border-radius:18px;background:#f2eddf}.stamp img{width:75%;max-width:100px;filter:grayscale(1);opacity:.25}.stamp.done{border:2px solid #ca704b;background:#fce7ce}.stamp.done img{filter:none;opacity:1}.stamp p{font-size:12px;margin:8px 0}.stamp small{font-size:10px}.secondary{display:block;margin-top:20px;line-height:1.7}.textbutton{font-size:12px;text-decoration:underline;margin-top:20px}dialog{border:0;border-radius:22px;padding:28px;max-width:calc(100% - 36px);width:440px;color:#293c35;line-height:1.8}dialog::backdrop{background:#17271f88}dialog button{background:#293c35;color:white;border-radius:24px;padding:8px 24px}[hidden]{display:none!important}@media(orientation:landscape) and (max-height:550px){body:has(#map:not([hidden])) .top{display:none}.bottom button{flex-direction:row}.bottom{padding-top:0;padding-bottom:env(safe-area-inset-bottom)}.map-tools{min-height:30px}.map-tools button{min-height:30px}}@media(max-width:380px){.home,.content{padding:24px 16px}.hero{gap:10px;padding:18px}.hero h2{font-size:20px}.top{padding-left:10px;padding-right:10px}}