:root{--gold:#d4a017;--beige:#f5f2e9;--side-w:73.5mm;color:#333;-webkit-print-color-adjust:exact;print-color-adjust:exact;font-family:PingFang SC,Microsoft YaHei,Noto Sans CJK SC,sans-serif}*{box-sizing:border-box}body{background:#e9e9e9;margin:0}.app{flex-direction:column;height:100vh;display:flex}.toolbar{background:#fff;border-bottom:1px solid #ccc;flex-wrap:wrap;align-items:center;gap:8px 12px;padding:8px 16px;font-size:14px;display:flex}.toolbar .hint,.toolbar .privacy{color:#666}.toolbar .err{color:#b00020}button{font:inherit;cursor:pointer;padding:4px 12px}button.primary{background:var(--gold);color:#fff;border:1px solid #b08414;border-radius:4px;padding:6px 16px}.cols{flex:1;grid-template-columns:minmax(300px,420px) 1fr;min-height:0;display:grid}.form{background:#fafafa;padding:12px;font-size:14px;overflow:auto}.pane{padding:16px;overflow:auto}.group{background:#fff;border:1px solid #ddd;border-radius:4px;margin:0 0 12px}.group legend{padding:0 6px;font-weight:700}.group>button,.entry-form>button{margin:4px 0}.grid{grid-template-columns:1fr 1fr;gap:0 8px;display:grid}.f{color:#555;flex-direction:column;gap:2px;margin:4px 0;font-size:12px;display:flex}.f input,.f textarea{font:inherit;color:#222;padding:4px 6px;font-size:14px}.entry-form{border-top:1px dashed #ccc;margin-top:6px;padding-top:6px}.thumbs{flex-wrap:wrap;gap:8px;display:flex}.thumbs figure{width:90px;margin:0}.thumbs img{object-fit:cover;width:100%;height:70px;display:block}.thumbs button{width:100%;padding:2px;font-size:11px}@media (width<=800px){.app{height:auto}.cols{display:block}.form{overflow:visible}}.page{background:#fff;width:210mm;min-height:297mm;margin:0 auto;font-size:10.5pt;line-height:1.55;position:relative;box-shadow:0 2px 12px #0003}.page-bg{z-index:0;width:var(--side-w);background:var(--beige);position:absolute;top:0;bottom:0;left:0}.side{z-index:1;width:var(--side-w);overflow-wrap:anywhere;padding:9mm 7mm;font-size:9.5pt;position:absolute;top:0;left:0}.photo{aspect-ratio:3/4;object-fit:cover;width:100%;display:block}.name{color:#222;margin:10px 0 8px;font-size:24pt;line-height:1.25}.facts{margin:0;padding:0;list-style:none}.facts li{margin:5px 0;padding-left:18px;position:relative}.facts li:before{content:"";background:var(--gold);border-radius:50%;width:10px;height:10px;position:absolute;top:.4em;left:0}.side p{margin:4px 0}.h{border-left:3px solid var(--gold);color:#222;break-after:avoid;margin:14px 0 6px;padding-left:8px;font-size:11.5pt;font-weight:700;line-height:1.4}.main{overflow-wrap:anywhere;margin-left:var(--side-w);-webkit-box-decoration-break:clone;box-decoration-break:clone;padding:10mm 9mm 10mm 8mm}.main .h{background:#fbf6e3;border-left-width:4px;margin:0 0 8px;padding:4px 10px;font-size:13pt}.main section{margin-bottom:14px}.entry{margin-bottom:10px}.keep{break-inside:avoid}.row>span:first-child{flex:0 auto;max-width:50%}.row>span:last-child{text-align:right;min-width:0}.row{break-after:avoid;justify-content:space-between;gap:12px;font-weight:700;display:flex}.after-row{break-after:avoid}.bullets{margin:2px 0 0;padding-left:1.3em;list-style:outside}.bullets li{break-inside:avoid;overflow-wrap:anywhere}.pre{white-space:pre-wrap;overflow-wrap:anywhere;margin:0}.extra img{object-fit:contain;break-inside:avoid;width:100%;max-height:255mm;margin-top:10px;display:block}@page{size:A4;margin:0}@media print{body{background:#fff}.toolbar,.form{display:none}.app,.cols{height:auto;display:block}.pane{padding:0;overflow:visible}.zoom{zoom:1!important}.page{min-height:0;box-shadow:none;margin:0}.page-bg{position:fixed}}