.reading-document{overflow:hidden}#document-viewer{position:fixed;inset:0;z-index:1000;background:var(--paper);display:flex;flex-direction:column;height:100dvh}.document-toolbar{display:flex;align-items:center;gap:18px;padding:14px 20px;border-bottom:1px solid var(--line);background:var(--paper);flex-shrink:0}.document-toolbar button{background:var(--ink);color:white;white-space:nowrap}.document-toolbar strong{flex:1;font-size:14px}.document-toolbar a{font-size:12px;white-space:nowrap}.document-help{font-size:11px;line-height:1.4;margin:8px 20px;flex-shrink:0}.document-frame{border:0;width:100%;flex:1;min-height:0;background:white}@media(max-width:600px){.document-toolbar{padding:12px;gap:10px;flex-wrap:wrap}.document-toolbar strong{order:3;flex-basis:100%}.document-toolbar a{margin-left:auto}.document-help{margin:7px 12px}}
:root{--ink:#233e36;--paper:#f5f3eb;--muted:#68756b;--line:#d8ded1;--accent:#c56d43}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,'Microsoft YaHei',sans-serif;font-size:15px}button,input,textarea{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer;background:transparent;border:1px solid var(--line);border-radius:5px;padding:11px 17px;color:var(--ink)}button:hover{background:#e1e7da}button:disabled{opacity:.55;cursor:wait}a{color:inherit}header{max-width:1320px;margin:auto;padding:26px 5%;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}.brand{display:flex;gap:14px;align-items:center;font-size:40px;text-decoration:none}.brand span{font-size:12px;letter-spacing:2px}.brand small{display:block;font-size:8px;letter-spacing:3px;margin-top:6px;color:var(--muted)}main{max-width:1320px;margin:auto;padding:0 5%}h1,h2,h3{font-family:Georgia,'Microsoft YaHei',serif;font-weight:400}h1{font-size:clamp(42px,5.7vw,78px);letter-spacing:-2px;line-height:1.06;margin:22px 0}h2{font-size:34px;margin:15px 0}h3{font-size:25px;margin:10px 0}p{line-height:1.7;color:var(--muted)}.eyebrow{font-size:11px;letter-spacing:2.5px;color:var(--accent);font-weight:bold}#login{display:grid;grid-template-columns:1.2fr 1fr;min-height:600px;margin-top:40px;gap:65px;align-items:center}.landscape{background:#dbe2d3;position:relative;padding:48px;min-height:510px;overflow:hidden;border-radius:10px}.landscape>span{font-size:11px;letter-spacing:3px}.landscape h1,.landscape p{position:relative;z-index:1}.mountains{position:absolute;right:-30px;bottom:-95px;font-size:370px;font-family:serif;color:#a4b6a1;transform:rotate(-8deg)}form label{display:block;margin:24px 0 9px;font-size:12px}input,textarea{width:100%;padding:13px;border:1px solid #bac6b5;border-radius:5px;background:#fffdf7;color:var(--ink)}.primary{display:block;background:var(--ink);color:white;margin-top:18px;border:0}.primary:hover{background:#416051}.hero{padding:50px 0 40px;position:relative}.hero:after{content:'山';position:absolute;right:3%;top:32px;font-size:210px;color:#d6dfce;font-family:serif;z-index:-1}.meta{display:flex;flex-wrap:wrap;gap:12px;margin-top:25px}.meta span,.tag{border:1px solid var(--line);border-radius:40px;padding:8px 14px;font-size:12px}nav{display:flex;gap:8px;overflow:auto;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:14px 0}nav button{white-space:nowrap;border:0}nav .active{background:var(--ink);color:#fff}#content{padding:30px 0}.section-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:25px}.section-head p{margin:6px 0}.days{display:flex;gap:7px;overflow:auto;padding-bottom:20px}.days button{flex-shrink:0;min-width:68px}.days .active{background:var(--ink);color:white}.grid{display:grid;grid-template-columns:1.5fr 1fr;gap:28px}.card{background:#fffdf7;border:1px solid var(--line);border-radius:9px;padding:26px;margin-bottom:16px}.timeline{list-style:none;padding:0;margin:0}.timeline li{display:grid;grid-template-columns:82px 1fr;gap:20px;padding:20px 0;border-bottom:1px solid var(--line)}.timeline li:last-child{border:0}.time{color:var(--accent);font-size:13px}.timeline p{margin:5px 0;font-size:14px}.stay{background:#e4e9dc}.small{font-size:12px;color:var(--muted);line-height:1.6}.stack{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.check{display:flex;align-items:center;gap:12px;padding:15px 0;border-bottom:1px solid var(--line)}.check input{width:18px;height:18px}.check span{flex:1}.check.checked span{text-decoration:line-through;color:var(--muted)}.remove{padding:4px 9px}.row{display:flex;gap:10px;align-items:center;margin-top:18px}.row input{min-width:0}.row button{flex-shrink:0}.big-number{font-family:Georgia,serif;font-size:43px;margin:20px 0}.expense{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:13px 0;border-bottom:1px solid var(--line)}.doc{display:block;text-decoration:none}.doc:hover{background:#e4e9dc}footer{display:flex;justify-content:space-between;gap:25px;border-top:1px solid var(--line);padding:25px 0 40px;font-size:10px;letter-spacing:1px;color:var(--muted)}#status{padding-top:12px;color:#8c4528;font-size:13px}#login-error{color:#9e3525}[hidden]{display:none!important}:focus-visible{outline:3px solid #c56d43;outline-offset:3px}@media(max-width:700px){#login{grid-template-columns:1fr;gap:30px;margin-top:24px}.landscape{min-height:330px;padding:28px}#login form{padding-bottom:40px}.grid,.stack{grid-template-columns:1fr;gap:10px}.hero{padding-top:35px}.hero:after{font-size:130px;top:60px;right:0}.hero p{max-width:280px}header{padding:20px 5%}.card{padding:20px}.section-head{display:block}footer{flex-direction:column}.timeline li{grid-template-columns:65px 1fr;gap:10px}.row{flex-wrap:wrap}.row input{flex:1 1 120px}}
.document-pages{flex:1;min-height:0;overflow:auto;background:#e3e3df;padding:12px;overscroll-behavior:contain}.document-page{margin:0 auto 20px;width:100%;max-width:1100px}.document-page img{display:block;width:100%;height:auto;background:white}.document-page figcaption{font-size:11px;padding:8px;color:#435247}.document-page details{background:var(--paper);font-size:12px;padding:10px}.document-page pre{white-space:pre-wrap;overflow-wrap:anywhere;font:inherit;line-height:1.7}.document-pages.zoomed .document-page{width:200%;max-width:none}#document-zoom{background:transparent;color:var(--ink);padding:8px 10px;font-size:12px}
.day-map-links{display:flex;flex-wrap:wrap;gap:10px}.day-map-links a{font-size:12px;border:1px solid var(--line);border-radius:5px;padding:8px;text-decoration:none}
