*{box-sizing:border-box;margin:0;padding:0}
body{font-family:'Inter',Arial,Helvetica,sans-serif;background:linear-gradient(180deg,#f5f7fb 0%,#fff 100%);color:#222;line-height:1.4}
.container{max-width:980px;margin:0 auto;padding:28px}
.site-header{background:linear-gradient(90deg,#4f46e5,#06b6d4);color:#fff}
.site-header .container{display:flex;align-items:center;justify-content:space-between}
.brand{display:flex;align-items:center;gap:14px}
.logo{width:44px;height:44px;border-radius:8px;box-shadow:0 4px 18px rgba(79,70,229,0.18)}
.title{font-size:20px;font-weight:700}
.nav a{margin-left:12px;color:rgba(255,255,255,0.9);text-decoration:none}
.card{background:#fff;border-radius:12px;padding:10px;margin-top:18px;box-shadow:0 6px 18px rgba(15,23,42,0.06)}
.file-list{width:100%;border-collapse:collapse;margin-top:6px}
.file-list th,.file-list td{padding:14px 16px;border-bottom:1px solid #f4f6f9;text-align:left}
.file-list thead th{color:#6b7280;font-weight:600;font-size:13px}
.file-list tbody tr{transition:background .12s ease}
.file-list tbody tr:hover{background:#f8fbff}
.file-list a{color:#0f172a;text-decoration:none}
.qr-row{margin-top:18px;display:flex;gap:12px}
.qr-row a{display:inline-block;padding:10px 14px;background:#fff;border-radius:8px;color:#0f172a;text-decoration:none;box-shadow:0 4px 12px rgba(2,6,23,0.04)}
.site-footer{margin-top:28px;padding:14px 0;text-align:center;color:#6b7280}

.disclaimer{margin-top:8px;font-size:12px;color:#9ca3af;max-width:820px;margin-left:auto;margin-right:auto;line-height:1.5}

/* Modal */
.modal{position:fixed;inset:0;display:none;align-items:center;justify-content:center;z-index:9999}
.modal[aria-hidden="false"]{display:flex}
.modal-backdrop{position:absolute;inset:0;background:rgba(2,6,23,0.6);backdrop-filter:blur(2px)}
.modal-content{position:relative;width:92%;max-width:900px;background:transparent;border-radius:10px;z-index:2;pointer-events:none}
.modal-body{display:flex;align-items:center;justify-content:center;padding:20px;pointer-events:none}
.modal-body img{max-width:100%;max-height:80vh;border-radius:8px;box-shadow:0 10px 40px rgba(2,6,23,0.4);pointer-events:auto}
.modal-close{position:absolute;right:10px;top:10px;background:#fff;border-radius:999px;border:0;width:36px;height:36px;font-size:20px;cursor:pointer;box-shadow:0 6px 18px rgba(2,6,23,0.12);pointer-events:auto;z-index:3}

@media (max-width:600px){.container{padding:16px}.title{font-size:16px}.logo{width:40px;height:40px}}