*{margin:0;padding:0;box-sizing:border-box}:root{--primary-color: #007bff;--secondary-color: #6c757d;--success-color: #28a745;--danger-color: #dc3545;--warning-color: #ffc107;--info-color: #17a2b8;--light-color: #f8f9fa;--dark-color: #343a40;--bg-color: #ffffff;--text-color: #212529;--text-secondary: #6c757d;--input-bg: #ffffff;--input-border: #ced4da;--card-bg: #ffffff;--border-color: #ced4da;--shadow: 0 .125rem .25rem rgba(0, 0, 0, .075);--primary-dark: #0056b3;--success-dark: #1e7e34;--table-header-bg: rgba(0, 0, 0, .03);--table-hover-bg: rgba(0, 0, 0, .02);--primary-color-20: rgba(0, 123, 255, .2)}[data-theme=blue]{--primary-color: #007bff;--bg-color: #f8f9fa;--text-color: #212529;--input-bg: #ffffff;--input-border: #ced4da;--card-bg: #ffffff;--border-color: #ced4da}[data-theme=dark]{--primary-color: #6c757d;--bg-color: #212529;--text-color: #ffffff;--text-secondary: #adb5bd;--input-bg: #343a40;--input-border: #495057;--card-bg: #343a40;--border-color: #495057;--shadow: 0 .125rem .25rem rgba(0, 0, 0, .3);--table-header-bg: rgba(255, 255, 255, .06);--table-hover-bg: rgba(255, 255, 255, .03)}[data-theme=green]{--primary-color: #28a745;--bg-color: #f1f8e9;--text-color: #2e7d32;--text-secondary: #4f6f52;--input-bg: #ffffff;--input-border: #81c784;--card-bg: #ffffff;--border-color: #81c784}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background-color:var(--bg-color);color:var(--text-color);line-height:1.6;min-height:100vh;transition:all .3s ease}.page{min-height:100vh}.container{margin:0 auto;padding:2rem 1rem}.page--auth .container{max-width:400px;min-height:100vh;display:flex;flex-direction:column;justify-content:center}.page--dashboard .container,.page--shortlink .container,.page--shortlink-manage .container,.page--shortlink-stats .container,.page--test-grid .container,.page--qr-code .container,.page--md-card .container,.page--md-gallery .container{max-width:1200px}.page--shortlink-create .container{max-width:800px}.auth-card{background:var(--card-bg);padding:2rem;border-radius:10px;box-shadow:var(--shadow);border:1px solid var(--input-border);transition:all .3s ease}.auth-header{text-align:center;margin-bottom:2rem}.auth-header h1{color:var(--primary-color);margin-bottom:.5rem;font-size:2rem;font-weight:600}.auth-header p{color:var(--secondary-color);font-size:.9rem}.form-group{margin-bottom:1.5rem}.form-label{display:block;margin-bottom:.5rem;font-weight:500;color:var(--text-color)}.form-input{width:100%;padding:.75rem;border:2px solid var(--input-border);border-radius:6px;background-color:var(--input-bg);color:var(--text-color);font-size:1rem;transition:border-color .3s ease,box-shadow .3s ease}.form-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #007bff1a}.form-hint{color:var(--secondary-color);font-size:.8rem;margin-top:.25rem;display:block}.input-error{border-color:var(--danger-color)}.btn{width:100%;padding:.75rem;border:none;border-radius:6px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .3s ease;text-decoration:none;display:inline-block;text-align:center}.btn-primary{background-color:var(--primary-color);color:#fff}.btn-primary:hover{background-color:color-mix(in srgb,var(--primary-color) 85%,black);transform:translateY(-1px)}.btn-secondary{background-color:var(--secondary-color);color:#fff;margin-top:.5rem}.btn-secondary:hover{background-color:color-mix(in srgb,var(--secondary-color) 85%,black)}.btn-danger{background-color:var(--danger-color);color:#fff}.btn-danger:hover{background-color:color-mix(in srgb,var(--danger-color) 85%,black)}.btn-outline{background:var(--card-bg);color:var(--primary-color);border:2px solid var(--primary-color)}.btn-outline:hover{background:var(--primary-color);color:#fff}.btn-link{background:none;color:var(--primary-color);border:1px solid var(--primary-color);padding:.5rem 1rem;margin:.25rem;width:auto;display:inline-block}.btn-link:hover{background-color:var(--primary-color);color:#fff}.btn-sm{background:var(--success-color);color:#fff;font-size:.8rem;padding:.4rem .8rem;border-radius:4px}.auth-links{text-align:center;margin-top:1.5rem;padding-top:1rem;border-top:1px solid var(--input-border)}.auth-links p{margin-bottom:1rem;color:var(--secondary-color)}.auth-divider{position:relative;margin:1.5rem 0;text-align:center;border-top:1px solid var(--input-border)}.auth-divider span{display:inline-block;padding:0 .75rem;background:var(--card-bg);color:var(--secondary-color);font-size:.85rem;transform:translateY(-.75rem)}.wechat-login{margin-top:1rem}.wechat-header{text-align:center;margin-bottom:1rem}.wechat-header h2{font-size:1.2rem;color:var(--text-color);margin-bottom:.25rem}.wechat-header p{color:var(--secondary-color);font-size:.85rem}.wechat-qr{display:flex;justify-content:center;margin-bottom:.75rem}.wechat-qr img{width:180px;height:180px;object-fit:contain;border-radius:8px;border:1px dashed var(--border-color);background:#fff}.wechat-qr-placeholder{width:180px;height:180px;border-radius:8px;border:1px dashed var(--border-color);display:flex;align-items:center;justify-content:center;color:var(--secondary-color);font-size:.85rem;text-align:center;padding:0 .5rem;background:var(--bg-color)}.wechat-hint{text-align:center;color:var(--secondary-color);font-size:.8rem;margin-bottom:.75rem}.wechat-code-form{display:grid;gap:.75rem}.theme-selector{position:fixed;top:20px;right:20px;z-index:1000}.theme-btn{background:var(--card-bg);border:2px solid var(--primary-color);color:var(--primary-color);padding:.5rem 1rem;border-radius:25px;cursor:pointer;font-size:.9rem;font-weight:500;transition:all .3s ease;box-shadow:var(--shadow)}.theme-btn:hover{background-color:var(--primary-color);color:#fff;transform:scale(1.05)}.theme-dropdown{position:absolute;top:100%;right:0;background:var(--card-bg);border:1px solid var(--input-border);border-radius:6px;box-shadow:var(--shadow);min-width:120px;display:none;margin-top:.5rem}.theme-dropdown.show{display:block}.theme-option{padding:.75rem 1rem;cursor:pointer;border-bottom:1px solid var(--input-border);transition:background-color .3s ease}.theme-option:last-child{border-bottom:none}.theme-option:hover{background-color:var(--light-color)}.alert{padding:1rem;margin-bottom:1rem;border-radius:6px;font-weight:500}.alert-success{background-color:color-mix(in srgb,var(--success-color) 15%,white);border:1px solid var(--success-color);color:var(--success-color)}.alert-danger{background-color:color-mix(in srgb,var(--danger-color) 15%,white);border:1px solid var(--danger-color);color:var(--danger-color)}.loading{opacity:.7;pointer-events:none}.loading .btn,.loading .submit-btn{position:relative}.loading .btn:after,.loading .submit-btn:after{content:"";position:absolute;width:16px;height:16px;margin:auto;border:2px solid transparent;border-top-color:currentColor;border-radius:50%;animation:spin 1s linear infinite;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes spin{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}.header{margin-bottom:2rem}.nav-bar{display:flex;justify-content:space-between;align-items:center;padding:1rem 0;border-bottom:2px solid var(--primary-color)}.nav-left .logo{color:var(--primary-color);font-size:2rem;font-weight:700;margin:0}.nav-right{display:flex;align-items:center;gap:1rem}.user-info{color:var(--text-color);font-size:.9rem}.back-btn,.logout-btn{background:var(--primary-color);color:#fff;border:none;padding:.5rem 1rem;border-radius:5px;cursor:pointer;text-decoration:none;font-size:.9rem}.back-btn:hover,.logout-btn:hover{opacity:.9}.logout-btn{background:var(--danger-color)}.settings-btn{background:var(--secondary-color);color:#fff;border:none;padding:.5rem 1rem;border-radius:5px;cursor:pointer;font-size:.9rem}.settings-btn:hover{opacity:.9}.page-header{text-align:center;margin-bottom:3rem}.page-header h2{color:var(--text-color);font-size:2.5rem;margin-bottom:.5rem}.page-header p{color:var(--secondary-color);font-size:1.1rem}.md-card-header{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap}.md-card-actions{display:flex;gap:.75rem;flex-wrap:wrap}.md-card-layout{display:grid;grid-template-columns:minmax(280px,1fr) minmax(320px,1.2fr) 220px;gap:1.5rem;align-items:start}.md-editor-panel,.md-preview-panel,.md-sidebar{background:var(--card-bg);border-radius:12px;border:1px solid var(--border-color);box-shadow:var(--shadow)}.md-editor-panel .panel-header,.md-preview-panel .panel-header{padding:1.25rem;border-bottom:1px solid var(--border-color)}.panel-title{font-size:1.1rem;font-weight:600;margin-bottom:.75rem}.md-editor-panel .toolbar{display:flex;gap:.5rem;flex-wrap:wrap}.toolbar-btn{padding:.4rem .75rem;border-radius:6px;border:1px solid var(--border-color);background:var(--bg-color);cursor:pointer;font-size:.85rem;transition:all .2s ease}.toolbar-btn:hover{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.editor-area{padding:1.25rem}#markdown-input{width:100%;min-height:420px;border:1px solid var(--border-color);border-radius:10px;padding:1rem;font-family:Consolas,Courier New,monospace;font-size:.95rem;background:var(--bg-color);color:var(--text-color);resize:vertical}.preview-area{padding:1.25rem;min-height:520px;display:flex;justify-content:center}.md-card{padding:1.5rem;border-radius:12px;line-height:1.6;word-break:break-word}.md-card h1,.md-card h2,.md-card h3{margin-top:0;margin-bottom:.75rem}.md-card p{margin-bottom:.75rem}.md-card code{background:var(--md-code-bg, rgba(255, 255, 255, .15));padding:.15rem .4rem;border-radius:4px;font-family:Consolas,Courier New,monospace;font-size:.85rem}.md-card pre{background:var(--md-code-bg, rgba(255, 255, 255, .15));padding:.75rem;border-radius:8px;overflow-x:auto}.md-card pre code{background:transparent;padding:0}.md-card a{color:var(--md-link-color, #cfe2ff)}.md-sidebar{padding:1.25rem;display:flex;flex-direction:column;gap:1rem}.sidebar-section{display:flex;flex-direction:column;gap:.6rem}.sidebar-title{font-weight:600;font-size:.95rem}.size-controls{display:grid;gap:.5rem}.toggle-row{display:flex;align-items:center;gap:.5rem;font-size:.85rem;color:var(--secondary-color)}.md-gallery-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}.md-gallery-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;padding:1.25rem;box-shadow:var(--shadow)}.md-gallery-info{margin-bottom:1rem}.md-gallery-name{font-size:1.1rem;font-weight:600;margin-bottom:.25rem}.md-gallery-desc{color:var(--secondary-color);font-size:.85rem}.md-card-preview{padding:1rem;font-size:.85rem}.tools-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;padding:0 1rem;justify-items:center}.tool-card{background:var(--card-bg);border:2px solid var(--border-color);border-radius:15px;padding:2rem;text-align:center;cursor:pointer;transition:all .3s ease;box-shadow:var(--shadow);width:100%;max-width:320px}.tool-card:hover{border-color:var(--primary-color);box-shadow:0 10px 30px #00000026;transform:translateY(-5px)}.developing-card{opacity:.7;cursor:not-allowed}.developing-card:hover{border-color:var(--border-color);box-shadow:var(--shadow);transform:none}.tool-image{margin-bottom:1.5rem}.tool-icon{font-size:4rem;line-height:1;margin-bottom:1rem}.tool-name{color:var(--text-color);font-size:1.3rem;font-weight:700;margin-bottom:1rem}.tool-description{color:var(--secondary-color);font-size:.95rem;line-height:1.5;margin:0}.action-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-bottom:3rem}.action-card{background:var(--card-bg);border:2px solid var(--border-color);border-radius:15px;padding:2rem;text-align:center;cursor:pointer;transition:all .3s ease;box-shadow:var(--shadow)}.action-card:hover{border-color:var(--primary-color);box-shadow:0 10px 30px #00000026;transform:translateY(-5px)}.action-card.developing-card{opacity:.7;cursor:not-allowed}.action-card.developing-card:hover{border-color:var(--border-color);box-shadow:var(--shadow);transform:none}.action-icon{font-size:3rem;margin-bottom:1rem}.action-title{color:var(--text-color);font-size:1.5rem;font-weight:700;margin-bottom:1rem}.action-description{color:var(--secondary-color);font-size:1rem;line-height:1.5}.stats-overview{background:var(--card-bg);border:2px solid var(--border-color);border-radius:15px;padding:2rem;margin-bottom:2rem}.section-container{background:var(--card-bg);border-radius:12px;padding:2rem;margin:2rem 0;border:1px solid var(--border-color)}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--border-color)}.loading-state,.empty-state{text-align:center;padding:3rem 1rem}.loading-spinner{width:40px;height:40px;border:4px solid var(--border-color);border-top:4px solid var(--primary-color);border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 1rem}.empty-icon{font-size:3rem;margin-bottom:1rem}.recommended-badge{position:absolute;top:1rem;right:1rem;background:var(--primary-color);color:#fff;padding:.3rem .8rem;border-radius:15px;font-size:.8rem;font-weight:500}.tool-card.recommended{border-color:var(--primary-color);background:linear-gradient(135deg,var(--card-bg) 0%,rgba(52,152,219,.05) 100%)}.stats-title{color:var(--text-color);font-size:1.3rem;font-weight:700;margin-bottom:1.5rem}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1.5rem}.stat-item{text-align:center;padding:1rem;background:var(--bg-color);border-radius:10px}.stat-number{font-size:2rem;font-weight:700;color:var(--primary-color);margin-bottom:.5rem}.stat-label{color:var(--secondary-color);font-size:.9rem}.form-container{background:var(--card-bg);border:2px solid var(--border-color);border-radius:15px;padding:2rem;margin-bottom:2rem}.form-textarea{resize:vertical;min-height:80px}.form-checkbox{width:auto;margin-right:.5rem}.checkbox-group{display:flex;align-items:center;margin-bottom:1rem}.submit-btn{background:var(--primary-color);color:#fff;border:none;padding:1rem 2rem;border-radius:8px;font-size:1.1rem;font-weight:700;cursor:pointer;transition:opacity .3s ease;width:100%}.submit-btn:hover{opacity:.9}.submit-btn:disabled{opacity:.6;cursor:not-allowed}.result-container{background:var(--card-bg);border:2px solid var(--success-color);border-radius:15px;padding:2rem;margin-bottom:2rem}.result-title{color:var(--success-color);font-size:1.5rem;font-weight:700;margin-bottom:1rem}.result-item{margin-bottom:1rem}.result-label{display:block;color:var(--text-color);font-weight:700;margin-bottom:.5rem}.result-value{display:flex;align-items:center;gap:.5rem}.result-link{flex:1;padding:.5rem;background:var(--bg-color);border:1px solid var(--border-color);border-radius:5px;font-family:monospace;word-break:break-all}.copy-btn{background:var(--success-color);color:#fff;border:none;padding:.5rem 1rem;border-radius:5px;cursor:pointer;font-size:.9rem}.copy-btn:hover{opacity:.9}.error-message{background:#ffe6e6;color:var(--danger-color);border:1px solid var(--danger-color);border-radius:5px;padding:1rem;margin-bottom:1rem}.payment-feedback{border-radius:10px;padding:1rem 1.25rem;margin-bottom:1rem;border:1px solid var(--border-color);background:var(--card-bg)}.payment-feedback--pending{border-color:var(--primary-color);background:#007bff14}.payment-feedback--success{border-color:var(--success-color);background:#28a74514}.payment-feedback__title{font-weight:700;margin-bottom:.35rem}.payment-feedback__desc{margin-bottom:.35rem;color:var(--text-secondary)}.payment-feedback__meta{font-size:.9rem;color:var(--text-secondary)}.loading{text-align:center;padding:1rem;color:var(--primary-color)}.datetime-input-wrapper{position:relative}.datetime-input{position:relative;cursor:pointer}.datetime-input::-webkit-calendar-picker-indicator{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%23007bff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'%3E%3C/rect%3E%3Cline x1='16' y1='2' x2='16' y2='6'%3E%3C/line%3E%3Cline x1='8' y1='2' x2='8' y2='6'%3E%3C/line%3E%3Cline x1='3' y1='10' x2='21' y2='10'%3E%3C/line%3E%3C/svg%3E") no-repeat;background-size:20px 20px;cursor:pointer;opacity:1;width:20px;height:20px}.datetime-hint{position:absolute;right:35px;top:50%;transform:translateY(-50%);color:var(--secondary-color);font-size:.9rem;pointer-events:none;transition:opacity .3s ease}.filter-bar{background:var(--card-bg);border:2px solid var(--border-color);border-radius:15px;padding:1.5rem;margin-bottom:2rem;display:flex;gap:1rem;align-items:center;flex-wrap:wrap}.filter-item{display:flex;flex-direction:column;gap:.5rem}.filter-label{font-size:.9rem;color:var(--text-color);font-weight:700}.filter-select,.filter-input{padding:.5rem;border:1px solid var(--border-color);border-radius:5px;font-size:.9rem}.filter-select:focus,.filter-input:focus{border-color:var(--primary-color);outline:none}.links-container{background:var(--card-bg);border:2px solid var(--border-color);border-radius:15px;overflow:hidden}.links-header{background:var(--primary-color);color:#fff;padding:1rem 1.5rem;font-weight:700;display:flex;justify-content:space-between;align-items:center}.links-list{max-height:600px;overflow-y:auto}.link-item{border-bottom:1px solid var(--border-color);padding:1.5rem;transition:background-color .2s ease}.link-item:hover{background:var(--bg-color)}.link-item:last-child{border-bottom:none}.link-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;flex-wrap:wrap;gap:1rem}.link-title{font-size:1.2rem;font-weight:700;color:var(--text-color)}.link-status{padding:.25rem .75rem;border-radius:15px;font-size:.8rem;font-weight:700}.status-active{background:#d4edda;color:var(--success-color)}.status-expired{background:#f8d7da;color:var(--danger-color)}.status-inactive{background:#d1ecf1;color:#0c5460}.status-deleted{background:#f5c6cb;color:#721c24}.link-info{display:grid;grid-template-columns:1fr;gap:.5rem;margin-bottom:1rem}.info-row{display:flex;gap:1rem;align-items:center;flex-wrap:wrap}.info-label{min-width:80px;font-weight:700;color:var(--text-color);opacity:.7}.info-value{flex:1;word-break:break-all}.short-link,.original-link{font-family:monospace;background:var(--bg-color);padding:.25rem .5rem;border-radius:3px;border:1px solid var(--border-color)}.short-link{color:var(--primary-color);cursor:pointer}.short-link:hover{text-decoration:underline}.link-actions{display:flex;gap:.5rem;flex-wrap:wrap}.action-btn{padding:.4rem .8rem;border:none;border-radius:5px;cursor:pointer;font-size:.8rem;font-weight:700;transition:opacity .2s ease}.action-btn:hover{opacity:.8}.action-btn.copy-btn{background:var(--primary-color);color:#fff}.action-btn.copy-btn.success{background:var(--success-color)}.action-btn.copy-btn.error{background:var(--danger-color)}.delete-btn{background:var(--danger-color);color:#fff}.stats-btn{background:var(--success-color);color:#fff}.renew-btn{background:#ffb000;color:#1f1f1f}.link-header__meta{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.paid-badge{padding:.25rem .7rem;border-radius:999px;background:#ffb00024;color:#8a5b00;font-size:.78rem;font-weight:700}.renew-panel,.orders-panel{background:var(--card-bg);border:2px solid var(--border-color);border-radius:15px;margin-bottom:2rem;overflow:hidden}.renew-panel{padding:1.5rem}.renew-panel__header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1rem}.renew-panel__header h3{margin:0 0 .35rem}.renew-panel__header p{margin:0;color:var(--text-secondary)}.renew-panel__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem}.renew-panel__hint{margin:.5rem 0 1rem;color:var(--text-secondary)}.renew-panel__submit{margin-top:.5rem}.orders-panel .pagination{padding:0 1.5rem 1.5rem;margin-top:0}.orders-list{display:grid;gap:1rem;padding:1.5rem}.order-item{border:1px solid var(--border-color);border-radius:12px;padding:1rem 1.1rem;background:var(--bg-color)}.order-item__header{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start;margin-bottom:.8rem}.order-item__subject{font-weight:700;margin-bottom:.2rem}.order-item__meta{color:var(--text-secondary);font-size:.9rem}.order-item__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.65rem 1rem}.order-status{padding:.25rem .7rem;border-radius:999px;font-size:.78rem;font-weight:700}.order-status--pending{background:#007bff1f;color:var(--primary-color)}.order-status--paid{background:#28a7451f;color:var(--success-color)}.order-status--failed{background:#dc35451f;color:var(--danger-color)}.payment-modal-overlay{position:fixed;inset:0;background:#0000008c;display:flex;align-items:center;justify-content:center;padding:1rem;z-index:999}.payment-modal{width:min(100%,520px);background:var(--card-bg);border-radius:18px;border:1px solid var(--border-color);box-shadow:0 24px 64px #00000038;overflow:hidden}.payment-modal__header{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start;padding:1.25rem 1.25rem 1rem;border-bottom:1px solid var(--border-color)}.payment-modal__header h3{margin:0 0 .35rem}.payment-modal__header p{margin:0;color:var(--text-secondary);font-size:.92rem}.payment-modal__body{padding:1.25rem}.payment-modal__amount{font-size:1.8rem;font-weight:700;text-align:center;color:var(--primary-color);margin-bottom:1rem}.payment-modal__qr,.payment-modal__fallback{text-align:center}.payment-modal__qr img{width:240px;height:240px;max-width:100%;border-radius:12px;background:#fff;padding:.75rem;border:1px solid var(--border-color);margin-bottom:.9rem}.payment-modal__status{margin-top:1rem;padding:.85rem 1rem;border-radius:12px;background:var(--bg-color);color:var(--text-secondary)}.payment-modal__footer{padding:0 1.25rem 1.25rem}.payment-modal__action{width:100%}.pagination{display:flex;justify-content:center;align-items:center;gap:1rem;margin-top:2rem}.page-btn{padding:.5rem 1rem;border:2px solid var(--primary-color);background:var(--card-bg);color:var(--primary-color);border-radius:5px;cursor:pointer;font-size:.9rem}.page-btn:hover{background:var(--primary-color);color:#fff}.page-btn:disabled{opacity:.5;cursor:not-allowed}.page-btn.active{background:var(--primary-color);color:#fff}.page-info{color:var(--text-color);font-size:.9rem}.empty-state{text-align:center;padding:3rem;color:var(--text-color);opacity:.7}.empty-icon{font-size:4rem;margin-bottom:1rem}.create-link-btn{background:var(--success-color);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:700;text-decoration:none;display:inline-block;margin-top:1rem}.create-link-btn:hover{opacity:.9}.stats-overview-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-bottom:3rem}.stat-card{background:var(--card-bg);border:2px solid var(--border-color);border-radius:15px;padding:2rem;text-align:center;transition:all .3s ease;box-shadow:var(--shadow)}.stat-card:hover{transform:translateY(-2px);box-shadow:0 .5rem 1rem #00000026}.stat-icon{font-size:3rem;margin-bottom:1rem}.date-filter{background:var(--card-bg);border:2px solid var(--border-color);border-radius:15px;padding:1.5rem;margin-bottom:2rem;display:flex;gap:1rem;align-items:center;flex-wrap:wrap}.filter-group{display:flex;flex-direction:column;gap:.5rem}.filter-btn{background:var(--primary-color);color:#fff;border:none;padding:.5rem 1rem;border-radius:5px;cursor:pointer;font-size:.9rem;margin-top:1.5rem}.filter-btn:hover{opacity:.9}.detail-stats{background:var(--card-bg);border:2px solid var(--border-color);border-radius:15px;overflow:hidden;margin-bottom:2rem}.detail-header{background:var(--primary-color);color:#fff;padding:1rem 1.5rem;font-weight:700;font-size:1.2rem}.stats-tabs{display:flex;background:var(--bg-color);border-bottom:1px solid var(--border-color)}.tab-btn{flex:1;padding:1rem;background:none;border:none;cursor:pointer;font-size:1rem;color:var(--text-color);transition:all .3s ease}.tab-btn.active{background:var(--card-bg);color:var(--primary-color);font-weight:700;border-bottom:3px solid var(--primary-color)}.tab-btn:hover:not(.active){background:#007bff1a}.tab-content{padding:1.5rem;min-height:400px}.tab-pane{display:none}.tab-pane.active{display:block}.chart-container{margin-bottom:2rem;height:400px;position:relative}.chart-title{font-size:1.3rem;font-weight:700;margin-bottom:1rem;color:var(--text-color)}.chart-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.chart-placeholder{height:300px;background:var(--bg-color);border:2px dashed var(--border-color);border-radius:10px;display:flex;align-items:center;justify-content:center;color:var(--text-color);opacity:.7;font-size:1.1rem;text-align:center}#trendChart{max-height:300px;height:300px;width:100%}.chart-view-toggle{display:flex;gap:.5rem}.view-toggle-btn{background:var(--card-bg);border:2px solid var(--border-color);color:var(--text-color);padding:.5rem 1rem;border-radius:5px;cursor:pointer;font-size:.9rem;transition:all .3s ease}.view-toggle-btn:hover{border-color:var(--primary-color)}.view-toggle-btn.active{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.data-table{width:100%;border-collapse:collapse;margin-top:1rem}.data-table th,.data-table td{padding:1rem;text-align:left;border-bottom:1px solid var(--border-color)}.data-table th{background:var(--bg-color);font-weight:700;color:var(--text-color)}.data-table tr:hover{background:var(--bg-color)}.link-info-card{background:var(--card-bg);border:2px solid var(--info-color);border-radius:15px;padding:1.5rem;margin-bottom:2rem}.link-info-title{color:var(--info-color);font-size:1.3rem;font-weight:700;margin-bottom:1rem}.link-detail{margin-bottom:.75rem;display:flex;flex-wrap:wrap;gap:.5rem}.detail-label{min-width:100px;font-weight:700;color:var(--text-color);opacity:.7}.detail-value{flex:1;word-break:break-all}.link-url{font-family:monospace;background:var(--bg-color);padding:.25rem .5rem;border-radius:3px;border:1px solid var(--border-color)}.short-url{color:var(--primary-color);cursor:pointer}.short-url:hover{text-decoration:underline}.error-state{text-align:center;padding:3rem;color:var(--danger-color);font-size:1.1rem}.error-icon{font-size:4rem;margin-bottom:1rem}.no-data{text-align:center;padding:2rem;color:var(--secondary-color)}.summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}.page--qr-code .links-list{display:grid;gap:1rem}.page--qr-code .link-card{background:var(--bg-color);border:1px solid var(--input-border);border-radius:8px;padding:1.5rem;display:flex;justify-content:space-between;align-items:center;gap:1rem}.page--qr-code .link-info{flex:1}.page--qr-code .link-title{margin:0 0 .5rem;color:var(--text-color);font-size:1.1rem}.page--qr-code .link-url{margin:.25rem 0;color:var(--primary-color);font-weight:500}.page--qr-code .link-original{margin:.25rem 0;color:var(--secondary-color);font-size:.9rem;word-break:break-all}.page--qr-code .link-stats{display:flex;gap:1rem;margin-top:.5rem;flex-wrap:wrap}.page--qr-code .stat-item{font-size:.85rem;color:var(--secondary-color)}.page--qr-code .qr-display{text-align:center}.page--qr-code .qr-info{margin-bottom:2rem}.page--qr-code .qr-url{font-size:1.1rem;color:var(--primary-color);font-weight:500;word-break:break-all;margin:.5rem 0}.page--qr-code .qr-type{color:var(--secondary-color);font-size:.9rem;margin:.5rem 0}.page--qr-code .qr-canvas-container{display:inline-block;padding:1rem;background:#fff;border-radius:8px;margin-bottom:2rem;box-shadow:0 2px 8px #0000001a}.page--qr-code .qr-canvas-container img{width:300px;height:300px}.page--qr-code .qr-actions{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap}.page--admin-login .container{max-width:480px;min-height:100vh;display:flex;align-items:center;justify-content:center}.admin-login-card{width:100%;background:var(--card-bg);padding:2.5rem;border-radius:16px;border:1px solid var(--border-color);box-shadow:var(--shadow)}.admin-login-header{text-align:center;margin-bottom:2rem}.admin-login-header h1{color:var(--primary-color);margin-bottom:.5rem;font-size:2rem}.admin-login-header p{color:var(--text-secondary);font-size:.95rem}.admin-login-form{display:flex;flex-direction:column}.admin-captcha-row{display:flex;gap:.75rem;align-items:stretch}.admin-captcha-input{flex:1}.admin-captcha-refresh{width:auto;min-width:88px;padding-inline:1rem}.admin-captcha-preview{margin-top:.75rem;width:100%;min-height:52px;border:1px solid var(--border-color);border-radius:10px;background:var(--bg-color);display:flex;align-items:center;justify-content:center}.admin-captcha-code{font-size:1.5rem;font-weight:700;letter-spacing:.4rem;color:var(--text-primary)}.admin-login-help{text-align:center;margin-top:1.5rem;color:var(--text-secondary);font-size:.9rem}.admin-login-back{margin-top:1.5rem;text-align:center}.admin-layout{min-height:100vh;display:flex;flex-direction:column}.admin-layout .container{max-width:1400px;width:100%;margin:0 auto;padding:0 20px}.admin-header{background:var(--card-bg);border-bottom:2px solid var(--border-color);padding:15px 0;position:sticky;top:0;z-index:100;box-shadow:0 2px 10px #0000001a}.admin-header .container{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:20px}.admin-header h1{color:var(--primary-color);margin:0;font-size:1.8rem;font-weight:700;display:flex;align-items:center;gap:10px}.admin-nav{display:flex;gap:15px;align-items:center;flex:1;justify-content:center;flex-wrap:wrap}.admin-nav-link{color:var(--text-color);text-decoration:none;padding:12px 24px;border-radius:12px;border:2px solid var(--border-color);transition:all .3s ease;font-weight:600;background:var(--input-bg);white-space:nowrap;cursor:pointer}.admin-nav-link:hover,.admin-nav-link.active{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.admin-actions{display:flex;gap:10px;align-items:center}.admin-content{flex:1;padding:30px 0}.admin-main{display:grid;grid-template-columns:1fr;gap:30px}.admin-loading{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg-color)}.admin-loading-text{text-align:center;color:var(--text-secondary);font-size:1rem;padding:1.5rem}.admin-layout .stats-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.admin-layout .stat-card{border:2px solid var(--border-color);border-radius:15px;padding:2rem;text-align:center;box-shadow:var(--shadow)}.admin-layout .stat-card .icon{font-size:2rem;margin-bottom:.75rem;display:block}.admin-layout .stat-card .value{font-size:2rem;font-weight:700;color:var(--primary-color)}.admin-layout .stat-card .label{color:var(--text-secondary);font-size:.95rem;margin-top:.25rem}.admin-layout .stat-card .change{font-size:.85rem;margin-top:.5rem;color:var(--text-secondary)}.admin-layout .data-table-container{background:var(--card-bg);border-radius:15px;border:2px solid var(--border-color);overflow:hidden;box-shadow:var(--shadow)}.admin-layout .data-table-header{padding:20px 24px;border-bottom:2px solid var(--border-color);display:flex;justify-content:space-between;align-items:center;background:var(--table-header-bg);flex-wrap:wrap;gap:12px}.admin-layout .data-table-header h3{margin:0;font-size:1.2rem}.admin-layout .table-controls{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.admin-layout .table-controls select{padding:8px 12px;border-radius:8px;border:1px solid var(--border-color)}.admin-layout .data-table{width:100%;border-collapse:collapse}.table-wrapper{overflow-x:auto}.admin-layout .data-table th,.admin-layout .data-table td{padding:14px 18px;text-align:left;border-bottom:1px solid var(--border-color)}.admin-layout .data-table th{background:var(--table-header-bg);font-weight:600}.admin-layout .data-table tr:hover{background:var(--table-hover-bg)}.admin-layout .status-badge{padding:4px 12px;border-radius:20px;font-size:.8rem;font-weight:500;display:inline-block}.admin-layout .status-badge.active,.admin-layout .status-badge.success{background:#c6f6d5;color:#2d7d3a}.admin-layout .status-badge.inactive,.admin-layout .status-badge.warning{background:#fed7d7;color:#c53030}.admin-layout .status-badge.expired{background:#feebc8;color:#c05621}.admin-layout .status-badge.deleted{background:#e2e8f0;color:#4a5568}.admin-layout .chart-container{background:var(--card-bg);padding:24px;border-radius:12px;border:1px solid var(--border-color)}.admin-layout .chart-header{margin-bottom:16px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px}.admin-layout .chart-canvas{position:relative;height:300px}.admin-filter-panel{padding:20px;display:flex;flex-direction:column;gap:16px}.admin-filter-panel .filter-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.admin-filter-panel .filter-group label{font-weight:600;margin-bottom:6px;display:block}.admin-filter-panel .filter-group input,.admin-filter-panel .filter-group select{padding:10px 12px;border-radius:10px;border:1px solid var(--border-color);width:100%}.admin-filter-panel .filter-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.admin-filter-panel .export-controls{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.btn-export{padding:10px 16px;background:var(--success-color);color:#fff;border:none;border-radius:10px;cursor:pointer;font-weight:600}.btn-export:hover{background:var(--success-dark)}.admin-system-info{padding:20px}.system-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}.system-info-item{display:flex;justify-content:space-between;align-items:center;padding:14px;background:var(--input-bg);border-radius:8px;border:1px solid var(--border-color)}.system-info-item .label{font-weight:600;color:var(--text-color)}.system-info-item .value{color:var(--primary-color);font-weight:500}.admin-system-status{padding:20px;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px}.admin-system-status .status-item{display:flex;align-items:center;gap:12px;padding:14px;background:var(--input-bg);border-radius:8px;border:1px solid var(--border-color)}.admin-system-status .status-icon{font-size:1.4rem}.admin-system-status .status-icon.success{color:#38a169}.admin-system-status .status-icon.warning{color:#d69e2e}.admin-system-status .status-text .title{font-weight:600;color:var(--text-color)}.admin-system-status .status-text .description{font-size:.85rem;color:var(--text-secondary)}.admin-muted{margin-top:.25rem;font-size:.8rem;color:var(--text-secondary)}.admin-actions-inline{display:flex;flex-wrap:wrap;gap:.5rem}.admin-actions-inline .btn-link{margin:0}.page--settings .container{max-width:720px}.settings-card{background:var(--card-bg);border-radius:12px;box-shadow:var(--shadow);padding:2rem;border:1px solid var(--border-color)}.settings-header{text-align:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid var(--border-color)}.settings-header h1{color:var(--primary-color);margin:0 0 .5rem}.settings-header p{color:var(--text-secondary);margin:0}.settings-section{margin:2rem 0;padding:1.5rem;background:var(--bg-color);border-radius:8px;border-left:4px solid var(--primary-color)}.user-info-section{margin:2rem 0}.info-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:8px;padding:1rem}.info-item{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;border-bottom:1px solid var(--border-color);gap:.5rem}.info-item:last-child{border-bottom:none}.info-item label{font-weight:500;color:var(--text-secondary)}.status-badge{padding:.25rem .5rem;border-radius:4px;font-size:.8rem;font-weight:500;margin-left:.5rem}.status-success{background:#d4edda;color:#155724}.status-warning{background:#fff3cd;color:#856404}.email-actions,.wechat-bind-section{margin-top:1rem}.info-box{background:var(--card-bg);border:1px solid var(--border-color);border-radius:10px;padding:1.25rem}.form-actions{display:flex;gap:.75rem;flex-wrap:wrap;margin-top:.75rem}.section-title{margin-bottom:1rem;color:var(--text-color)}.qr-code-container{display:flex;justify-content:center;margin:1rem 0}.qr-code{text-align:center;padding:1rem;border:1px dashed var(--border-color);border-radius:8px;background:var(--card-bg)}.qr-image{width:180px;height:180px;object-fit:contain;margin-bottom:.5rem}.qr-placeholder{width:180px;height:180px;display:flex;align-items:center;justify-content:center;flex-direction:column;color:var(--text-secondary)}.qr-instruction{font-weight:600;margin:.25rem 0}.qr-hint{color:var(--text-secondary);font-size:.8rem}.settings-footer{margin-top:2rem;padding-top:1rem;border-top:1px solid var(--border-color);text-align:center;display:flex;justify-content:center;gap:1rem;flex-wrap:wrap}.summary-item{background:var(--bg-color);padding:1rem;border-radius:8px}.summary-title{font-weight:700;margin-bottom:.5rem}.token-display{background:#e8f5e8;border:1px solid #4caf50;border-radius:8px;padding:1rem;margin:1rem 0}.token-display h3{color:#2e7d32;margin:0 0 .5rem;font-size:1.1rem}.token-box{background:#fff;border:1px solid #ddd;border-radius:4px;padding:.75rem;font-family:monospace;font-size:.9rem;word-break:break-all}.token-actions{margin-top:.5rem;display:flex;align-items:center;gap:.5rem}.copy-success{color:#4caf50;font-size:.8rem}.copy-error{color:var(--danger-color);font-size:.8rem}.test-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;padding:20px;border:2px solid red}.test-card{padding:20px;border:1px solid}.card-one{background:#add8e6;border-color:#00f}.card-two{background:#90ee90;border-color:green}.card-three{background:#f08080;border-color:red}.card-four{background:#ffffe0;border-color:orange}.card-five{background:#ffb6c1;border-color:pink}.card-six{background:#d3d3d3;border-color:gray}@media(max-width:768px){.tools-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;padding:0 .5rem}.tool-card{padding:1.5rem}.nav-bar{flex-direction:column;gap:1rem;text-align:center}.page-header h2{font-size:2rem}.action-cards{grid-template-columns:1fr;gap:1.5rem}.filter-bar{flex-direction:column;align-items:stretch}.filter-item{width:100%}.link-header{flex-direction:column;align-items:flex-start}.info-row{flex-direction:column;gap:.25rem;align-items:flex-start}.info-label{min-width:auto}.link-actions{width:100%;justify-content:center}.md-card-layout{grid-template-columns:1fr}.md-sidebar{order:3}.stats-overview-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.date-filter{flex-direction:column;align-items:stretch}.stats-tabs{flex-direction:column}.data-table{font-size:.9rem}.data-table th,.data-table td{padding:.5rem}.link-detail{flex-direction:column;gap:.25rem}.detail-label{min-width:auto}.settings-card{margin:0 .5rem;padding:1.5rem}.info-item,.admin-header .container{flex-direction:column;align-items:flex-start}.admin-nav{width:100%;justify-content:flex-start}.admin-captcha-row{flex-direction:column}.admin-captcha-refresh{width:100%}}@media(max-width:480px){.container{padding:1rem .5rem}.auth-card{padding:1.5rem;margin:0 .5rem}.theme-selector{top:10px;right:10px}.tool-icon{font-size:3rem}.tool-name{font-size:1.1rem}.datetime-hint{font-size:.8rem;right:30px}.datetime-input::-webkit-calendar-picker-indicator{width:18px;height:18px;background-size:18px 18px}}