/* assets/css/style.css - 绮剧編鐜荤拑鎷熸€佹殫榛戞柊鏍囩椤甸鏍?*/        
        * {    margin: 0;    padding: 0;    box-sizing: border-box;}:root {    --glass-bg: rgba(255, 255, 255, 0.08);    --glass-border: rgba(255, 255, 255, 0.18);    --glass-shadow: rgba(0, 0, 0, 0.4);    --accent-primary: #14b8a6;    --accent-secondary: #10b981;    --accent-gradient: linear-gradient(135deg, #14b8a6 0%, #10b981 100%);    --text-primary: #ffffff;    --text-secondary: rgba(255, 255, 255, 0.85);    --text-muted: rgba(255, 255, 255, 0.6);}body, html {    height: 100%;    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "PingFang SC", "Microsoft YaHei", sans-serif;    overflow-x: hidden;    background: #0a0f0d;}.newtab {    position: relative;    width: 100%;    min-height: 100vh;    color: #fff;}/* 鍔ㄦ€佹笎鍙樿儗鏅?*/.background {    position: fixed;    top: 0;    left: 0;    right: 0;    bottom: 0;    background: linear-gradient(-45deg, #0a0f0d, #0d2f2a, #0f1a15, #0a0f0d);    background-size: 400% 400%;    animation: gradientShift 15s ease infinite;    z-index: -2;}.background::before {    content: '';    position: absolute;    top: 0;    left: 0;    right: 0;    bottom: 0;    background: radial-gradient(ellipse at 20% 20%, rgba(20, 184, 166, 0.3) 0%, transparent 50%),                radial-gradient(ellipse at 80% 80%, rgba(16, 185, 129, 0.25) 0%, transparent 50%);    z-index: -1;}@keyframes gradientShift {    0% { background-position: 0% 50%; }    50% { background-position: 100% 50%; }    100% { background-position: 0% 50%; }}/* 鍐呭鍖哄煙 */.content {    position: relative;    z-index: 2;    min-height: 100vh;    display: flex;    flex-direction: column;    align-items: center;    padding: 40px 20px 60px;  /*   background-image: url('/assets/bg.jpg');*/    background-repeat: no-repeat;     background-size: 100% 100%;      background-position: center center; }/* 椤堕儴鐢ㄦ埛淇℃伅鏍?*/.top-bar {    position: fixed;    top: 0;    left: 0;    right: 0;    display: flex;    justify-content: space-between;    align-items: center;    padding: 16px 30px;    background: var(--glass-bg);    backdrop-filter: blur(20px);    -webkit-backdrop-filter: blur(20px);    border-bottom: 1px solid var(--glass-border);    z-index: 100;}.top-bar .logo {    font-size: 1.3rem;    font-weight: 600;    background: var(--accent-gradient);    -webkit-background-clip: text;    -webkit-text-fill-color: transparent;    background-clip: text;}.logo a{text-decoration: none} .top-bar .user-actions {    display: flex;    gap: 20px;    align-items: center;}.top-bar .user-actions a {    color: var(--text-secondary);    text-decoration: none;    font-size: 0.95rem;    transition: color 0.3s;}.top-bar .user-actions a:hover {    color: var(--text-primary);}/* 鏃堕挓鍖哄煙 */.clock-container {    margin-top: 100px;    text-align: center;    margin-bottom: 20px;}.clock {    margin-bottom: 8px;}.time {    font-size: 5rem;    font-weight: 200;    letter-spacing: 0.05em;    color: var(--text-primary);    text-shadow: 0 0 40px rgba(20, 184, 166, 0.5);}.date {    font-size: 1.3rem;    color: var(--text-secondary);    font-weight: 300;}/* 闂€欒 */.greeting {    text-align: center;    margin-bottom: 40px;}.greeting h1 {    font-size: 1.8rem;    font-weight: 400;    color: var(--text-primary);}.greeting p {    font-size: 1rem;    color: var(--text-muted);    margin-top: 8px;}/* 鎼滅储妗?*/.search-box {    width: 100%;    max-width: 650px;    margin-bottom: 50px;    position: relative;}.search-wrapper {    position: relative;    display: flex;    align-items: center;}#searchInput {    width: 100%;    padding: 18px 60px 18px 170px;    font-size: 1.1rem;    background: var(--glass-bg);    border: 1px solid var(--glass-border);    border-radius: 50px;    color: var(--text-primary);    backdrop-filter: blur(20px);    -webkit-backdrop-filter: blur(20px);    outline: none;    transition: all 0.3s ease;    box-shadow: 0 8px 32px var(--glass-shadow);}/* 鎼滅储寮曟搸閫夋嫨鍣?*/.search-engine-selector {    position: absolute;    left: 8px;    top: 50%;    transform: translateY(-50%);    z-index: 10;}.selected-engine {    display: flex;    align-items: center;    gap: 8px;    padding: 8px 16px;    background: rgba(255, 255, 255, 0.1);    border: 1px solid var(--glass-border);    border-radius: 50px;    cursor: pointer;    transition: all 0.3s ease;    user-select: none;}.selected-engine:hover {    background: rgba(20, 184, 166, 0.2);    border-color: var(--accent-primary);}.selected-engine i:first-child {    font-size: 1.1rem;}.selected-engine span {    font-size: 0.9rem;    color: var(--text-primary);}.selected-engine i:last-child {    font-size: 0.8rem;    color: var(--text-muted);}.engine-dropdown {    position: absolute;    top: calc(100% + 8px);    left: 0;    min-width: 150px;    background: var(--glass-bg);    border: 1px solid var(--glass-border);    border-radius: 12px;    backdrop-filter: blur(20px);    -webkit-backdrop-filter: blur(20px);    box-shadow: 0 8px 32px var(--glass-shadow);    opacity: 0;    visibility: hidden;    transform: translateY(-10px);    transition: all 0.3s ease;    overflow: hidden;}.engine-dropdown.show {    opacity: 1;    visibility: visible;    transform: translateY(0);}.engine-option {    display: flex;    align-items: center;    gap: 10px;    padding: 12px 16px;    cursor: pointer;    transition: all 0.2s ease;    user-select: none;}.engine-option:hover {    background: rgba(20, 184, 166, 0.2);}.engine-option i {    font-size: 1.1rem;    width: 20px;    text-align: center;}.engine-option span {    font-size: 0.95rem;    color: var(--text-primary);}.search-icon {    position: absolute;    right: 24px;    font-size: 1.2rem;    color: var(--text-muted);    pointer-events: auto;    cursor: pointer;    transition: color 0.3s ease;}.search-icon:hover {    color: var(--accent-primary);}#searchInput::placeholder {    color: var(--text-muted);}#searchInput:focus {    border-color: var(--accent-primary);    box-shadow: 0 8px 32px rgba(20, 184, 166, 0.3),                0 0 0 3px rgba(20, 184, 166, 0.1);}/* 蹇嵎鎼滅储鏍囩 */.quick-search {    display: flex;    gap: 10px;    margin-top: 15px;    flex-wrap: wrap;    justify-content: center;}.quick-search span {    padding: 6px 14px;    background: var(--glass-bg);    border: 1px solid var(--glass-border);    border-radius: 20px;    font-size: 0.8rem;    color: var(--text-muted);    cursor: pointer;    transition: all 0.3s;}.quick-search span:hover {    background: rgba(20, 184, 166, 0.2);    border-color: var(--accent-primary);    color: var(--text-primary);}/* 閾炬帴鍖哄煙 */.links-container {    width: 100%;    max-width: 1200px;}/* ===== 鍒嗙被鏍囩椤?===== */.category-tabs-wrapper {    display: flex;    align-items: center;    gap: 10px;    margin-bottom: 28px;}.category-tabs {    display: flex;    gap: 6px;    overflow-x: auto;    padding: 4px 0;    scrollbar-width: thin;    scrollbar-color: rgba(255, 255, 255, 0.15) transparent;    -webkit-overflow-scrolling: touch;    flex: 1;}.category-tabs::-webkit-scrollbar {    height: 3px;}.category-tabs::-webkit-scrollbar-track {    background: transparent;}.category-tabs::-webkit-scrollbar-thumb {    background: rgba(255, 255, 255, 0.15);    border-radius: 3px;}.category-tab {    padding: 8px 18px;    background: transparent;    border: none;    border-radius: 6px;    white-space: nowrap;    cursor: pointer;    transition: all 0.25s ease;    font-size: 0.9rem;    color: var(--text-muted);    outline: none;    flex-shrink: 0;    position: relative;}.category-tab::after {    content: '';    position: absolute;    bottom: 0;    left: 50%;    transform: translateX(-50%) scaleX(0);    width: 60%;    height: 2px;    background: var(--accent-gradient);    border-radius: 1px;    transition: transform 0.25s ease;}.category-tab:hover {    color: var(--text-primary);    background: rgba(255, 255, 255, 0.05);}.category-tab.active {    color: var(--accent-primary);    font-weight: 500;    background: rgba(20, 184, 166, 0.1);}.category-tab.active::after {    transform: translateX(-50%) scaleX(1);}.category-tab i {    font-size: 0.85rem;    margin-right: 4px;}.category-tab.active i {    color: var(--accent-primary);}.category-add-btn {    width: 32px;    height: 32px;    border-radius: 8px;    border: 1px dashed var(--glass-border);    background: transparent;    color: var(--text-muted);    font-size: 0.85rem;    cursor: pointer;    transition: all 0.25s ease;    display: flex;    align-items: center;    justify-content: center;    flex-shrink: 0;}.category-add-btn:hover {    border-color: var(--accent-primary);    color: var(--accent-primary);    background: rgba(20, 184, 166, 0.1);}/* ===== 鍒嗙被鍐呭闈㈡澘 ===== */.category-panels {    position: relative;    min-height: 200px;}.category-panel {    display: none;    animation: tabFadeIn 0.35s ease;}.category-panel.active {    display: block;}@keyframes tabFadeIn {    from {        opacity: 0;        transform: translateY(12px);    }    to {        opacity: 1;        transform: translateY(0);    }}.link-grid {    display: grid;    grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));    gap: 16px;}.link {    display: flex;    flex-direction: column;    align-items: center;    text-decoration: none;    color: inherit;    padding: 20px 12px;    background: var(--glass-bg);    border: 1px solid var(--glass-border);    border-radius: 16px;    backdrop-filter: blur(10px);    -webkit-backdrop-filter: blur(10px);    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);}.link:hover {    background: rgba(255, 255, 255, 0.15);    transform: translateY(-6px);    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.3),                0 0 20px rgba(20, 184, 166, 0.2);    border-color: rgba(20, 184, 166, 0.5);}.link-icon {    width: 64px;    height: 64px;    display: flex;    align-items: center;    justify-content: center;    font-size: 1.8rem;    margin-bottom: 12px;    background: rgba(255, 255, 255, 0.15);    border-radius: 16px;    overflow: hidden;    backdrop-filter: blur(10px);    border: 1px solid rgba(255, 255, 255, 0.1);}.link-icon img {    width: 64px;    height: 64px;    object-fit: cover;}.link span {    font-size: 0.9rem;    color: var(--text-secondary);    text-align: center;    line-height: 1.3;    word-break: break-word;}.link:hover span {    color: var(--text-primary);}/* ===== 蹇嵎娣诲姞閾炬帴鍗＄墖 ===== */.link-add-card {    display: flex;    flex-direction: column;    align-items: center;    justify-content: center;    text-decoration: none;    padding: 20px 12px;    background: transparent;    border: 1px dashed var(--glass-border);    border-radius: 16px;    cursor: pointer;    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);    min-height: 120px;}.link-add-card:hover {    border-color: var(--accent-primary);    background: rgba(20, 184, 166, 0.08);}.link-add-card .link-add-icon {    width: 52px;    height: 52px;    display: flex;    align-items: center;    justify-content: center;    font-size: 1.4rem;    margin-bottom: 12px;    border-radius: 14px;    background: rgba(255, 255, 255, 0.05);    color: var(--text-muted);    transition: all 0.3s ease;}.link-add-card:hover .link-add-icon {    color: var(--accent-primary);    background: rgba(20, 184, 166, 0.15);}.link-add-card span {    font-size: 0.85rem;    color: var(--text-muted);    transition: color 0.3s;}.link-add-card:hover span {    color: var(--accent-primary);}/* 搴曢儴淇℃伅 */.footer {    margin-top: auto;    padding-top: 40px;    text-align: center;    color: var(--text-muted);    font-size: 0.85rem;}/* 鍝嶅簲寮?*/@media (max-width: 768px) {    .time { font-size: 3.2rem; }    .date { font-size: 1.1rem; }    .greeting h1 { font-size: 1.5rem; }    .top-bar { padding: 12px 20px; }    .clock-container { margin-top: 80px; }    .link-grid { grid-template-columns: repeat(auto-fill, minmax(100px, 1fr)); gap: 12px; }    .link { padding: 16px 8px; }    .link-icon { width: 64px; height: 64px; font-size: 2rem; }    .category-tabs { gap: 4px; padding: 2px 0; }    .category-tab { padding: 6px 12px; font-size: 0.85rem; }    .category-tab i { font-size: 0.8rem; }    .category-add-btn { width: 28px; height: 28px; font-size: 0.75rem; }    .link-add-card { padding: 16px 8px; min-height: 100px; }    .link-add-card .link-add-icon { width: 44px; height: 44px; font-size: 1.2rem; }}@media (max-width: 480px) {    .time { font-size: 2.6rem; }    .link-grid { grid-template-columns: repeat(3, 1fr); }}/* 鍔ㄧ敾鏁堟灉 */@keyframes fadeInUp {    from {        opacity: 0;        transform: translateY(20px);    }    to {        opacity: 1;        transform: translateY(0);    }}/* ===== 鍏紑涓婚〉鏍峰紡 ===== */.public-page-header {    text-align: center;    padding: 60px 20px 40px;    animation: fadeInUp 0.6s ease;}.public-avatar {    width: 100px;    height: 100px;    margin: 0 auto 20px;    border-radius: 50%;    background: var(--accent-gradient);    display: flex;    align-items: center;    justify-content: center;    font-size: 2.5rem;    font-weight: 700;    box-shadow: 0 20px 40px rgba(0,0,0,0.3);}.public-page-header h1 {    font-size: 2.5rem;    margin-bottom: 10px;}.public-desc {    font-size: 1.1rem;    color: var(--text-secondary);    margin-bottom: 20px;}.public-user-info {    font-size: 0.95rem;    color: var(--text-muted);}.public-user-info .separator {    margin: 0 10px;}/* ===== 璁剧疆椤甸潰鏍峰紡 ===== */.settings-container {    max-width: 900px;    margin: 0 auto;    padding: 40px 20px;}.settings-header {    display: flex;    justify-content: space-between;    align-items: center;    margin-bottom: 60px;}.settings-header h1 {    font-size: 2rem;}.settings-form {    display: flex;    flex-direction: column;    gap: 30px;}.settings-section {    background: var(--glass-bg);    backdrop-filter: blur(20px);    border: 1px solid var(--glass-border);    border-radius: 16px;    padding: 30px;}.settings-section h2 {    font-size: 1.3rem;    margin-bottom: 20px;}.settings-note {    font-size: 0.9rem;    color: var(--text-muted);    margin-bottom: 20px;}.public-url-box {    margin-bottom: 24px;    padding: 20px;    background: rgba(255,255,255,0.05);    border-radius: 12px;}.public-url-box label {    display: block;    font-size: 0.9rem;    color: var(--text-muted);    margin-bottom: 10px;}.url-display {    display: flex;    gap: 12px;}.url-display input {    flex: 1;    padding: 12px 16px;    border: 1px solid var(--glass-border);    border-radius: 10px;    background: rgba(0,0,0,0.2);    color: var(--text-primary);    font-family: monospace;}.form-group {    margin-bottom: 20px;}.form-group label {    display: block;    font-size: 0.95rem;    margin-bottom: 8px;    color: var(--text-secondary);}.form-group input[type="text"],.form-group textarea {    width: 100%;    padding: 12px 16px;    border: 1px solid var(--glass-border);    border-radius: 10px;    background: rgba(0,0,0,0.2);    color: var(--text-primary);}.form-group textarea {    resize: vertical;}.public-list {    display: flex;    flex-direction: column;    gap: 12px;}.public-item {    padding: 16px;    background: rgba(0,0,0,0.15);    border-radius: 12px;}.public-item-label {    display: flex;    align-items: center;    gap: 12px;    cursor: pointer;    font-weight: 500;}.public-item-label input {    width: 18px;    height: 18px;    cursor: pointer;}.item-icon {    font-size: 1.3rem;    color: var(--accent-primary);}.sub-items {    margin-top: 12px;    padding-left: 30px;    display: flex;    flex-wrap: wrap;    gap: 12px;}.sub-item {    display: flex;    align-items: center;    gap: 8px;    font-size: 0.9rem;    color: var(--text-secondary);    cursor: pointer;}.sub-item input {    cursor: pointer;}.settings-actions {    display: flex;    gap: 16px;}.btn {    padding: 12px 28px;    border-radius: 10px;    border: none;    cursor: pointer;    font-weight: 500;    font-size: 1rem;    background: var(--accent-gradient);    color: white;}.btn-secondary {    background: rgba(255,255,255,0.1);}.btn-small {    padding: 10px 20px;    font-size: 0.9rem;}.btn:hover {    opacity: 0.9;    transform: translateY(-1px);}.alert {    padding: 14px 20px;    border-radius: 10px;    margin-bottom: 20px;}.alert-success {    background: rgba(72, 187, 120, 0.2);    border: 1px solid rgba(72, 187, 120, 0.4);}/* 鍚庡彴琛ュ厖鏍峰紡 */.admin-card {    background: var(--glass-bg);    backdrop-filter: blur(20px);    border: 1px solid var(--glass-border);    border-radius: 16px;    padding: 24px;}/* ===== 渚ц竟鑿滃崟鎸夐挳 ===== */.side-menu-btn {    position: fixed;    right: 24px;    bottom: 24px;    width: 56px;    height: 56px;    border-radius: 50%;    border: 1px solid var(--glass-border);    background: var(--glass-bg);    backdrop-filter: blur(20px);    -webkit-backdrop-filter: blur(20px);    color: var(--accent-primary);    font-size: 1.3rem;    cursor: pointer;    z-index: 200;    transition: all 0.3s ease;    box-shadow: 0 8px 32px var(--glass-shadow);    display: flex;    align-items: center;    justify-content: center;}.side-menu-btn:hover {    background: rgba(20, 184, 166, 0.2);    border-color: var(--accent-primary);    transform: scale(1.1);}/* ===== 渚ц竟鑿滃崟閬僵 ===== */.side-menu-overlay {    position: fixed;    top: 0;    left: 0;    right: 0;    bottom: 0;    background: rgba(0, 0, 0, 0.5);    z-index: 299;    opacity: 0;    visibility: hidden;    transition: all 0.3s ease;}.side-menu-overlay.show {    opacity: 1;    visibility: visible;}/* ===== 渚ц竟鑿滃崟 ===== */.side-menu {    position: fixed;    right: -320px;    top: 0;    bottom: 0;    width: 300px;    background: rgba(10, 15, 13, 0.95);    backdrop-filter: blur(30px);    -webkit-backdrop-filter: blur(30px);    border-left: 1px solid var(--glass-border);    z-index: 300;    transition: right 0.35s cubic-bezier(0.4, 0, 0.2, 1);    display: flex;    flex-direction: column;}.side-menu.show {    right: 0;}.side-menu-header {    display: flex;    justify-content: space-between;    align-items: center;    padding: 24px;    border-bottom: 1px solid var(--glass-border);}.side-menu-header h3 {    font-size: 1.2rem;    font-weight: 600;    color: var(--text-primary);}.side-menu-close {    width: 36px;    height: 36px;    border-radius: 50%;    border: 1px solid var(--glass-border);    background: var(--glass-bg);    color: var(--text-secondary);    font-size: 1rem;    cursor: pointer;    transition: all 0.2s ease;    display: flex;    align-items: center;    justify-content: center;}.side-menu-close:hover {    background: rgba(255, 255, 255, 0.15);    color: var(--text-primary);}.side-menu-body {    padding: 16px;    flex: 1;    overflow-y: auto;}.side-menu-item {    display: flex;    align-items: center;    gap: 16px;    padding: 16px;    border-radius: 12px;    cursor: pointer;    transition: all 0.2s ease;    margin-bottom: 8px;}.side-menu-item:hover {    background: rgba(20, 184, 166, 0.15);}.side-menu-icon {    width: 44px;    height: 44px;    border-radius: 12px;    background: var(--accent-gradient);    display: flex;    align-items: center;    justify-content: center;    font-size: 1.1rem;    color: white;    flex-shrink: 0;}.side-menu-text {    display: flex;    flex-direction: column;    gap: 4px;}.side-menu-label {    font-size: 1rem;    font-weight: 500;    color: var(--text-primary);}.side-menu-desc {    font-size: 0.8rem;    color: var(--text-muted);}/* ===== 妯℃€佹 ===== */.modal-overlay {    position: fixed;    top: 0;    left: 0;    right: 0;    bottom: 0;    background: rgba(0, 0, 0, 0.6);    z-index: 400;    display: flex;    align-items: center;    justify-content: center;    opacity: 0;    visibility: hidden;    transition: all 0.3s ease;}.modal-overlay.show {    opacity: 1;    visibility: visible;}.modal {    background: rgba(10, 15, 13, 0.98);    backdrop-filter: blur(30px);    -webkit-backdrop-filter: blur(30px);    border: 1px solid var(--glass-border);    border-radius: 20px;    padding: 32px;    width: 90%;    max-width: 480px;    max-height: 80vh;    overflow-y: auto;    transform: scale(0.9) translateY(20px);    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);}.modal-overlay.show .modal {    transform: scale(1) translateY(0);}.modal h3 {    font-size: 1.3rem;    margin-bottom: 24px;    color: var(--text-primary);    display: flex;    align-items: center;    gap: 10px;}.modal h3 i {    color: var(--accent-primary);}.modal-form-group {    margin-bottom: 18px;}.modal-form-group label {    display: block;    font-size: 0.9rem;    color: var(--text-secondary);    margin-bottom: 8px;}.modal-form-group input,.modal-form-group select,.modal-form-group textarea {    width: 100%;    padding: 12px 16px;    border: 1px solid var(--glass-border);    border-radius: 10px;    background: rgba(0, 0, 0, 0.3);    color: var(--text-primary);    font-size: 0.95rem;    outline: none;    transition: border-color 0.2s;}.modal-form-group input:focus,.modal-form-group select:focus,.modal-form-group textarea:focus {    border-color: var(--accent-primary);}.modal-form-group select {    cursor: pointer;}.modal-form-group select option {    background: #0a0f0d;    color: #fff;}.modal-actions {    display: flex;    gap: 12px;    justify-content: flex-end;    margin-top: 24px;}.modal-btn {    padding: 10px 24px;    border-radius: 10px;    border: none;    cursor: pointer;    font-weight: 500;    font-size: 0.95rem;    transition: all 0.2s ease;}.modal-btn-primary {    background: var(--accent-gradient);    color: white;}.modal-btn-primary:hover {    opacity: 0.9;    transform: translateY(-1px);}.modal-btn-secondary {    background: rgba(255, 255, 255, 0.1);    color: var(--text-secondary);}.modal-btn-secondary:hover {    background: rgba(255, 255, 255, 0.15);    color: var(--text-primary);}/* ===== 澹佺焊閫夋嫨鍣?===== */.wallpaper-grid {    display: grid;    grid-template-columns: repeat(3, 1fr);    gap: 12px;    margin-bottom: 20px;}.wallpaper-option {    aspect-ratio: 16/10;    border-radius: 10px;    border: 2px solid transparent;    cursor: pointer;    transition: all 0.2s ease;    overflow: hidden;    position: relative;}.wallpaper-option:hover {    border-color: rgba(20, 184, 166, 0.5);    transform: scale(1.05);}.wallpaper-option.active {    border-color: var(--accent-primary);    box-shadow: 0 0 12px rgba(20, 184, 166, 0.4);}.wallpaper-option .wallpaper-preview {    width: 100%;    height: 100%;    border-radius: 8px;}.wallpaper-option .wallpaper-name {    position: absolute;    bottom: 0;    left: 0;    right: 0;    padding: 4px 8px;    background: rgba(0, 0, 0, 0.7);    font-size: 0.7rem;    color: var(--text-secondary);    text-align: center;    border-radius: 0 0 8px 8px;}.wallpaper-custom {    margin-top: 16px;}.wallpaper-custom label {    display: block;    font-size: 0.9rem;    color: var(--text-secondary);    margin-bottom: 8px;}.wallpaper-custom input {    width: 100%;    padding: 10px 14px;    border: 1px solid var(--glass-border);    border-radius: 10px;    background: rgba(0, 0, 0, 0.3);    color: var(--text-primary);    font-size: 0.9rem;    outline: none;}.wallpaper-custom input:focus {    border-color: var(--accent-primary);}/* ===== 鍝嶅簲寮忚皟鏁?===== */@media (max-width: 768px) {    .side-menu {        width: 260px;    }    .side-menu-btn {        right: 16px;        bottom: 16px;        width: 48px;        height: 48px;        font-size: 1.1rem;    }    .wallpaper-grid {        grid-template-columns: repeat(2, 1fr);    }}