:root{--xh-primary:var(--article-theme-highlight, var(--theme-skin-matching, #0073aa));--xh-primary-dark:color-mix(in srgb, var(--xh-primary) 80%, #000);--xh-success:#4caf50;--xh-success-lite:#e8f5e9;--xh-success-text:#2e7d32;--xh-danger:#c62828;--xh-danger-lite:#ffebee;--xh-warning:#ff8f00;--xh-warning-lite:#fff8e1;--xh-bg-card:var(--theme-bg-card, rgba(255, 255, 255, .8));--xh-bg-muted:var(--theme-bg-muted, rgba(255, 255, 255, .6));--xh-text-main:var(--theme-skin, #333);--xh-text-meta:var(--theme-text-meta, #555);--xh-radius:var(--style_menu_radius, 8px);--xh-shadow:var(--theme-shadow, 0 1px 30px -4px rgba(232, 232, 232, .9));--theme-skin:#333;--theme-skin-matching:#0073aa;--article-theme-highlight:#0073aa;--theme-bg-card:rgba(255, 255, 255, .8);--theme-bg-muted:rgba(255, 255, 255, .6);--theme-text-meta:#555;--style_menu_radius:8px;--theme-shadow:0 1px 30px -4px rgba(232, 232, 232, .9);--theme-border-color:#e5e5e5;--dark-bg-card:rgba(26, 26, 26, .70);--dark-bg-muted:rgba(38, 38, 38, .60);--dark-text-primary:#ccc;--dark-text-secondary:#999;--dark-shadow-normal:0 1px 20px 2px rgba(26, 26, 26, .9);--theme-skin-dark:#5ecfad;--dark-border-color:#7d7d7d30}body.dark{--xh-bg-card:var(--dark-bg-card, rgba(26, 26, 26, .70));--xh-bg-muted:var(--dark-bg-muted, rgba(38, 38, 38, .60));--xh-text-main:var(--dark-text-primary, #ccc);--xh-text-meta:var(--dark-text-secondary, #999);--xh-shadow:var(--dark-shadow-normal, 0 1px 20px 2px rgba(26, 26, 26, .9))}.xhcert-container,.xhcert-container *{box-sizing:border-box}.xhcert-container{max-width:900px;margin:auto;padding:1.5rem;background:var(--xh-bg-card);border-radius:var(--xh-radius);box-shadow:var(--xh-shadow);color:var(--xh-text-main);border:2px solid color-mix(in srgb,var(--xh-primary) 20%,transparent);position:relative;transition:background .4s,box-shadow .4s,border-color .4s;overflow:hidden}.xhcert-container::before{content:'';position:absolute;left:0;right:0;top:0;height:5px;background:var(--xh-primary);border-radius:var(--xh-radius) var(--xh-radius) 0 0;z-index:1}.xhcert-container h3{margin:0 0 2rem;text-align:center;font-size:1.6rem;font-weight:600}.xhcert-tabs{display:flex;justify-content:center;gap:.3rem;margin-bottom:2rem;border-bottom:1px solid var(--theme-border-color,#e5e5e5)}.xhcert-tab-btn{position:relative;padding:.8rem 1.4rem;background:none;border:none;font-size:1rem;font-weight:500;color:var(--xh-text-meta);cursor:pointer;transition:color .2s}.xhcert-tab-btn:is(:hover,.active){color:var(--xh-primary)}.xhcert-tab-btn.active::after{content:'';position:absolute;left:0;right:0;bottom:-1px;height:3px;background:var(--xh-primary);border-radius:3px 3px 0 0}.xhcert-tab-content{display:none}.xhcert-tab-content.active{display:block;animation:fadeInXH .35s ease}@keyframes fadeInXH{from{opacity:0;translate:0 .5rem}to{opacity:1;translate:0 0}}.xhcert-form-row{margin-bottom:1.1rem}.xhcert-form-label{display:block;margin-bottom:.5rem;font-size:.95rem;font-weight:500;color:var(--xh-text-meta)}.xhcert-container .xhcert-form-input{width:100%;padding:.8rem 1rem;font-size:1rem;border:1px solid var(--theme-border-color,#cdd5db);border-radius:var(--xh-radius);background:var(--xh-bg-muted);transition:border-color .2s,box-shadow .2s,background .2s}.xhcert-container .xhcert-form-input:focus{border-color:var(--xh-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--xh-primary) 25%,transparent);background:var(--theme-bg-card,#fff);outline:none}.xhcert-search-button,.xhcert-download-button,.xhcert-modal button{display:inline-block;padding:.8rem 1.8rem;font-size:1.05rem;font-weight:600;color:#fff;background:var(--xh-primary);border:none;border-radius:var(--xh-radius);cursor:pointer;box-shadow:0 3px 6px rgb(0 0 0 / .1);transition:background .2s,transform .1s,box-shadow .2s}.xhcert-search-button:hover,.xhcert-download-button:hover,.xhcert-modal button:hover{background:var(--xh-primary-dark);transform:translateY(-2px)}.xhcert-search-button:active,.xhcert-download-button:active,.xhcert-modal button:active{transform:none;box-shadow:0 2px 4px rgb(0 0 0 / .12)}.xhcert-search-button:disabled{opacity:.55;cursor:not-allowed}@media (max-width:768px){.xhcert-search-button,.xhcert-download-button{background:var(--xh-primary)!important;color:#fff!important;width:100%}}.xhcert-loading{text-align:center;padding:1rem;display:none}.xhcert-loading[aria-busy="true"]{display:block}.xhcert-loading-spinner{width:44px;height:44px;margin:auto;border:4px solid color-mix(in srgb,var(--xh-primary) 15%,transparent);border-top-color:var(--xh-primary);border-radius:50%;animation:spinXH 1s linear infinite}@keyframes spinXH{to{rotate:1turn}}.xhcert-results-area{margin-top:1.6rem}.xhcert-result-card{background:var(--xh-bg-muted);border:1px solid var(--theme-border-color,#dcdcdc);border-radius:var(--xh-radius);padding:1.3rem;box-shadow:0 2px 6px rgb(0 0 0 / .05);transition:box-shadow .2s,border-color .2s}.xhcert-result-card:hover{box-shadow:0 4px 12px rgb(0 0 0 / .08)}.xhcert-result-card.valid{border-left:5px solid var(--xh-success)}.xhcert-result-card.invalid{border-left:5px solid var(--xh-danger)}.xhcert-result-card h4{margin:0 0 1rem;padding-bottom:.8rem;border-bottom:1px solid var(--theme-border-color,#e5e5e5);font-size:1.25rem;font-weight:600;color:var(--xh-text-main)}.xhcert-fields-area{display:grid;grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));gap:.8rem}.xhcert-field{font-size:.97rem;line-height:1.5}.xhcert-field-label{font-weight:600;margin-right:.35rem;color:var(--xh-text-meta)}.xhcert-status{display:inline-block;margin-top:.3rem;padding:.3rem .9rem;font-size:.85rem;font-weight:600;border-radius:1.3rem}.xhcert-status.valid{background:var(--xh-success-lite);color:var(--xh-success-text)}.xhcert-status.invalid{background:var(--xh-danger-lite);color:var(--xh-danger)}.xhcert-notice{margin-top:1.1rem;padding:.8rem 1rem;border-radius:var(--xh-radius);font-weight:500;text-align:center;font-size:.96rem}.xhcert-expired-notice{background:var(--xh-warning-lite);color:var(--xh-warning)}.xhcert-revoked-notice{background:var(--xh-danger-lite);color:var(--xh-danger)}.xhcert-abnormal-notice{background:var(--xh-success-lite);color:var(--xh-success-text)}.xhcert-pagination{display:flex;justify-content:center;gap:.55rem;margin-top:1.6rem}.xhcert-pagination-button{padding:.65rem 1.25rem;background:var(--xh-bg-muted);border:1px solid var(--theme-border-color,#dcdcdc);border-radius:var(--xh-radius);font-size:.95rem;cursor:pointer;transition:.2s;color:var(--xh-text-main)}.xhcert-pagination-button:is(:hover,.active){background:var(--xh-primary);border-color:var(--xh-primary);color:#fff}.xhcert-pagination-button.disabled{opacity:.5;cursor:not-allowed}.xhcert-modal{position:fixed;inset:0;z-index:9999;opacity:0;visibility:hidden;background:rgb(0 0 0 / .5);transition:opacity .3s ease,visibility .3s ease}.xhcert-modal.is-visible{opacity:1;visibility:visible}.xhcert-modal-content{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);max-width:500px;width:90%;background:var(--xh-bg-card);border-radius:var(--xh-radius);box-shadow:var(--xh-shadow);padding:1.6rem;animation:slideInXH .35s ease}@keyframes slideInXH{from{translate:0 -2rem;opacity:0}to{translate:0 0;opacity:1}}.xhcert-modal-close{position:absolute;right:.9rem;top:.9rem;font-size:1.6rem;color:var(--xh-text-meta);cursor:pointer;transition:color .2s}.xhcert-modal-close:hover{color:var(--xh-text-main)}.xhcert-modal input{width:100%;padding:.8rem 1rem;margin:.7rem 0 1rem;font-size:1rem;border:1px solid var(--theme-border-color,#cdd5db);border-radius:var(--xh-radius);background:var(--xh-bg-muted);transition:border-color .2s,box-shadow .2s,background .2s}.xhcert-modal input:focus{border-color:var(--xh-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--xh-primary) 25%,transparent);background:var(--theme-bg-card,#fff);outline:none}.xhcert-modal-error{display:none;margin:0 0 .7rem;color:#dc3545;font-weight:500;background:#ffebee;padding:.5rem .9rem;border-radius:var(--xh-radius);font-size:.9rem}.xhcert-image-modal-content{max-width:600px;max-height:80vh;overflow:auto}.xhcert-certificate-image{width:100%;height:auto;max-height:70vh;object-fit:contain}.xhcert-error,.xhcert-disabled{margin-bottom:1.25rem;padding:1rem;border-radius:var(--xh-radius);font-weight:500;text-align:center;font-size:.95rem}.xhcert-error{color:#721c24;background:#f8d7da;border:1px solid #f5c6cb}.xhcert-disabled{color:#856404;background:#fff3cd;border:1px solid #ffeeba}@media(max-width:768px){.xhcert-fields-area{grid-template-columns:1fr}}.xhcert-hidden{display:none!important}