.nin-demo-page{min-height:calc(100vh - 84px);padding:40px 20px;background:#f2f2f2;font-family:Arial,Helvetica,sans-serif}.nin-demo-notice{max-width:760px;margin:0 auto 40px;text-align:center;font-size:18px;font-weight:700;line-height:1.5}.nin-demo-stack{display:flex;flex-direction:column;align-items:center;gap:25px}.nin-demo-card,.nin-demo-back{position:relative;width:min(760px,100%);overflow:hidden;border:1px solid #aaa;background:#fff}.nin-demo-card{min-height:430px;padding:30px;background:repeating-linear-gradient(45deg,#00824608,#00824608 10px,#00b46405 10px,#00b46405 20px),#fff}.nin-demo-header{display:flex;justify-content:space-between;align-items:flex-start;border-bottom:2px solid #16834c;padding-bottom:12px}.nin-demo-header h2{margin:0;color:#16834c;font-size:25px}.nin-demo-header h3{margin:5px 0;color:#16834c;font-size:16px}.nin-demo-qr{width:100px;height:100px;display:flex;align-items:center;justify-content:center;border:3px dashed #555;color:#777;background:#fff;font-weight:700}.nin-demo-content{display:flex;gap:25px;margin-top:25px}.nin-demo-photo{width:145px;height:175px;display:flex;justify-content:center;align-items:center;border:2px solid #888;background:#ddd;color:#666;font-weight:700}.nin-demo-details{flex:1}.nin-demo-field{margin-bottom:18px}.nin-demo-field span{display:block;margin-bottom:4px;color:#555;font-size:11px}.nin-demo-field strong{display:block;font-size:18px;letter-spacing:1px}.nin-demo-row{display:flex;gap:25px}.nin-demo-row .nin-demo-field{flex:1}.nin-demo-number{margin-top:15px;text-align:center}.nin-demo-number label{display:block;font-weight:700;font-size:14px}.nin-demo-number div{margin-top:7px;font-size:36px;font-weight:700;letter-spacing:8px}.nin-demo-warning{position:absolute;bottom:12px;left:0;width:100%;text-align:center;color:#b00000;font-size:13px;font-weight:700}.nin-demo-watermark,.nin-demo-back .nin-demo-watermark{position:absolute;top:43%;left:20%;transform:rotate(-25deg);color:#b000001f;font-size:80px;font-weight:700;pointer-events:none}.nin-demo-back{min-height:300px;padding:35px}.nin-demo-back h2{text-align:center;font-size:30px}.nin-demo-back p{font-size:17px;line-height:1.6}.nin-demo-back-footer{text-align:center;margin-top:30px;color:#b00000;font-weight:700}.nin-demo-controls{max-width:760px;margin:35px auto;padding:25px;background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a}.nin-demo-controls h3{margin-top:0}.nin-demo-controls input{width:100%;margin:6px 0;padding:12px;border:1px solid #bbb;border-radius:5px}.nin-demo-controls button{margin:8px 5px 0 0;padding:12px 20px;border:0;border-radius:5px;background:#16834c;color:#fff;cursor:pointer}.nin-demo-controls button:hover{opacity:.85}@media(max-width:600px){.nin-demo-page{padding:15px}.nin-demo-card{padding:18px}.nin-demo-content{flex-direction:column}.nin-demo-photo{width:120px;height:145px}.nin-demo-row{flex-direction:column;gap:0}.nin-demo-number div{font-size:22px;letter-spacing:4px}.nin-demo-header h2{font-size:18px}.nin-demo-qr{width:70px;height:70px}}@media print{.site-header,.site-footer,.nin-demo-controls,.nin-demo-notice{display:none!important}.nin-demo-page{padding:0;background:#fff}.nin-demo-stack{gap:20px}.nin-demo-card,.nin-demo-back{box-shadow:none;page-break-inside:avoid}}