:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(prefers-reduced-motion:no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}::selection{color:#e3d7ca;background-color:#9f3829}input{caret-color:#18192c}*{scrollbar-width:thin;scrollbar-color:#9f3829 #18192c}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:#0f3460;border-radius:5px}::-webkit-scrollbar-thumb{background:#e94560;border-radius:5px;border:2px solid #0f3460}::-webkit-scrollbar-thumb:hover{background:#ff2e63}body{margin:0;background-color:#1a110d;color:#dcdcdc;font-family:Courier New,Courier,monospace;min-height:100vh}.navbar{background:#0f0f12e6;border-bottom:2px solid #8b0000;padding:15px 30px;display:flex;align-items:center;gap:25px;box-shadow:0 4px 15px #8b000033}.nav-title{margin:0 auto 0 0;color:#d32f2f;font-family:Georgia,serif;letter-spacing:2px;text-shadow:2px 2px 4px rgba(0,0,0,.8)}.nav-link{color:#a0a0a0;text-decoration:none;font-size:18px;font-weight:700;transition:all .3s ease}.nav-link:hover{color:#fff;text-shadow:0 0 8px rgba(255,255,255,.5)}.container{padding:50px 20px;max-width:800px;margin:0 auto}.page-title{font-family:Georgia,serif;color:#ececec;border-bottom:1px dashed #555;padding-bottom:15px;margin-bottom:30px;letter-spacing:1px}.btn-primary{background:linear-gradient(135deg,#8b0000,#5c0000);color:#fff;border:1px solid #4a0000;padding:12px 25px;font-size:16px;font-family:Courier New,monospace;font-weight:700;cursor:pointer;border-radius:3px;box-shadow:2px 2px 5px #00000080;transition:all .2s}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#a30000,#7a0000);transform:translateY(-2px);box-shadow:0 4px 10px #8b000066}.btn-primary:disabled{background:#333;color:#777;border-color:#222;cursor:not-allowed}.case-file-form{background:#ffffff08;border:1px solid #333;padding:30px;border-radius:5px;box-shadow:inset 0 0 20px #00000080}.form-group{margin-bottom:20px}.form-label{display:block;font-weight:700;color:#aaa;margin-bottom:8px;text-transform:uppercase;letter-spacing:1px}.detective-input{width:100%;padding:12px;font-size:16px;background:#00000080;border:1px solid #444;color:#fff;font-family:Courier New,Courier,monospace;border-radius:3px;box-sizing:border-box}.detective-input:focus{outline:none;border-color:#8b0000;box-shadow:0 0 8px #8b00004d}.file-drop-zone{border:2px dashed #555;padding:30px;text-align:center;background:#0000004d;border-radius:5px;transition:border-color .3s}.file-drop-zone:hover{border-color:#8b0000}.status-bar{margin-top:20px;padding:15px;border-left:4px solid #8b0000;background:#8b00001a;color:#ddd}.db-folder-items{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:2px}.db-folder-item{display:flex;align-items:center;gap:10px;padding:10px 16px;font-size:24px;color:#fff9;font-family:Georgia,serif;letter-spacing:2px;cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:3px;transition:color .22s,transform .25s cubic-bezier(.2,1.5,.3,1),letter-spacing .22s,text-shadow .22s;transform:translate(0)}.db-folder-items .db-folder-item:nth-child(1){padding-left:0}.db-folder-items .db-folder-item:nth-child(2){padding-left:8px}.db-folder-items .db-folder-item:nth-child(3){padding-left:20px}.db-folder-items .db-folder-item:nth-child(4){padding-left:30px}.db-folder-items .db-folder-item:nth-child(5){padding-left:36px}.db-folder-items .db-folder-item:nth-child(6){padding-left:38px}.db-folder-items .db-folder-item:nth-child(7){padding-left:34px}.db-folder-items .db-folder-item:nth-child(8){padding-left:24px}.db-folder-items .db-folder-item:nth-child(n+9){padding-left:12px}.db-folder-item:hover{color:#c0392b;transform:translate(18px) scale(1.06);letter-spacing:4px;text-shadow:0 0 16px rgba(192,57,43,.5)}.db-folder-item--active{color:#c0392b;transform:translate(12px);text-shadow:0 0 12px rgba(192,57,43,.4)}.db-folder-item__arrow{font-size:14px;color:#c0392b;opacity:0;transition:opacity .2s,transform .2s;transform:translate(-6px)}.db-folder-item:hover .db-folder-item__arrow,.db-folder-item--active .db-folder-item__arrow{opacity:1;transform:translate(0)}.db-folder-item--disabled{cursor:not-allowed;opacity:.3}.db-folder-item--disabled:hover{color:#ffffff4d;transform:none;text-shadow:none;letter-spacing:2px}.evidence-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:20px;margin-top:20px}.evidence-folder{background:#1e1e24;border:1px solid #333;padding:20px;text-align:center;position:relative;box-shadow:3px 3px 10px #000c;transition:transform .3s}.evidence-folder:before{content:"";position:absolute;top:-10px;left:50%;transform:translate(-50%);width:40px;height:15px;background:#fffc;box-shadow:0 1px 3px #00000080;transform:translate(-50%) rotate(-2deg)}.evidence-folder:hover{transform:scale(1.05) rotate(1deg);border-color:#555}.printable-certificate{background:#f4f1ea;padding:40px;border:1px solid #ccc;color:#111;font-family:Times New Roman,Times,serif;box-shadow:0 10px 30px #000c;position:relative}.printable-certificate:after{content:"TOP SECRET";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(-30deg);font-size:80px;color:#c800000d;pointer-events:none;font-weight:700}.clue-card:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:20cqi;height:20cqi;border-radius:50%;box-shadow:0 0 4cqi 150vmax #0f0a08eb;opacity:0;pointer-events:none;transition:opacity .4s ease;z-index:-1}.clue-card:hover:before{opacity:1}.upload-page{min-height:100vh;background-color:#3a2e1e;background-image:radial-gradient(ellipse at 30% 20%,rgba(160,120,60,.15) 0%,transparent 50%),radial-gradient(ellipse at 75% 80%,rgba(80,50,15,.2) 0%,transparent 50%),repeating-linear-gradient(90deg,transparent,transparent 5px,rgba(50,30,5,.05) 5px,rgba(50,30,5,.05) 6px);display:flex;align-items:flex-start;justify-content:center;padding:60px 16px 80px;font-family:Georgia,"Noto Serif TC",serif}.upload-clipboard{position:relative;width:100%;max-width:720px}.upload-clipboard__clip{position:absolute;top:-28px;left:50%;transform:translate(-50%);width:90px;height:52px;z-index:10}.upload-clipboard__clip:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:60px;height:36px;background:linear-gradient(180deg,#888,#555 40%,#777,#444);border-radius:6px 6px 0 0;box-shadow:0 2px 8px #00000080}.upload-clipboard__clip:after{content:"";position:absolute;top:10px;left:50%;transform:translate(-50%);width:38px;height:22px;background:linear-gradient(180deg,#333,#555);border-radius:4px;box-shadow:inset 0 2px 4px #0009,0 1px 3px #ffffff1a}.upload-clipboard__board{background:#c8a97a;background-image:repeating-linear-gradient(91deg,transparent,transparent 7px,rgba(80,50,10,.08) 7px,rgba(80,50,10,.08) 8px);border-radius:4px 4px 6px 6px;padding:50px 28px 36px;box-shadow:0 8px 40px #0009,inset 0 1px #ffffff26}.upload-paperclip{position:absolute;top:40px;left:-12px;width:28px;height:70px;z-index:8}.upload-paperclip:before,.upload-paperclip:after{content:"";position:absolute;border:3px solid #aaa;border-radius:20px;box-shadow:1px 1px 3px #0006}.upload-paperclip:before{width:22px;height:60px;top:0;left:0;border-right-color:transparent;background:linear-gradient(90deg,#bbb,#888);background-clip:padding-box}.upload-paperclip:after{width:14px;height:42px;top:10px;left:4px;border-right-color:transparent;background:linear-gradient(90deg,#ccc,#999);background-clip:padding-box}.upload-doc{position:relative;background:#f5efe0;background-image:repeating-linear-gradient(180deg,transparent,transparent 27px,rgba(160,130,80,.12) 27px,rgba(160,130,80,.12) 28px);border:1px solid rgba(0,0,0,.12);padding:36px 36px 40px;box-shadow:2px 4px 16px #0000004d,inset 0 0 60px #b48c5014}.upload-doc:before{content:"";display:block;height:4px;background:repeating-linear-gradient(90deg,#1a1000 0px,#1a1000 12px,transparent 12px,transparent 16px);margin-bottom:24px}.upload-doc__header{text-align:center;margin-bottom:28px;border-bottom:2px solid #1a1000;padding-bottom:16px}.upload-doc__header-eyebrow{font-size:10px;letter-spacing:5px;color:#666;text-transform:uppercase;margin-bottom:6px}.upload-doc__header-title{font-size:26px;font-weight:700;color:#1a0800;letter-spacing:6px;text-transform:uppercase;font-family:Georgia,serif;line-height:1.2}.upload-doc__header-subtitle{font-size:11px;color:#888;letter-spacing:3px;margin-top:6px}.upload-doc__meta{display:flex;justify-content:space-between;font-size:11px;color:#777;letter-spacing:1px;margin-bottom:24px;padding:6px 0;border-top:1px solid rgba(0,0,0,.1);border-bottom:1px solid rgba(0,0,0,.1)}.upload-eth-rate{background:#0000000f;border:1px solid rgba(0,0,0,.12);border-left:3px solid #b8860b;padding:8px 14px;font-size:12px;color:#555;letter-spacing:1px;margin-bottom:24px;font-family:Courier New,monospace}.upload-eth-rate strong{color:#1a0800}.upload-form{display:flex;flex-direction:column;gap:18px}.upload-form__row{display:flex;gap:16px}.upload-form__row .upload-field{flex:1}.upload-field{display:flex;flex-direction:column;gap:5px}.upload-field label{font-size:11px;font-weight:700;color:#1a0800;letter-spacing:2px;text-transform:uppercase}.upload-field label span{color:#c0392b;margin-left:2px}.upload-field input,.upload-field select,.upload-field textarea{padding:9px 12px;font-size:14px;font-family:Courier New,monospace;color:#1a0800;background:#fff9;border:none;border-bottom:1.5px solid rgba(0,0,0,.35);border-radius:0;outline:none;transition:border-color .2s,background .2s;width:100%;box-sizing:border-box}.upload-field input:focus,.upload-field select:focus,.upload-field textarea:focus{border-bottom-color:#c0392b;background:#ffffffd9}.upload-field textarea{resize:vertical;min-height:70px}.upload-field select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23555' strokeWidth='1.5' fill='none'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:32px}.upload-file-zone{border:1.5px dashed rgba(0,0,0,.35);padding:22px 20px;text-align:center;background:#ffffff4d;transition:background .2s,border-color .2s}.upload-file-zone:hover{background:#ffffff80;border-color:#c0392b}.upload-file-zone__title{font-size:13px;font-weight:700;color:#1a0800;letter-spacing:2px;margin-bottom:6px}.upload-file-zone__hint{font-size:11px;color:#888;font-family:Courier New,monospace;margin-bottom:14px;line-height:1.5}.upload-file-zone input[type=file]{font-size:13px;color:#555;font-family:Courier New,monospace}.upload-divider{height:1px;background:repeating-linear-gradient(90deg,rgba(0,0,0,.15) 0px,rgba(0,0,0,.15) 6px,transparent 6px,transparent 10px);margin:4px 0}.upload-submit-btn{padding:14px 0;background:#1a0800;color:#f5efe0;font-size:15px;font-family:Georgia,serif;letter-spacing:4px;text-transform:uppercase;border:none;cursor:pointer;font-weight:700;transition:background .2s,color .2s,transform .1s;width:100%;margin-top:8px}.upload-submit-btn:hover:not(:disabled){background:#c0392b;color:#fff;transform:translateY(-1px)}.upload-submit-btn:disabled{background:#aaa;cursor:not-allowed;color:#eee;letter-spacing:2px}.upload-status{margin-top:16px;padding:12px 16px;font-size:13px;font-family:Courier New,monospace;border-left:3px solid;letter-spacing:.5px;line-height:1.5}.upload-status--success{background:#b4dcb44d;border-color:#2d6a2d;color:#1a4a1a}.upload-status--error{background:#f0b4b44d;border-color:#c0392b;color:#7a1010}.upload-stamp{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(-18deg) scale(0);z-index:20;pointer-events:none;opacity:0;transition:none}.upload-stamp--visible{animation:stamp-appear .4s cubic-bezier(.2,1.4,.4,1) .2s forwards}@keyframes stamp-appear{0%{transform:translate(-50%,-50%) rotate(-18deg) scale(2.5);opacity:0}60%{opacity:1}to{transform:translate(-50%,-50%) rotate(-18deg) scale(1);opacity:1}}.upload-stamp__circle{width:200px;height:200px;border-radius:50%;border:6px solid #c0392b;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;box-shadow:0 0 0 3px #c0392b40,inset 0 0 0 3px #c0392b26;background:#f0dcd214}.upload-stamp__circle:before{content:"";position:absolute;inset:6px;border-radius:50%;border:2px solid rgba(192,57,43,.4)}.upload-stamp__text-top{font-size:10px;font-weight:700;letter-spacing:4px;color:#c0392b;text-transform:uppercase;margin-bottom:4px}.upload-stamp__main{font-size:20px;font-weight:900;letter-spacing:2px;color:#c0392b;text-transform:uppercase;text-align:center;line-height:1.2;font-family:Georgia,serif}.upload-stamp__text-bottom{font-size:9px;letter-spacing:3px;color:#c0392bb3;text-transform:uppercase;margin-top:4px}.upload-doc__barcode{display:flex;justify-content:flex-end;margin-top:24px;gap:1px;opacity:.2}.upload-doc__barcode span{display:inline-block;width:2px;background:#1a0800;height:24px}.upload-doc__barcode span:nth-child(3n){width:1px}.upload-doc__barcode span:nth-child(5n){width:3px}.upload-doc__barcode span:nth-child(7n){height:18px}@media(max-width:600px){.upload-clipboard__board{padding:44px 14px 28px}.upload-doc{padding:24px 18px 28px}.upload-form__row{flex-direction:column;gap:18px}.upload-doc__header-title{font-size:18px;letter-spacing:3px}.upload-stamp__circle{width:150px;height:150px}.upload-stamp__main{font-size:15px}.upload-paperclip{left:-6px}}:root{--cork: #5c3d1e;--cork-light: #7a5230;--paper: #f0e8d0;--red: #c0392b;--red-dark: #8b0000;--ink: #1a0800;--sticky-yellow: #fdf6c3;--sticky-blue: #c8e6f5}.db-folder-screen{min-height:100vh;background:#1a1a1a;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='400' height='400'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='400' height='400' filter='url(%23n)' opacity='0.07'/%3E%3C/svg%3E"),radial-gradient(ellipse at 20% 50%,rgba(30,30,30,.8) 0%,transparent 70%),linear-gradient(135deg,#111,#1e1e1e,#161616);display:flex;align-items:center;justify-content:center;font-family:Georgia,"Noto Serif TC",serif;overflow:hidden}.db-folder-screen:before{content:"CLASSIFIED · CONFIDENTIAL · TOP SECRET";position:fixed;top:40%;left:-10%;width:120%;font-size:72px;font-weight:900;color:#ffffff06;letter-spacing:20px;text-transform:uppercase;white-space:nowrap;transform:rotate(-8deg);pointer-events:none;font-family:Georgia,serif}.db-folder-layout{display:flex;align-items:center;gap:80px;max-width:900px;width:100%;padding:40px 24px}.db-folder-photo-area{position:relative;width:260px;flex-shrink:0}.db-folder-photo{position:relative;width:200px;height:240px;background:#2a2a2a;border:8px solid #f0e8d0;box-shadow:4px 8px 24px #000c;transform:rotate(-4deg);overflow:hidden}.db-folder-photo svg{width:100%;height:100%}.db-folder-photo:before{content:"";position:absolute;top:-10px;left:50%;transform:translate(-50%) rotate(-3deg);width:80px;height:22px;background:#dcd2aa80;border:1px solid rgba(180,160,100,.3);z-index:5}.db-folder-photo2{position:absolute;bottom:-20px;right:-20px;width:140px;height:170px;background:#222;border:6px solid #e0d8c0;box-shadow:3px 6px 16px #000000b3;transform:rotate(6deg)}.db-folder-list{flex:1}.db-folder-title{font-size:11px;letter-spacing:5px;color:#ffffff4d;text-transform:uppercase;margin-bottom:24px}.db-folder-items{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:4px}.db-folder-item{display:flex;align-items:center;gap:12px;padding:8px 0;font-size:26px;color:#ffffffb3;font-family:Georgia,serif;letter-spacing:2px;cursor:pointer;transition:color .2s;-webkit-user-select:none;user-select:none}.db-folder-item:hover,.db-folder-item--active{color:var(--red)}.db-folder-item__arrow{color:var(--red);font-size:18px;opacity:0;transition:opacity .2s}.db-folder-item:hover .db-folder-item__arrow,.db-folder-item--active .db-folder-item__arrow{opacity:1}.db-connect-btn{margin-top:36px;padding:14px 32px;background:transparent;border:1.5px solid rgba(255,255,255,.3);color:#fff9;font-family:Georgia,serif;font-size:13px;letter-spacing:3px;text-transform:uppercase;cursor:pointer;transition:all .2s}.db-connect-btn:hover{border-color:var(--red);color:var(--red)}.db-wallet-info{margin-top:16px;font-size:11px;color:#ffffff59;font-family:Courier New,monospace;letter-spacing:1px}.db-wall{min-height:100vh;background-color:var(--cork);background-image:radial-gradient(ellipse at 10% 15%,rgba(180,130,70,.2) 0%,transparent 50%),radial-gradient(ellipse at 90% 85%,rgba(80,45,10,.25) 0%,transparent 50%),repeating-linear-gradient(90deg,transparent,transparent 6px,rgba(50,28,5,.06) 6px,rgba(50,28,5,.06) 7px),repeating-linear-gradient(180deg,transparent,transparent 45px,rgba(50,28,5,.04) 45px,rgba(50,28,5,.04) 46px);padding:0;font-family:Georgia,"Noto Serif TC",serif;position:relative}.db-toolbar{position:sticky;top:0;z-index:50;background:#281605eb;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-bottom:1px solid rgba(255,255,255,.07);padding:10px 28px;display:flex;align-items:center;gap:16px}.db-toolbar__back{font-size:11px;color:#ffffff73;letter-spacing:2px;cursor:pointer;transition:color .2s;text-transform:uppercase;background:none;border:none;font-family:Georgia,serif;padding:0}.db-toolbar__back:hover{color:var(--red)}.db-toolbar__sep{color:#fff3;font-size:12px}.db-folder-name{font-size:28px;font-weight:900;color:var(--red);letter-spacing:2px;font-family:Georgia,serif;text-shadow:2px 2px 0 rgba(0,0,0,.4);cursor:pointer;transition:color .2s;transform:rotate(-1deg);display:inline-block;line-height:1}.db-folder-name:hover{color:#e74c3c}.db-toolbar__count{font-size:11px;color:#ffffff4d;font-family:Courier New,monospace;margin-left:auto}.db-toolbar__add{display:flex;align-items:center;gap:8px}.db-toolbar__input{padding:5px 10px;background:#ffffff14;border:1px solid rgba(255,255,255,.15);color:#f0e8d0;font-size:12px;font-family:Courier New,monospace;border-radius:2px;outline:none;width:140px}.db-toolbar__input::placeholder{color:#ffffff40}.db-toolbar__input:focus{border-color:var(--red)}.db-toolbar__btn{padding:5px 12px;background:var(--red);color:#fff;border:none;font-size:11px;letter-spacing:1px;cursor:pointer;font-family:Georgia,serif;transition:background .2s;border-radius:2px}.db-toolbar__btn:hover{background:#a93226}.db-wall-canvas{position:relative;padding:40px 48px 80px;min-height:calc(100vh - 52px)}.db-strings-svg{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:1}.db-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;color:#f0e8d04d;font-size:14px;letter-spacing:3px;text-transform:uppercase;gap:12px}.db-empty__icon{font-size:48px;opacity:.2}.db-cards-grid{position:relative;z-index:2;display:grid;grid-template-columns:repeat(2,220px);gap:60px 80px;justify-content:start}.db-clue-card{position:relative;width:220px}.db-clue-card__pin{position:absolute;top:-14px;left:50%;transform:translate(-50%);width:20px;height:20px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#ff7070,var(--red) 55%,var(--red-dark) 100%);box-shadow:0 3px 10px #000000a6,inset 0 1px 3px #ffffff59;z-index:10}.db-clue-card__pin:after{content:"";position:absolute;top:4px;left:5px;width:5px;height:5px;border-radius:50%;background:#fff6}.db-clue-card__sticky{position:absolute;top:-32px;right:-18px;background:var(--sticky-yellow);padding:5px 8px;font-size:9px;color:#555;font-family:Courier New,monospace;max-width:100px;line-height:1.4;box-shadow:2px 3px 8px #00000059;transform:rotate(3deg);z-index:8}.db-clue-card__sticky:before{content:"";position:absolute;top:-4px;left:50%;transform:translate(-50%);width:40px;height:10px;background:#dcd2aa80;border:1px solid rgba(180,160,100,.3)}.db-clue-card__body{background:var(--paper);box-shadow:3px 5px 18px #0000008c;display:flex;flex-direction:column;overflow:hidden;border:1px solid rgba(0,0,0,.08);transition:box-shadow .25s,transform .25s}.db-clue-card:hover .db-clue-card__body{box-shadow:6px 10px 30px #000000bf;transform:translateY(-4px)}.db-clue-card__photo{width:100%;height:150px;display:block;background:#222}.db-clue-card__info{padding:10px 12px 8px;background:#ede0c4;border-top:1px solid rgba(0,0,0,.1)}.db-clue-card__id{font-size:13px;font-weight:700;color:var(--ink);letter-spacing:1px;margin-bottom:3px;font-family:Courier New,monospace;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.db-clue-card__date{font-size:10px;color:#888;font-family:Courier New,monospace;letter-spacing:.5px;margin-bottom:8px}.db-clue-card__move{font-size:10px;color:#666;background:#ffffff80;border:1px solid rgba(0,0,0,.15);border-bottom:1.5px solid rgba(0,0,0,.3);padding:3px 6px;width:100%;font-family:Courier New,monospace;outline:none;cursor:pointer;margin-bottom:8px;appearance:none}.db-clue-card__move:focus{border-bottom-color:var(--red)}.db-clue-card__btn{display:block;width:100%;padding:7px 0;background:var(--ink);color:var(--paper);font-size:11px;letter-spacing:2px;text-align:center;border:none;cursor:pointer;font-family:Georgia,serif;text-decoration:none;transition:background .2s}.db-clue-card__btn:hover{background:var(--red)}.db-clue-card:nth-child(4n+1){transform:rotate(-2deg)}.db-clue-card:nth-child(4n+2){transform:rotate(2.5deg)}.db-clue-card:nth-child(4n+3){transform:rotate(-1.5deg)}.db-clue-card:nth-child(4n+4){transform:rotate(3deg)}@media(max-width:640px){.db-folder-layout{flex-direction:column;gap:40px}.db-folder-photo-area{width:100%;display:flex;justify-content:center}.db-folder-item{font-size:20px}.db-cards-grid{grid-template-columns:repeat(2,160px);gap:40px 40px}.db-clue-card{width:160px}.db-clue-card__photo{height:110px}.db-folder-name{font-size:20px}.db-toolbar{padding:8px 14px;flex-wrap:wrap}.db-toolbar__add{width:100%}.db-toolbar__input{width:110px}}.navbar{position:fixed;left:0;top:0;height:100vh;width:200px;background:#0d0d0d;border-right:1px solid rgba(192,57,43,.25);z-index:100;display:flex;flex-direction:column;padding:32px 0 24px;box-shadow:2px 0 24px #0009;transition:width .3s cubic-bezier(.4,0,.2,1);overflow:hidden}.navbar__logo{padding:0 20px 28px;border-bottom:1px solid rgba(192,57,43,.2);margin-bottom:16px;flex-shrink:0;overflow:hidden;white-space:nowrap}.navbar__logo-text{font-size:15px;font-weight:900;color:#c0392b;letter-spacing:2px;font-family:Georgia,serif;text-shadow:0 0 12px rgba(192,57,43,.5);display:block;line-height:1.3}.navbar__logo-sub{font-size:9px;color:#ffffff40;letter-spacing:3px;text-transform:uppercase;font-family:Courier New,monospace;display:block;margin-top:3px}.navbar__links{display:flex;flex-direction:column;gap:2px;flex:1;padding:0 10px}.navbar__link{position:relative;display:flex;align-items:center;gap:12px;padding:12px 14px;color:#fff9;text-decoration:none;font-size:13px;font-family:Georgia,"Noto Serif TC",serif;letter-spacing:2px;border-bottom:1px solid rgba(192,57,43,.12);border-radius:2px;white-space:nowrap;overflow:hidden;transition:color .22s,background .22s,transform .22s cubic-bezier(.2,1.4,.3,1),text-shadow .22s;cursor:pointer}.navbar__link:before{content:"";position:absolute;left:0;top:20%;height:60%;width:2px;background:#c0392b;opacity:0;border-radius:0 2px 2px 0;transition:opacity .2s}.navbar__link-icon{font-size:16px;flex-shrink:0;width:20px;text-align:center;transition:transform .2s}.navbar__link-label{font-size:13px;letter-spacing:1.5px;opacity:1;transition:opacity .2s}.navbar__link:hover{background:#c0392b;color:#0d0d0d;transform:translate(6px);text-shadow:none}.navbar__link:hover:before{opacity:0}.navbar__link--active{background:#c0392b;color:#0d0d0d;font-weight:700;text-shadow:0 0 8px rgba(255,80,60,.6),0 0 20px rgba(255,80,60,.3);box-shadow:0 0 12px #c0392b66,inset 0 0 8px #ff645026}.navbar__link--active:before{opacity:0}.navbar__link--active:hover{transform:translate(4px)}.navbar__footer{padding:16px 20px 0;border-top:1px solid rgba(192,57,43,.15);overflow:hidden;white-space:nowrap}.navbar__footer-label{font-size:9px;color:#fff3;letter-spacing:3px;text-transform:uppercase;font-family:Courier New,monospace;display:block;margin-bottom:2px}.app-content{margin-left:200px;transition:margin-left .3s cubic-bezier(.4,0,.2,1)}.navbar__toggle{display:none;position:fixed;top:14px;left:14px;z-index:200;width:40px;height:40px;background:#0d0d0d;border:1px solid rgba(192,57,43,.4);border-radius:3px;cursor:pointer;flex-direction:column;align-items:center;justify-content:center;gap:5px;transition:background .2s}.navbar__toggle:hover{background:#1a0800}.navbar__toggle-bar{width:20px;height:2px;background:#c0392b;border-radius:1px;transition:transform .25s,opacity .25s}.navbar__toggle--open .navbar__toggle-bar:nth-child(1){transform:translateY(7px) rotate(45deg)}.navbar__toggle--open .navbar__toggle-bar:nth-child(2){opacity:0}.navbar__toggle--open .navbar__toggle-bar:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.navbar__overlay{display:none;position:fixed;inset:0;background:#0009;z-index:99;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}@media(max-width:768px){.navbar__toggle{display:flex}.navbar{width:56px;padding-top:72px;border-right-color:#c0392b26}.navbar--open{width:200px}.navbar__overlay{display:block}.navbar__logo{opacity:0;pointer-events:none;transition:opacity .2s}.navbar--open .navbar__logo{opacity:1;pointer-events:auto}.navbar__link-label{opacity:0;width:0;overflow:hidden;transition:opacity .2s,width .2s}.navbar--open .navbar__link-label{opacity:1;width:auto}.navbar__footer-label{opacity:0}.navbar--open .navbar__footer-label{opacity:1}.app-content{margin-left:56px}.navbar--open~.app-content{margin-left:56px}}.clue-wall-bg{position:fixed;inset:0;width:100vw;height:100vh;overflow:hidden;background-color:#1a110d;background-image:radial-gradient(ellipse at 18% 22%,rgba(190,140,65,.22) 0%,transparent 52%),radial-gradient(ellipse at 82% 78%,rgba(90,50,12,.28) 0%,transparent 52%),radial-gradient(ellipse at 50% 50%,rgba(110,70,20,.12) 0%,transparent 70%),repeating-linear-gradient(92deg,transparent 0px,transparent 5px,rgba(45,24,4,.07) 5px,rgba(45,24,4,.07) 6px),repeating-linear-gradient(180deg,transparent 0px,transparent 38px,rgba(45,24,4,.04) 38px,rgba(45,24,4,.04) 39px);display:flex;align-items:center;justify-content:center;font-family:Georgia,"Noto Serif TC",serif}.clue-wall-bg:before{content:"";position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='250' height='250'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.72' numOctaves='4' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='250' height='250' filter='url(%23n)' opacity='0.09'/%3E%3C/svg%3E");background-size:250px 250px;pointer-events:none;z-index:0}.clue-wall-board{position:relative;width:min(96vw,1100px);height:min(88vh,700px);z-index:1}.clue-wall__strings{position:absolute;inset:0;width:100%;height:100%;z-index:2;pointer-events:none;overflow:visible}.clue-title-card{position:absolute;z-index:10;transform:rotate(-2deg)}.clue-title-card__body{background:#f2ead4f7;padding:12px 22px 11px;box-shadow:5px 7px 22px #0000008c,2px 2px #ffffff14;min-width:190px;border-bottom:3px solid rgba(0,0,0,.06)}.clue-title-card__eyebrow{font-size:9px;color:#999;letter-spacing:4px;text-transform:uppercase;margin-bottom:4px;font-family:Courier New,monospace}.clue-title-card__name{font-size:20px;font-weight:700;color:#1a0800;line-height:1.2;letter-spacing:1px}.clue-title-card__sub{font-size:10px;color:#c0392b;margin-top:4px;letter-spacing:1.5px}.clue-card{position:absolute;z-index:5;text-decoration:none;display:block;transition:z-index 0s}.clue-card__inner{background:#f0e8d5;box-shadow:4px 6px 20px #0000008c;display:flex;flex-direction:column;overflow:hidden;transition:box-shadow .28s ease,transform .28s cubic-bezier(.2,1.4,.3,1)}.clue-card:hover{z-index:20}.clue-card:hover .clue-card__inner{box-shadow:8px 14px 36px #000000bf;transform:translateY(-7px) scale(1.02)}.clue-card__photo{width:100%;display:block;flex-shrink:0}.clue-card__label{padding:7px 10px 8px;background:#e8d9bc;border-top:1px solid rgba(0,0,0,.1);font-size:13px;font-weight:700;color:#1a0800;letter-spacing:2px;font-family:"Noto Serif TC",Georgia,serif;white-space:nowrap}.clue-pin{position:absolute;top:-13px;left:50%;transform:translate(-50%);width:20px;height:20px;border-radius:50%;background:radial-gradient(circle at 36% 30%,#ff7575,#c0392b 52%,#7a0000);box-shadow:0 3px 10px #000000a6,inset 0 1px 3px #ffffff52;z-index:8}.clue-pin:after{content:"";position:absolute;top:4px;left:5px;width:5px;height:5px;border-radius:50%;background:#ffffff6b}.clue-tape{position:absolute;width:68px;height:19px;background:#ded2a285;border:1px solid rgba(180,158,92,.28);z-index:7;top:-5px;left:50%;transform:translate(-30%) rotate(-6deg)}.clue-title-card .clue-tape{transform:translate(-20%) rotate(-4deg)}.clue-note{position:absolute;z-index:10;transform:rotate(2deg)}.clue-note__body{background:#fdf6c3;padding:10px 16px 12px;font-size:11px;color:#444;max-width:185px;line-height:1.75;box-shadow:3px 5px 14px #0006;font-family:Georgia,serif}.clue-note__body strong{color:#c0392b;font-size:12px}@keyframes cardReveal{0%{opacity:0;transform:var(--card-rot, rotate(0deg)) translateY(18px)}to{opacity:1;transform:var(--card-rot, rotate(0deg)) translateY(0)}}.clue-card,.clue-title-card,.clue-note{animation:cardReveal .55s cubic-bezier(.2,1.2,.4,1) both}.clue-card:nth-child(2){animation-delay:.05s}.clue-card:nth-child(3){animation-delay:.12s}.clue-card:nth-child(4){animation-delay:.19s}.clue-card:nth-child(5){animation-delay:.26s}.clue-card:nth-child(6){animation-delay:.33s}.clue-note{animation-delay:.4s}@keyframes lineDrawIn{0%{stroke-dashoffset:600;opacity:0}to{stroke-dashoffset:0;opacity:.82}}.clue-string-path{stroke-dasharray:600;stroke-dashoffset:600;animation:lineDrawIn .8s ease .45s both}.query-page{min-height:100vh;background-color:#1a110d;background-image:radial-gradient(ellipse at 25% 20%,rgba(160,110,50,.18) 0%,transparent 55%),radial-gradient(ellipse at 80% 75%,rgba(80,40,10,.22) 0%,transparent 55%),repeating-linear-gradient(90deg,transparent,transparent 6px,rgba(50,28,5,.06) 6px,rgba(50,28,5,.06) 7px);padding:48px 32px 80px;font-family:Georgia,"Noto Serif TC",serif}.query-page h2{display:none}.query-header{text-align:center;margin-bottom:40px;animation:fadeSlideDown .6s ease both}@keyframes fadeSlideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.query-header__eyebrow{font-size:10px;letter-spacing:5px;color:#f0e8d059;text-transform:uppercase;font-family:Courier New,monospace;margin-bottom:8px}.query-header__title{font-size:28px;font-weight:900;color:#f0e8d0;letter-spacing:6px;text-transform:uppercase;font-family:Georgia,serif;text-shadow:0 0 30px rgba(192,57,43,.3)}.query-header__title span{color:#c0392b;text-shadow:0 0 16px rgba(192,57,43,.6)}.query-header__line{margin:14px auto 0;width:120px;height:1px;background:linear-gradient(90deg,transparent,#c0392b,transparent)}.query-search-bar{position:relative;max-width:680px;margin:0 auto 32px;animation:fadeSlideDown .6s ease .15s both}.query-search-bar:before{content:"";position:absolute;inset:-16px -20px;background:#f0e8d00a;border:1px solid rgba(192,57,43,.15);border-radius:2px;pointer-events:none}.query-search-bar:after{content:"CASE ID";position:absolute;top:-28px;left:0;font-size:9px;letter-spacing:4px;color:#c0392b99;font-family:Courier New,monospace}.query-search-bar input{width:100%;padding:14px 160px 14px 20px;background:#f0e8d00f;border:none;border-bottom:2px solid rgba(240,232,208,.3);border-top:1px solid rgba(255,255,255,.05);color:#f0e8d0;font-size:16px;font-family:Courier New,monospace;letter-spacing:1.5px;outline:none;box-sizing:border-box;transition:border-color .25s,background .25s,box-shadow .25s}.query-search-bar input::placeholder{color:#f0e8d040;font-size:13px;letter-spacing:1px}.query-search-bar input:focus{border-bottom-color:#c0392b;background:#f0e8d01a;box-shadow:0 4px 20px #c0392b26}.query-search-bar button{position:absolute;right:0;top:0;height:100%;padding:0 24px;background:#c0392b;color:#f0e8d0;border:none;font-size:12px;font-family:Georgia,serif;letter-spacing:3px;text-transform:uppercase;cursor:pointer;transition:background .2s,letter-spacing .2s;white-space:nowrap}.query-search-bar button:hover:not(:disabled){background:#a93226;letter-spacing:4px}.query-search-bar button:disabled{background:#555;cursor:not-allowed;color:#f0e8d080}.query-search-bar button:disabled{animation:btnPulse 1.2s ease-in-out infinite}@keyframes btnPulse{0%,to{opacity:.6}50%{opacity:1}}.query-error{max-width:680px;margin:0 auto 24px;padding:12px 18px;background:#c0392b1f;border-left:3px solid #c0392b;color:#f0c8bee6;font-size:13px;font-family:Courier New,monospace;letter-spacing:.5px;animation:shakeIn .4s ease both}@keyframes shakeIn{0%{transform:translate(-8px);opacity:0}40%{transform:translate(5px)}70%{transform:translate(-3px)}to{transform:translate(0);opacity:1}}.query-results{animation:fadeSlideUp .5s ease both}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.evidence-card{max-width:760px;margin:0 auto 40px;position:relative}.btn-pdf{padding:8px 20px;background:transparent;border:1px solid rgba(192,57,43,.5);color:#c0392bcc;font-size:11px;font-family:Georgia,serif;letter-spacing:2px;cursor:pointer;transition:all .2s;margin-bottom:16px;display:block;margin-left:auto}.btn-pdf:hover{background:#c0392b1a;border-color:#c0392b;color:#c0392b;letter-spacing:3px}.certificate-clipboard{position:relative}.certificate-clipboard:before{content:"";position:absolute;top:-24px;left:50%;transform:translate(-50%);width:70px;height:40px;background:linear-gradient(180deg,#999,#666 40%,#888,#555);border-radius:5px 5px 0 0;box-shadow:0 2px 8px #00000080;z-index:5}.certificate-board{background:#c8a97a;background-image:repeating-linear-gradient(91deg,transparent,transparent 7px,rgba(80,50,10,.08) 7px,rgba(80,50,10,.08) 8px);padding:44px 28px 32px;box-shadow:0 8px 36px #0000008c,inset 0 1px #ffffff1a;border-radius:2px 2px 5px 5px}.certificate-paper{position:relative;background:#f5efe0;background-image:repeating-linear-gradient(180deg,transparent,transparent 27px,rgba(160,130,80,.1) 27px,rgba(160,130,80,.1) 28px);border:1px solid rgba(0,0,0,.1);padding:36px 40px 40px;box-shadow:2px 4px 16px #00000047}.certificate-paper:before{content:"";display:block;height:4px;background:repeating-linear-gradient(90deg,#1a1000 0px,#1a1000 12px,transparent 12px,transparent 16px);margin-bottom:22px}.certificate-paper:after{content:"[A17]";position:absolute;top:14px;left:16px;font-size:9px;color:#00000040;font-family:Courier New,monospace;letter-spacing:2px}.cert-topsecret-watermark{position:absolute;top:40%;left:50%;transform:translate(-50%,-50%) rotate(-18deg);font-size:52px;font-weight:900;font-family:Georgia,serif;color:#c0392b0f;letter-spacing:4px;pointer-events:none;white-space:nowrap;z-index:0}.cert-header{text-align:center;padding-bottom:18px;border-bottom:2px solid #1a1000;margin-bottom:24px;position:relative;z-index:1}.cert-header__meta{display:flex;justify-content:space-between;font-size:9px;color:#0006;font-family:Courier New,monospace;letter-spacing:1px;margin-bottom:10px}.cert-header h1{font-size:18px;font-weight:900;color:#1a0800;letter-spacing:5px;margin:0 0 4px;font-family:Georgia,serif}.cert-header p{font-size:10px;color:#888;letter-spacing:3px;margin:0;text-transform:uppercase}.cert-body{position:relative;z-index:1}.cert-field{display:flex;align-items:flex-start;padding:12px 0;border-bottom:1px dashed rgba(0,0,0,.15);gap:16px}.cert-field:last-child{border-bottom:none}.cert-field__num{flex-shrink:0;width:24px;height:24px;border:1.5px solid #1a0800;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:10px;font-family:Courier New,monospace;color:#1a0800;margin-top:1px}.cert-field__content{flex:1}.cert-field__label{font-size:9px;letter-spacing:3px;color:#888;text-transform:uppercase;font-family:Courier New,monospace;margin-bottom:4px;display:block}.cert-field__value{font-size:15px;font-weight:700;color:#1a0800;font-family:Georgia,serif;word-break:break-all}.hash-code{display:block;font-family:Courier New,monospace;font-size:11px;color:#444;background:#0000000d;padding:8px 12px;border-left:2px solid #c0392b;word-break:break-all;line-height:1.6;letter-spacing:.5px;margin-top:4px;font-weight:400}.cert-field__link{font-family:Courier New,monospace;font-size:11px;color:#c0392b;word-break:break-all;text-decoration:none;border-bottom:1px solid rgba(192,57,43,.3);transition:border-color .2s}.cert-field__link:hover{border-bottom-color:#c0392b}.cert-footer{margin-top:24px;padding-top:16px;border-top:1px solid rgba(0,0,0,.1);display:flex;justify-content:space-between;align-items:flex-end}.cert-footer__barcode{display:flex;gap:1.5px;align-items:flex-end;opacity:.25}.cert-footer__barcode span{display:inline-block;background:#1a1000;width:2px;height:24px}.cert-footer__barcode span:nth-child(3n){width:1px}.cert-footer__barcode span:nth-child(5n){width:3px}.cert-footer__barcode span:nth-child(7n){height:18px}.cert-footer__barcode span:nth-child(11n){height:28px}.cert-footer__seal{font-size:9px;color:#0000004d;font-family:Courier New,monospace;letter-spacing:1px;text-align:right;line-height:1.6}.verifier-box{max-width:760px;margin:0 auto;position:relative}.verifier-paper{background:#f0e8d0;background-image:repeating-linear-gradient(180deg,transparent,transparent 27px,rgba(140,110,60,.1) 27px,rgba(140,110,60,.1) 28px);border:1px solid rgba(0,0,0,.1);padding:32px 36px 36px;box-shadow:2px 4px 14px #00000040;position:relative}.verifier-paper:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:repeating-linear-gradient(180deg,#c0392b 0px,#c0392b 8px,transparent 8px,transparent 12px)}.verifier-paper:after{content:"ZERO-KNOWLEDGE PROOF SYSTEM";position:absolute;top:12px;right:14px;font-size:8px;letter-spacing:2px;color:#0000002e;font-family:Courier New,monospace}.verifier-paper h3{font-size:14px;font-weight:900;color:#1a0800;letter-spacing:4px;text-transform:uppercase;margin:0 0 8px 12px;font-family:Georgia,serif}.verifier-paper>p{font-size:12px;color:#666;margin:0 0 20px 12px;font-family:Courier New,monospace;letter-spacing:.5px}.verifier-upload-zone{border:1.5px dashed rgba(0,0,0,.25);padding:20px;text-align:center;background:#ffffff59;margin:0 0 20px 12px;transition:background .2s,border-color .2s}.verifier-upload-zone:hover{background:#ffffff8c;border-color:#c0392b}.verifier-upload-zone input[type=file]{font-size:12px;font-family:Courier New,monospace;color:#555;cursor:pointer}.status-loading{margin:12px 0 0 12px;padding:12px 16px;background:#0000000d;border-left:2px solid #888;font-size:12px;font-family:Courier New,monospace;color:#555;letter-spacing:1px;animation:loadingBlink 1.2s ease-in-out infinite}@keyframes loadingBlink{0%,to{opacity:.5}50%{opacity:1}}.status-success{margin:16px 0 0 12px;padding:18px 20px;background:#28782814;border:1px solid rgba(40,150,40,.3);border-left:4px solid #2d7a2d;position:relative;animation:stampIn .45s cubic-bezier(.2,1.4,.4,1) both}.status-success h4{font-size:14px;font-weight:900;color:#1a4a1a;font-family:Georgia,serif;letter-spacing:2px;margin:0 0 6px}.status-success p{font-size:12px;color:#3a6a3a;font-family:Courier New,monospace;margin:4px 0;letter-spacing:.5px}.status-success:after{content:"✓ VERIFIED";position:absolute;top:50%;right:20px;transform:translateY(-50%) rotate(-8deg);font-size:20px;font-weight:900;color:#28962833;font-family:Georgia,serif;letter-spacing:2px;pointer-events:none}.status-error{margin:16px 0 0 12px;padding:18px 20px;background:#c0392b12;border:1px solid rgba(192,57,43,.25);border-left:4px solid #c0392b;position:relative;animation:stampIn .45s cubic-bezier(.2,1.4,.4,1) both}.status-error h4{font-size:14px;font-weight:900;color:#7a1010;font-family:Georgia,serif;letter-spacing:2px;margin:0 0 6px}.status-error p{font-size:12px;color:#a03030;font-family:Courier New,monospace;margin:4px 0;letter-spacing:.5px}.status-error:after{content:"✗ TAMPERED";position:absolute;top:50%;right:20px;transform:translateY(-50%) rotate(-8deg);font-size:18px;font-weight:900;color:#c0392b2e;font-family:Georgia,serif;letter-spacing:2px;pointer-events:none}@keyframes stampIn{0%{transform:scale(1.05);opacity:0}60%{opacity:1}to{transform:scale(1)}}.status-hash{font-size:10px;word-break:break-all;font-family:Courier New,monospace;color:#777;background:#0000000d;padding:6px 10px;border-left:2px solid rgba(0,0,0,.15);margin-top:8px;letter-spacing:.5px}@media(max-width:640px){.query-page{padding:32px 16px 60px}.query-header__title{font-size:20px;letter-spacing:3px}.query-search-bar input{padding:14px 14px 52px 16px;font-size:14px}.query-search-bar button{position:static;width:100%;height:44px;display:block;margin-top:4px}.certificate-board{padding:36px 14px 24px}.certificate-paper,.verifier-paper{padding:24px 18px 28px}.cert-header h1{font-size:14px;letter-spacing:3px}}.tutorial-page{min-height:100vh;background-color:#2e1f0c;background-image:radial-gradient(ellipse at 20% 15%,rgba(170,120,55,.18) 0%,transparent 52%),radial-gradient(ellipse at 80% 85%,rgba(80,45,10,.22) 0%,transparent 52%),repeating-linear-gradient(91deg,transparent 0px,transparent 5px,rgba(40,22,4,.06) 5px,rgba(40,22,4,.06) 6px),repeating-linear-gradient(180deg,transparent 0px,transparent 42px,rgba(40,22,4,.04) 42px,rgba(40,22,4,.04) 43px);padding:56px 24px 100px;font-family:Georgia,"Noto Serif TC",serif;max-width:100%!important;margin:0!important;color:inherit!important}.tutorial-clipboard{position:relative;max-width:860px;margin:0 auto}.tutorial-clipboard:before{content:"";position:absolute;top:-26px;left:50%;transform:translate(-50%);width:80px;height:44px;background:linear-gradient(180deg,#999,#666 40%,#888,#555);border-radius:5px 5px 0 0;box-shadow:0 2px 10px #0000008c;z-index:5}.tutorial-board{background:#c8a97a;background-image:repeating-linear-gradient(91deg,transparent,transparent 7px,rgba(80,50,10,.08) 7px,rgba(80,50,10,.08) 8px);padding:48px 30px 36px;box-shadow:0 10px 44px #0009,inset 0 1px #ffffff1f;border-radius:2px 2px 6px 6px}.tutorial-doc{position:relative;background:#f5efe0;background-image:repeating-linear-gradient(180deg,transparent,transparent 27px,rgba(160,130,80,.1) 27px,rgba(160,130,80,.1) 28px);border:1px solid rgba(0,0,0,.1);padding:0;box-shadow:2px 4px 18px #0000004d;overflow:hidden}.tutorial-doc__topbar{background:#1a1000;padding:8px 20px;display:flex;justify-content:space-between;align-items:center}.tutorial-doc__topbar span{font-size:10px;color:#f0e8d0a6;font-family:Courier New,monospace;letter-spacing:2px}.tutorial-doc__body{padding:32px 36px 40px}.tutorial-doc__title-block{text-align:center;padding-bottom:20px;border-bottom:2px solid #1a1000;margin-bottom:28px}.tutorial-doc__title-block:before{content:"";display:block;height:3px;background:repeating-linear-gradient(90deg,#1a1000 0px,#1a1000 10px,transparent 10px,transparent 14px);margin-bottom:16px}.tutorial-doc__title-eyebrow{font-size:9px;letter-spacing:5px;color:#999;text-transform:uppercase;font-family:Courier New,monospace;margin-bottom:8px}.tutorial-doc__title-main{font-size:22px;font-weight:900;color:#1a0800;letter-spacing:6px;text-transform:uppercase;font-family:Georgia,serif;margin:0 0 6px}.tutorial-doc__title-sub{font-size:12px;color:#888;letter-spacing:2px;font-family:Courier New,monospace;line-height:1.6}.tutorial-step{position:relative;margin-bottom:28px;background:#fff0!important;border-radius:0!important;padding:0!important}.tutorial-step__paper{position:relative;background:#f5efe099;border:1px solid rgba(0,0,0,.1);border-left:none;padding:22px 24px 22px 28px;box-shadow:1px 2px 8px #0000001a}.tutorial-step__paper:before{content:"";position:absolute;left:0;top:0;bottom:0;width:5px}.tutorial-step--1 .tutorial-step__paper:before{background:#31353d}.tutorial-step--2 .tutorial-step__paper:before{background:#575b6d}.tutorial-step--3 .tutorial-step__paper:before{background:#9f3829}.tutorial-step--4 .tutorial-step__paper:before{background:#a86151}.tutorial-step__badge{position:absolute;top:-12px;left:20px;padding:2px 12px;font-size:9px;font-family:Courier New,monospace;letter-spacing:3px;text-transform:uppercase;color:#f0e8d0;z-index:2}.tutorial-step--1 .tutorial-step__badge{background:#31353d}.tutorial-step--2 .tutorial-step__badge{background:#575b6d}.tutorial-step--3 .tutorial-step__badge{background:#9f3829}.tutorial-step--4 .tutorial-step__badge{background:#a86151}.tutorial-step__paper h2{font-size:15px!important;font-weight:900;color:#1a0800;letter-spacing:3px;text-transform:uppercase;font-family:Georgia,serif;margin:8px 0 10px!important;border:none!important;padding:0!important;background:none!important;border-left:none!important;border-radius:0!important}.tutorial-step__paper>p,.tutorial-step__paper p{font-size:12px;color:#555;font-family:Courier New,monospace;letter-spacing:.5px;line-height:1.6;margin:0 0 12px}.tutorial-step__paper ol,.tutorial-step__paper ul{padding-left:20px;margin:0}.tutorial-step__paper li{font-size:13px;color:#2a1400;line-height:1.85;font-family:Georgia,serif;border-bottom:1px dashed rgba(0,0,0,.1);padding:4px 0}.tutorial-step__paper li:last-child{border-bottom:none}.tutorial-step__paper li strong{color:#1a0800}.tutorial-step__paper a{color:#c0392b;text-decoration:none;border-bottom:1px solid rgba(192,57,43,.35);transition:border-color .2s;font-weight:700}.tutorial-step__paper a:hover{border-bottom-color:#c0392b}.tutorial-divider{height:1px;background:repeating-linear-gradient(90deg,rgba(0,0,0,.15) 0px,rgba(0,0,0,.15) 6px,transparent 6px,transparent 10px);margin:4px 0 28px}.tutorial-cta{text-align:center;margin-top:32px;padding-top:24px;border-top:1px solid rgba(0,0,0,.12)}.tutorial-cta a{display:inline-block;padding:14px 36px;background:#1a0800!important;color:#f0e8d0!important;text-decoration:none!important;border:none!important;font-family:Georgia,serif;font-size:13px;letter-spacing:4px;text-transform:uppercase;font-weight:700;border-radius:0!important;transition:background .2s,letter-spacing .2s}.tutorial-cta a:hover{background:#c0392b!important;letter-spacing:5px;color:#fff!important}.tutorial-doc__barcode{display:flex;justify-content:flex-end;gap:1.5px;align-items:flex-end;opacity:.18;margin-top:20px}.tutorial-doc__barcode span{display:inline-block;background:#1a1000;width:2px;height:22px}.tutorial-doc__barcode span:nth-child(3n){width:1px}.tutorial-doc__barcode span:nth-child(5n){width:3px}.tutorial-doc__barcode span:nth-child(7n){height:16px}.tutorial-doc__barcode span:nth-child(11n){height:28px}@keyframes tut-slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.tutorial-doc__title-block{animation:tut-slide-up .5s ease .1s both}.tutorial-step:nth-child(1){animation:tut-slide-up .5s ease .2s both}.tutorial-step:nth-child(2){animation:tut-slide-up .5s ease .3s both}.tutorial-step:nth-child(3){animation:tut-slide-up .5s ease .4s both}.tutorial-step:nth-child(4){animation:tut-slide-up .5s ease .5s both}.tutorial-cta{animation:tut-slide-up .5s ease .6s both}@media(max-width:640px){.tutorial-page{padding:40px 12px 80px}.tutorial-board{padding:36px 12px 24px}.tutorial-doc__body{padding:22px 16px 28px}.tutorial-doc__title-main{font-size:16px;letter-spacing:3px}.tutorial-step__paper{padding:18px 16px 18px 22px}.tutorial-step__paper h2{font-size:13px!important;letter-spacing:2px}.tutorial-cta a{padding:12px 24px;font-size:12px;letter-spacing:3px}}