:root{--gold:#D4AF37;--gold-light:#F4E4BC;--white:#FFFFFF;--black:#000000}.ppcard-container{text-align:center;padding:20px}.ppcard-btn{background:linear-gradient(145deg,var(--gold) 0%,var(--gold-light) 100%);color:var(--black);border:none;padding:12px 24px;border-radius:8px;font-size:16px;font-weight:500;cursor:pointer;transition:all 0.3s ease;box-shadow:0 2px 4px rgba(0,0,0,.1)}.ppcard-btn:hover{transform:translateY(-2px);box-shadow:0 4px 8px rgba(0,0,0,.2)}.ppcard-modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.7);z-index:9999}.ppcard-modal-content{position:relative;background-color:var(--white);margin:5% auto;padding:20px;width:80%;max-width:600px;border-radius:12px;border:2px solid var(--gold);box-shadow:0 0 20px rgba(212,175,55,.3)}.ppcard-close{position:absolute;right:20px;top:10px;color:var(--black);font-size:28px;font-weight:700;cursor:pointer}.ppcard-close:hover{color:var(--gold)}.ppcard-modal-body{padding:20px 0}.ppcard-display{text-align:center}.ppcard-display img{max-width:100%;height:auto;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.1)}.ppcard-update-time{margin-top:10px;font-size:12px;color:#666;text-align:right}.ppcard-upload-area{padding:20px}.ppcard-dropzone{border:2px dashed var(--gold);border-radius:8px;padding:40px 20px;text-align:center;cursor:pointer;transition:all 0.3s ease;background:var(--white);position:relative}.ppcard-dropzone.dragover{background:var(--gold-light);border-style:solid}.ppcard-dropzone-text{color:var(--black)}.ppcard-upload-icon{display:block;width:40px;height:40px;margin:0 auto 15px;background:var(--gold);mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 16l-4-4h3V4h2v8h3l-4 4zm9-13h-6v2h6v16H3V5h6V3H3a2 2 0 00-2 2v16a2 2 0 002 2h18a2 2 0 002-2V5a2 2 0 00-2-2z'/%3E%3C/svg%3E") no-repeat 50% 50%;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 16l-4-4h3V4h2v8h3l-4 4zm9-13h-6v2h6v16H3V5h6V3H3a2 2 0 00-2 2v16a2 2 0 002 2h18a2 2 0 002-2V5a2 2 0 00-2-2z'/%3E%3C/svg%3E") no-repeat 50% 50%}.ppcard-small{font-size:12px;color:#666;margin-top:10px}.ppcard-file-input{position:absolute;width:100%;height:100%;top:0;left:0;opacity:0;cursor:pointer}.ppcard-preview-area{margin-top:20px;text-align:center}.ppcard-preview-area img{max-width:100%;max-height:300px;border-radius:8px;margin-bottom:15px;box-shadow:0 2px 8px rgba(0,0,0,.1)}.ppcard-upload-btn,.ppcard-cancel-btn{padding:8px 20px;border-radius:4px;border:none;margin:0 5px;cursor:pointer;font-size:14px;transition:all 0.3s ease}.ppcard-upload-btn{background:var(--gold);color:var(--white)}.ppcard-upload-btn:hover{background:var(--gold-light);color:var(--black)}.ppcard-cancel-btn{background:#f0f0f0;color:var(--black)}.ppcard-cancel-btn:hover{background:#e0e0e0}.upload-btn{background:linear-gradient(145deg,var(--gold) 0%,var(--gold-light) 100%)}.view-btn{background:linear-gradient(145deg,var(--gold-light) 0%,var(--gold) 100%)}