:root{--bs-page:#08b993;--bs-card:#fff;--bs-text:#282828;--bs-muted:#929292;--bs-green:#05af86;--bs-rule:#e1e1e1;--bs-gold:#f5b20d;--bs-light-green:#7bcab2;--bs-dialog-shadow:0 12px 48px #003d3033;--bs-focus:#126d58;--bs-overlay:#123a3370;--bs-input:#f7faf9;font-family:Arial,"PingFang SC","Microsoft YaHei",sans-serif;color:var(--bs-text);background:var(--bs-page)}
*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible{outline:3px solid var(--bs-focus);outline-offset:4px}.page{max-width:430px;margin:auto;padding-bottom:env(safe-area-inset-bottom);background-image:url("assets/campus-texture-clean.png");background-size:11.789% auto;background-repeat:repeat;background-position:center top;isolation:isolate}.demo-label{position:absolute;bottom:8px;left:15px;color:var(--bs-card);font-size:11px;font-weight:700;background:var(--bs-focus);padding:4px 8px;border-radius:4px}.pass-card{background:var(--bs-card);border-radius:6px;margin:0 15px;padding:24px 20px 32px}.visitor{display:flex;gap:25px;align-items:center;margin:0 6px}.avatar{display:block;width:83px;height:auto;aspect-ratio:180/231;object-fit:contain;flex-shrink:0}.muted{margin:0 0 7px;color:var(--bs-muted);font-size:14px}h1{margin:0;font-size:17px;line-height:1.3}.clock{text-align:center;color:var(--bs-green);margin-top:14px}#current-time{display:block;font-size:28px;font-weight:700;letter-spacing:1px;font-variant-numeric:tabular-nums}.date-line{display:flex;align-items:center;gap:12px;justify-content:center;margin-top:14px;font-size:15px}.date-line:before,.date-line:after{content:"";height:1px;background:var(--bs-green);flex:1;max-width:64px}.code-placeholder{aspect-ratio:1;width:77%;margin:17px auto 28px;border:3px solid var(--bs-gold);border-radius:6px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;color:var(--bs-green)}.code-placeholder p{margin:10px 0;font-size:13px;line-height:1.7}.code-placeholder .demo-word{font-size:40px;letter-spacing:3px;font-weight:700;margin:0}.code-placeholder strong{font-size:19px}.separator{display:flex;align-items:center;gap:10px;margin:0 0 19px;font-size:12px;color:var(--bs-muted);white-space:nowrap}.separator:before,.separator:after{content:"";flex:1;border-top:1px dashed var(--bs-muted)}.details{margin:0}.detail-row{display:grid;grid-template-columns:88px minmax(0,1fr);align-items:center;gap:8px;min-height:58px;border-bottom:1px solid var(--bs-rule)}dt{font-size:15px;color:var(--bs-muted)}dd{margin:0;text-align:right;font-size:15px;font-weight:700;overflow-wrap:anywhere}#visit-period{font-size:inherit;font-variant-numeric:tabular-nums;line-height:1.6}.campus{border-bottom:1px dashed var(--bs-muted)}#edit-transport{background:none;border:0;padding:10px 0;color:var(--bs-text);text-align:right;width:100%;font-weight:700}.slogan{text-align:center;margin-top:34px;color:var(--bs-light-green)}.slogan strong{font-size:17px;letter-spacing:2px}.slogan p{font-size:13px;margin:5px 0 0}.page-footer{display:flex;align-items:center;justify-content:center;gap:10px;margin:0;padding:32px 12px 40px;width:100%;color:var(--bs-card);font-size:12px;line-height:1.5}.page-footer img{display:block;width:27px;height:auto;flex-shrink:0;filter:grayscale(1) brightness(.6) contrast(20);mix-blend-mode:screen}.page-footer span{white-space:nowrap}dialog{width:calc(100% - 32px);max-width:380px;padding:24px;border:0;border-radius:14px;background:var(--bs-card);color:var(--bs-text);box-shadow:var(--bs-dialog-shadow)}dialog::backdrop{background:var(--bs-overlay)}h2{font-size:20px;margin:0 0 22px}label{display:block;font-size:14px;margin-bottom:8px}input{width:100%;min-height:46px;border:1px solid var(--bs-rule);border-radius:6px;padding:10px;background:var(--bs-input);color:var(--bs-text)}#save-note{font-size:12px;color:var(--bs-muted);line-height:1.6}.dialog-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:24px}.dialog-actions button{border:1px solid var(--bs-rule);background:var(--bs-card);color:var(--bs-text);border-radius:6px;padding:11px 23px}.dialog-actions .primary{border-color:var(--bs-green);background:var(--bs-green);color:var(--bs-card)}body:has(dialog[open]){overflow:hidden}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}@media(max-width:359px){.pass-card{margin:0 11px;padding:22px 15px 28px}.detail-row{grid-template-columns:72px minmax(0,1fr);gap:6px}.visitor{gap:20px}.slogan strong{font-size:14px;letter-spacing:1px}.separator{font-size:11px}}@media(min-width:768px){.page{margin:24px auto}}

.qr-code{display:block;width:100%;height:100%;object-fit:contain;image-rendering:pixelated;border-radius:3px}

.brand{position:relative;width:100%}
.brand>img{display:block;width:100%;height:auto}

.text-edit{border:0;background:none;padding:0;color:inherit;font:inherit;text-align:inherit;line-height:inherit}
.period-edit{width:100%;padding:10px 0;text-align:right}