:root{font-family:system-ui,"Microsoft YaHei",sans-serif;color:#222;background:#e9e9e6;font-size:14px;line-height:1.65}*{box-sizing:border-box}body{margin:0}.phone{max-width:460px;margin:0 auto;background:#fafaf8;min-height:100vh;border-inline:1px solid #ccc}header{display:flex;justify-content:space-between;align-items:center;padding:18px 20px;border-bottom:1px solid #bbb;font-weight:700}small,.muted{color:#666;font-size:12px}.demo{font-size:11px;background:#ecebe4;border-bottom:1px dashed #aaa;padding:9px 20px}main{padding:20px 18px 105px;min-height:70vh}h1{font-size:24px;margin:8px 0 12px;line-height:1.3}h2{font-size:17px;margin:10px 0}h3{font-size:15px;margin:6px 0}p{margin:8px 0 12px}.eyebrow{letter-spacing:2px;font-size:11px;color:#666}.card{border:1px solid #b7b7b0;padding:16px;margin:12px 0;background:white;border-radius:5px}.row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.row>*{min-width:0}.spread{justify-content:space-between}button,.button{font:inherit;background:#fff;color:#222;border:1px solid #999;border-radius:4px;min-height:42px;padding:9px 12px;cursor:pointer;text-decoration:none;text-align:center}button.primary{background:#252525;color:white;border-color:#252525;width:100%;font-weight:650;margin-top:10px}button.secondary{width:100%;margin-top:8px}button:disabled{opacity:.45;cursor:default}.link{border:0;background:transparent;text-decoration:underline;padding:6px;min-height:32px}.danger{color:#9a2921}.tag{font-size:11px;border:1px solid #aaa;padding:2px 6px;border-radius:3px}.notice{border-left:3px solid #a18c49;background:#f4f0e5;padding:12px;margin:12px 0}.error{border-color:#9a2921;background:#fbeeea}input,textarea,select{font:inherit;width:100%;border:1px solid #aaa;background:white;border-radius:3px;padding:10px;margin:5px 0 12px}textarea{min-height:100px;resize:vertical}label{display:block;font-size:12px;font-weight:600}input[type=checkbox]{width:auto;margin:0 8px 0 0}nav{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:min(460px,100%);display:flex;border:1px solid #aaa;background:#f7f7f4;padding:8px 5px max(8px,env(safe-area-inset-bottom));z-index:5}nav button{flex:1;border:0;background:transparent;font-size:13px;padding:8px 2px}nav button.active{background:#deded8;font-weight:700}details{margin:8px 0}summary{cursor:pointer;color:#444}hr{border:0;border-top:1px solid #ddd;margin:16px 0}.step{border-bottom:1px solid #ddd;padding:12px 0}.number{display:inline-grid;place-items:center;background:#e9e9e3;width:26px;height:26px;margin-right:8px}.image{height:100px;border:1px dashed #aaa;background:#f1f1ec;display:grid;place-items:center;font-size:12px;overflow:hidden}.image img{width:100%;height:100%;object-fit:contain}.a4-wrap{overflow:auto;background:#deded7;padding:10px}.a4{width:100%;aspect-ratio:210/297;background:white;padding:7%;font-size:10px;line-height:1.5;box-shadow:0 1px 4px #aaa;overflow:visible}.a4 h2{font-size:19px}.a4 h3{font-size:12px;border-bottom:1px solid #888;margin-top:15px}.a4.zoom{width:620px;min-height:877px;font-size:16px}.a4.zoom h3{font-size:19px}.a4.zoom h2{font-size:30px}#toast{position:fixed;bottom:85px;left:50%;transform:translateX(-50%);background:#222;color:#fff;padding:12px 18px;border-radius:4px;max-width:90%;z-index:8;display:none}ul{padding-left:20px}.empty{padding:25px 12px;text-align:center;border:1px dashed #aaa}.toolbar{margin-top:28px;border-top:1px dashed #aaa;padding-top:14px}.toolbar summary{font-size:12px}dialog{width:min(420px,90vw);border:1px solid #888;border-radius:5px;padding:20px}dialog::backdrop{background:#0007}

header .brand-logo{display:block;width:144px;max-width:52%;height:auto;flex-shrink:0}