.card-gradient-1{background-image:linear-gradient(to right top,#d16ba566,#c777b959,#ba83ca4d,#aa8fd840,#9a9ae133,#8aa7ec26,#79b3f41a,#69bff826,#52cffe33,#41dfff40,#46eefa4d,#5ffbf159)!important}.card-gradient-2{background-image:linear-gradient(to right top,#ff7e5f66,#ff8c6d59,#ff9a7c4d,#ffa88a40,#ffb69933,#ffc2a826,#ffceb81a,#ffd9c726,#ffe5d733,#fff2e740,#fffefa4d,#ffffff59)!important}.card-gradient-3{background-image:linear-gradient(to right top,#6b21a866,#862fb259,#a03dbd4d,#ba4cc840,#d35bd333,#e36cd926,#f27ddf1a,#ff8de526,#ff9de233,#ffacdf40,#ffbcdd4d,#ffccdc59)!important}.card-gradient-4{background-image:linear-gradient(to right top,#00c9ff66,#00b3ff59,#009cff4d,#0082ff40,#0064ff33,#0059ff26,#004dff1a,#003fff26,#0031ff33,#0020ff40,#000cff4d,#0b00ff59)!important}.card-gradient-5{background-image:linear-gradient(to right top,#f9c52c66,#f6b62f59,#f2a8334d,#ee993740,#e98b3c33,#e37e4126,#dd71461a,#d7644c26,#cf564f33,#c6495240,#bc3c544d,#b2305659)!important}.card-gradient-6{background-image:linear-gradient(to right top,#a8ff7866,#9ff57859,#96eb784d,#8de17840,#84d77833,#7cd07826,#74c9781a,#6cc27826,#63ba7933,#5ab37940,#51ac7a4d,#48a57a59)!important}.card-gradient-7{background-image:linear-gradient(to right top,#ff8a0066,#ff7a1a59,#ff692a4d,#ff563740,#ff3f4333,#ff364c26,#ff2c551a,#ff215e26,#ff1a6a33,#ff177640,#ff1a834d,#f9259059)!important}.card-gradient-8{background-image:linear-gradient(to right top,#f0f8ff66,#e6f0fa59,#dcebf54d,#d2e6f040,#c8e1eb33,#bedce626,#b4d7e11a,#aad2dc26)!important}.card-gradient-9{background-image:linear-gradient(to right top,#f8fafc66,#f1f5f959,#eaf0f64d,#e2e8f040,#cbd5e133,#bac8d626,#a9bbcb1a,#94a3b826)!important}.card-gradient-10{background-image:linear-gradient(to right top,#fefce866,#fdf6b259,#fcd34d4d,#f59e0b40,#d9770633,#b4530926,#92400e1a,#78350f26)!important}.card-gradient-11{background-image:linear-gradient(to right top,#f0fdf466,#dcfce759,#bbf7d04d,#86efac40,#4ade8033,#22c55e26,#16a34a1a,#15803d26)!important}.card-gradient-12{background-image:linear-gradient(to right top,#fdf4ff66,#fae8ff59,#f3e8ff4d,#e9d5ff40,#c4b5fd33,#a78bfa26,#8b5cf61a,#7c3aed26)!important}.card-gradient-13{background-image:linear-gradient(to right top,#fffbeb66,#fef3c759,#fde68a4d,#fcd34d40,#f59e0b33,#d9770626,#c2410c1a,#9a341226)!important}.card-gradient-14{background-image:linear-gradient(to right top,#f8fafc66,#f1f5f959,#e2e8f04d,#cbd5e140,#94a3b833,#64748b26,#4755691a,#33415526)!important}:root{--bg-light: #fff9f0;--primary: #ff7f50;--primary-dark: #ff5a36;--accent: #ffa07a;--accent-light: #ffb6c1;--accent-lighter: #ffe4e1;--text: #333333;--text-light: #666666;--text-lighter: #868e96;--radius: 12px;--radius-sm: 8px;--radius-lg: 16px;--shadow: 0 2px 8px rgba(0, 0, 0, .05);--shadow-md: 0 4px 12px rgba(0, 0, 0, .08);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .1);--font-sans: "Inter", "Noto Sans SC", "PingFang SC", -apple-system, BlinkMacSystemFont, "Helvetica Neue", sans-serif;--font-serif: "Playfair Display", "Noto Serif SC", serif;--font-mono: "Ma Shan Zheng", cursive;--gradient-primary: linear-gradient(135deg, var(--primary), var(--accent));--gradient-accent: linear-gradient( 135deg, var(--accent-light), var(--accent-lighter), #f0e68c );--gradient-bg: linear-gradient(135deg, #f9f9f9, #e0eafc);--gradient-header: linear-gradient( 135deg, var(--accent-light), var(--accent-lighter), #f0e68c, #e0ffff, #dda0dd );--gradient-blue: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--gradient-pink: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);--gradient-green: linear-gradient(135deg, #11998e 0%, #38ef7d 100%);--gradient-warm: linear-gradient(135deg, #ffb6c1, #ffe4e1, #f0e68c);--gradient-warm-hover: linear-gradient(135deg, #ff91a4, #ffd1d4, #ede066);--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-2xl: 40px}*{-webkit-font-smoothing:antialiased;box-sizing:border-box}body{margin:0;padding:0;min-height:100vh;display:flex;flex-direction:column;font-family:var(--font-sans);background:var(--bg-light);color:var(--text);line-height:1.6;width:100%;overflow-x:hidden}.bg-gradient-default{background:var(--gradient-bg)}.bg-gradient-blue{background:var(--gradient-blue)}.bg-gradient-pink{background:var(--gradient-pink)}.bg-gradient-green{background:var(--gradient-green)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shimmer{0%{background-position:0 0,0 10px,10px -10px,-10px 0px}to{background-position:20px 20px,20px 30px,30px 10px,10px 20px}}.animate-fade-in{animation:fadeIn 1s ease forwards}.animate-fade-up{animation:fadeInUp .6s ease-out}.animate-fade-down{animation:fadeInDown 1s ease}.animate-slide-up{animation:slideUp .6s ease-out}.btn{display:inline-block;padding:var(--spacing-sm) var(--spacing-md);border:none;border-radius:var(--radius-sm);font-weight:600;text-decoration:none;cursor:pointer;transition:all .3s ease;font-size:14px;text-align:center}.btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.btn-primary{background:var(--gradient-primary);color:#fff;box-shadow:var(--shadow)}.btn-primary:hover{background:var(--primary-dark)}.btn-secondary{background:var(--gradient-accent);color:var(--text);box-shadow:var(--shadow)}.btn-secondary:hover{background:var(--gradient-warm-hover)}.btn-blue{background:var(--gradient-blue);color:#fff;box-shadow:0 4px 15px #667eea66}.btn-blue:hover{box-shadow:0 6px 20px #667eea99}.btn-pink{background:var(--gradient-pink);color:#fff;box-shadow:0 4px 15px #f093fb66}.btn-pink:hover{box-shadow:0 6px 20px #f093fb99}.btn-green{background:var(--gradient-green);color:#fff;box-shadow:0 4px 15px #11998e66}.btn-green:hover{box-shadow:0 6px 20px #11998e99}.btn-warm{background:var(--gradient-warm);color:var(--text);border:none;padding:10px 20px;border-radius:6px;font-weight:700;cursor:pointer;transition:all .3s ease}.btn-warm:hover{background:var(--gradient-warm-hover);transform:translateY(-1px);box-shadow:0 4px 12px #ffb6c14d}.btn-large{padding:12px 24px;font-size:16px;border-radius:25px}.btn-full{width:100%}.buttons{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px;align-items:center}button{padding:12px 20px;color:#666;border:none;border-radius:12px;font-weight:600;cursor:pointer;font-size:14px;transition:all .3s ease;box-shadow:0 4px 12px #ffb6c14d}button:hover{background:linear-gradient(135deg,#ffd1dc,wheat,#b0e0e6);transform:translateY(-2px);box-shadow:0 6px 16px #ffb6c166}.primary-btn{background:linear-gradient(135deg,#ff91a4,#ffb6c1,#ffe4b5,#98fb98)!important;color:#fff!important;font-weight:700;box-shadow:0 6px 20px #ff91a466;position:relative;overflow:hidden}.primary-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s}.primary-btn:hover:before{left:100%}.primary-btn:hover{background:linear-gradient(135deg,#ff69b4,#ff91a4,gold,#90ee90)!important;transform:translateY(-3px) scale(1.02);box-shadow:0 8px 25px #ff69b480}.upload-btn{background:linear-gradient(135deg,#f5f5f5,#e6e6fa,#f0f8ff);color:#666;border:1px solid rgba(221,160,221,.3);box-shadow:0 3px 8px #dda0dd33;min-width:140px;padding:8px 16px}.upload-btn:hover{background:linear-gradient(135deg,#e6e6fa,#d8bfd8,#e0e6ff);transform:translateY(-1px);box-shadow:0 4px 12px #dda0dd4d}.form{width:600px;flex-shrink:0;display:flex;flex-direction:column;gap:15px;align-self:flex-start;position:sticky;top:0}.form-row{display:flex;gap:15px}.form-group{display:flex;flex-direction:column;gap:6px;flex:1}.form label{font-weight:700;color:#4a6fa5;font-size:14px}label[for=title],label[for=quote],label[for=detail],label[for=creator]{font-size:15px!important;font-weight:700!important;color:#2c3e50!important;margin-bottom:8px!important}label[for=title]:after,label[for=quote]:after,label[for=detail]:after{content:" *";color:#e74c3c;font-weight:700}.form input,.form textarea,.form select,.form-input{width:100%;padding:10px;font-size:14px;border:1px solid #ddd;border-radius:8px;background-color:#f9f9f9;transition:all .3s ease}#title,#quote,#detail,#creator{background-color:#fff;border:1.5px solid #ddd;box-shadow:0 1px 4px #0000000d;font-weight:500;transition:all .3s ease}#title{font-size:16px;padding:12px;box-shadow:0 1px 4px #ffb6c11a}#quote,#detail{font-size:15px;padding:12px;line-height:1.5;border-color:#b0c4de;box-shadow:0 1px 4px #b0c4de1a}#creator{border-color:#b0c4de;box-shadow:0 1px 4px #b0c4de1a}.form input:focus,.form textarea:focus,.form select:focus,.form-input:focus{border-color:#4a6fa5;box-shadow:0 0 0 3px #4a6fa533;background-color:#fff;outline:none}#title:focus,#quote:focus,#detail:focus,#creator:focus{border-color:#4a6fa5!important;box-shadow:0 0 0 4px #4a6fa54d!important}.form-input::placeholder,.form-input::-webkit-input-placeholder{color:#6c757d;opacity:.7}.message{padding:12px;border-radius:var(--radius-sm);margin-bottom:20px;border:1px solid;display:none}.message-error{background:#f8d7da;color:#721c24;border-color:#f5c6cb}.message-success{background:#d4edda;color:#155724;border-color:#c3e6cb}.message-info{background:#d1ecf1;color:#0c5460;border-color:#bee5eb}.loading{display:inline-block;width:20px;height:20px;border:3px solid #ffffff;border-radius:50%;border-top-color:transparent;animation:spin 1s ease-in-out infinite;margin-right:8px}.loading-placeholder{width:100%;height:200px;background:linear-gradient(45deg,#f0f0f0 25%,transparent 25%),linear-gradient(-45deg,#f0f0f0 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#f0f0f0 75%),linear-gradient(-45deg,transparent 75%,#f0f0f0 75%);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0px;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#666;font-size:14px;animation:shimmer 2s infinite}.card-hover-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#000000b3;display:flex;flex-direction:column;justify-content:center;align-items:center;opacity:0;transition:opacity .3s ease;pointer-events:none;z-index:10;padding:20px;box-sizing:border-box}.card-container:hover .card-hover-overlay{opacity:1;pointer-events:auto}.tab-container{display:flex;background:#f8f9fa}.tab{flex:1;padding:16px;text-align:center;cursor:pointer;font-weight:600;color:#6c757d;transition:all .3s ease;border:none;background:none}.tab.active{background:#fff;color:#007acc;box-shadow:0 2px 8px #0000001a}.container{width:100%;max-width:1200px;margin:0 auto;padding:30px 20px;gap:40px;align-items:flex-start}.page-content{width:100%;display:flex;flex-direction:column;align-items:center;padding:var(--spacing-xl) 20px;box-sizing:border-box;gap:var(--spacing-xl);flex:1 0 auto}.site-header{background:#fff;border-bottom:1px solid rgba(255,127,80,.1);box-shadow:var(--shadow);position:sticky;top:0;z-index:1000;width:100%}.header-container{max-width:1200px;margin:0 auto;padding:0 20px;display:flex;align-items:center;justify-content:space-between;height:60px}.site-branding{display:flex;flex-direction:column;gap:2px}.site-title{font-size:20px;font-weight:700;color:var(--primary);text-decoration:none;transition:color .3s ease;line-height:1.2;display:flex;align-items:center}.site-logo{width:auto;height:40px;margin-right:10px;transition:transform .3s ease}.site-title:hover .site-logo{transform:scale(1.05)}.site-title:hover{color:var(--primary-dark)}.site-subtitle{font-size:12px;color:var(--text-light);font-weight:400;line-height:1}.header-nav{display:flex;gap:var(--spacing-lg);align-items:center}.nav-link{color:var(--text);text-decoration:none;font-weight:500;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-sm);transition:all .3s ease;position:relative}.nav-link:hover{background:var(--bg-light);color:var(--primary);transform:translateY(-1px)}.nav-link.active{background:var(--gradient-primary);color:#fff;box-shadow:var(--shadow)}.auth-section{display:flex;align-items:center}.login-btn{background:var(--gradient-primary);color:#fff;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-sm);text-decoration:none;font-weight:500;transition:all .3s ease;box-shadow:var(--shadow)}.login-btn:hover{background:var(--primary-dark);transform:translateY(-1px);box-shadow:var(--shadow-md)}.user-dropdown{position:relative}.user-btn{background:none;border:none;display:flex;align-items:center;gap:6px;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-sm);cursor:pointer;font-weight:500;color:var(--text);transition:background .3s ease}.user-btn:hover{background:var(--bg-light)}.dropdown-icon{transition:transform .3s ease}.user-dropdown.open .dropdown-icon{transform:rotate(180deg)}.dropdown-menu{position:absolute;top:100%;right:0;background:#fff;border-radius:var(--radius-sm);box-shadow:var(--shadow-lg);padding:var(--spacing-sm) 0;min-width:140px;opacity:0;visibility:hidden;transform:translateY(-10px);transition:all .3s ease;z-index:100}.user-dropdown.open .dropdown-menu{opacity:1;visibility:visible;transform:translateY(0)}.dropdown-item{width:100%;padding:var(--spacing-sm) var(--spacing-md);border:none;background:none;text-align:left;cursor:pointer;font-size:14px;font-weight:500;color:var(--text);transition:all .2s ease;display:block;white-space:nowrap}.dropdown-item:hover{background:#6666661a;color:#444}.logout-btn{color:#dc3545}.logout-btn:hover{background:#dc3545;color:#fff}.site-footer{background:#fff;border-top:1px solid rgba(255,127,80,.1);padding:var(--spacing-xl) 0;margin-top:auto;width:100%}.footer-container{width:100%;max-width:1200px;margin:0 auto;padding:0 20px}.footer-content{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--spacing-lg)}.footer-left{flex:1}.copyright{color:var(--text-light);font-size:14px;margin:0}.footer-right{display:flex;align-items:center}.footer-links{display:flex;gap:var(--spacing-lg);align-items:center}.footer-link{color:var(--text-light);text-decoration:none;font-size:14px;transition:color .3s ease;display:flex;align-items:center;gap:4px}.footer-link:hover{color:var(--primary)}.github-icon{width:16px;height:16px;transition:transform .3s ease}.footer-link:hover .github-icon{transform:scale(1.1)}.footer-bottom{margin-top:var(--spacing-lg);padding-top:var(--spacing-lg);border-top:1px solid rgba(255,127,80,.1)}.footer-description{color:var(--text-lighter);font-size:12px;text-align:center;margin:0;line-height:1.5}.card{background:#fff;border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden;transition:all .3s ease}.card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.section-title{font-size:28px;font-weight:700;color:var(--text);margin-bottom:var(--spacing-lg);text-align:center;position:relative}.section-title:after{content:"";position:absolute;bottom:-8px;left:50%;transform:translate(-50%);width:60px;height:3px;background:var(--gradient-primary);border-radius:2px}.form-group{margin-bottom:var(--spacing-lg);display:flex;flex-direction:column;gap:var(--spacing-sm)}.form-label{font-weight:600;color:var(--text);font-size:14px}.form-input,.form-textarea,.form-select{width:100%;padding:var(--spacing-sm);font-size:14px;border:1px solid #ddd;border-radius:var(--radius-sm);background-color:#f9f9f9;transition:all .3s ease}.form-input:focus,.form-textarea:focus,.form-select:focus{border-color:var(--primary);box-shadow:0 0 0 3px #ff7f5033;background-color:#fff;outline:none}.form-input::placeholder,.form-textarea::placeholder{color:#888;opacity:.7}.gradient-selector{display:grid;grid-template-columns:repeat(14,1fr);gap:6px;margin-top:6px}.gradient-option{width:38px;height:38px;border-radius:var(--radius-sm);cursor:pointer;border:2px solid transparent;transition:all .3s ease;position:relative;overflow:hidden}.gradient-option:hover{transform:scale(1.1);box-shadow:0 4px 12px #0003}.gradient-option.selected{border-color:var(--primary);box-shadow:0 0 0 2px #ff7f504d;transform:scale(1.05)}.gradient-option:after{content:"";position:absolute;inset:0;background:inherit;opacity:.8}.gradient-option[data-gradient=card-gradient-1]{background-image:linear-gradient(to right top,#d16ba5cc,#c777b9b3,#ba83ca99,#aa8fd880,#9a9ae166,#8aa7ec4d,#79b3f433,#69bff84d,#52cffe66,#41dfff80,#46eefa99,#5ffbf1b3)}.gradient-option[data-gradient=card-gradient-2]{background-image:linear-gradient(to right top,#ff7e5fcc,#ff8c6db3,#ff9a7c99,#ffa88a80,#ffb69966,#ffc2a84d,#ffceb833,#ffd9c74d,#ffe5d766,#fff2e780,#fffefa99,#ffffffb3)}.gradient-option[data-gradient=card-gradient-3]{background-image:linear-gradient(to right top,#6b21a8cc,#862fb2b3,#a03dbd99,#ba4cc880,#d35bd366,#e36cd94d,#f27ddf33,#ff8de54d,#ff9de266,#ffacdf80,#ffbcdd99,#ffccdcb3)}.gradient-option[data-gradient=card-gradient-4]{background-image:linear-gradient(to right top,#00c9ffcc,#00b3ffb3,#009cff99,#0082ff80,#0064ff66,#0059ff4d,#004dff33,#003fff4d,#0031ff66,#0020ff80,#000cff99,#0b00ffb3)}.gradient-option[data-gradient=card-gradient-5]{background-image:linear-gradient(to right top,#f9c52ccc,#f6b62fb3,#f2a83399,#ee993780,#e98b3c66,#e37e414d,#dd714633,#d7644c4d,#cf564f66,#c6495280,#bc3c5499,#b23056b3)}.gradient-option[data-gradient=card-gradient-6]{background-image:linear-gradient(to right top,#a8ff78cc,#9ff578b3,#96eb7899,#8de17880,#84d77866,#7cd0784d,#74c97833,#6cc2784d,#63ba7966,#5ab37980,#51ac7a99,#48a57ab3)}.gradient-option[data-gradient=card-gradient-7]{background-image:linear-gradient(to right top,#ff8a00cc,#ff7a1ab3,#ff692a99,#ff563780,#ff3f4366,#ff364c4d,#ff2c5533,#ff215e4d,#ff1a6a66,#ff177680,#ff1a8399,#f92590b3)}.gradient-option[data-gradient=card-gradient-8]{background-image:linear-gradient(to right top,#f0f8ffcc,#e6f0fab3,#dcebf599,#d2e6f080,#c8e1eb66,#bedce64d,#b4d7e133,#aad2dc4d)}.gradient-option[data-gradient=card-gradient-9]{background-image:linear-gradient(to right top,#f8fafccc,#f1f5f9b3,#eaf0f699,#e2e8f080,#cbd5e166,#bac8d64d,#a9bbcb33,#94a3b84d)}.gradient-option[data-gradient=card-gradient-10]{background-image:linear-gradient(to right top,#fefce8cc,#fdf6b2b3,#fcd34d99,#f59e0b80,#d9770666,#b453094d,#92400e33,#78350f4d)}.gradient-option[data-gradient=card-gradient-11]{background-image:linear-gradient(to right top,#f0fdf4cc,#dcfce7b3,#bbf7d099,#86efac80,#4ade8066,#22c55e4d,#16a34a33,#15803d4d)}.gradient-option[data-gradient=card-gradient-12]{background-image:linear-gradient(to right top,#fdf4ffcc,#fae8ffb3,#f3e8ff99,#e9d5ff80,#c4b5fd66,#a78bfa4d,#8b5cf633,#7c3aed4d)}.gradient-option[data-gradient=card-gradient-13]{background-image:linear-gradient(to right top,#fffbebcc,#fef3c7b3,#fde68a99,#fcd34d80,#f59e0b66,#d977064d,#c2410c33,#9a34124d)}.gradient-option[data-gradient=card-gradient-14]{background-image:linear-gradient(to right top,#f8fafccc,#f1f5f9b3,#e2e8f099,#cbd5e180,#94a3b866,#64748b4d,#47556933,#3341554d)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.mb-0{margin-bottom:0}.mb-sm{margin-bottom:var(--spacing-sm)}.mb-md{margin-bottom:var(--spacing-md)}.mb-lg{margin-bottom:var(--spacing-lg)}.mb-xl{margin-bottom:var(--spacing-xl)}.mt-0{margin-top:0}.mt-sm{margin-top:var(--spacing-sm)}.mt-md{margin-top:var(--spacing-md)}.mt-lg{margin-top:var(--spacing-lg)}.mt-xl{margin-top:var(--spacing-xl)}.p-0{padding:0}.p-sm{padding:var(--spacing-sm)}.p-md{padding:var(--spacing-md)}.p-lg{padding:var(--spacing-lg)}.p-xl{padding:var(--spacing-xl)}.d-flex{display:flex}.d-grid{display:grid}.d-block{display:block}.d-none{display:none}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-end{justify-content:flex-end}.align-center{align-items:center}.align-start{align-items:flex-start}.align-end{align-items:flex-end}.gap-sm{gap:var(--spacing-sm)}.gap-md{gap:var(--spacing-md)}.gap-lg{gap:var(--spacing-lg)}.gap-xl{gap:var(--spacing-xl)}.w-full{width:100%}.h-full{height:100%}.rounded{border-radius:var(--radius)}.rounded-sm{border-radius:var(--radius-sm)}.rounded-lg{border-radius:var(--radius-lg)}.shadow{box-shadow:var(--shadow)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}@media(max-width:768px){.header-container{padding:0 15px;height:50px}.header-nav{gap:var(--spacing-md)}.nav-link{padding:var(--spacing-xs) var(--spacing-sm);font-size:14px}.site-title{font-size:18px}.site-subtitle{font-size:11px}.site-footer{width:100%}.footer-container{padding:0 15px;width:100%}.footer-content{flex-direction:column;text-align:center;gap:var(--spacing-md);width:100%}.footer-right,.footer-links{justify-content:center;width:100%}.footer-description{font-size:11px;width:100%}.container{padding:0 15px}.page-content{padding:var(--spacing-lg) 15px;width:100%}.gradient-selector{grid-template-columns:repeat(7,1fr)}.gradient-option{width:35px;height:35px}}@media(max-width:480px){.header-nav{gap:var(--spacing-sm)}.nav-link{padding:var(--spacing-xs);font-size:13px}.login-btn{padding:var(--spacing-xs) var(--spacing-sm);font-size:13px}.footer-links{flex-direction:column;gap:var(--spacing-sm)}.footer-link{font-size:13px}.site-footer{padding:var(--spacing-lg) 0}}@media print{.site-header,.site-footer,.nav-link,.btn{display:none!important}body{background:#fff!important;color:#000!important}.container{max-width:none!important;padding:0!important}}html{background-color:#fafafa}.main-content{min-height:clamp(640px,68vh,100vh)}._error-container_wsy6j_1{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;text-align:center;min-height:200px}._error-message_wsy6j_11{color:#d32f2f;font-weight:500;margin-bottom:8px}._error-description_wsy6j_17{color:#666;max-width:400px;margin-bottom:16px}._retry-button_wsy6j_23{margin-top:16px}._loading-container_wjd5c_1{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;text-align:center;min-height:200px}._loading-spinner_wjd5c_11{margin-bottom:16px}._loading-message_wjd5c_15{color:var(--text-light)}._sr-only_wjd5c_19{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}._empty-container_moiud_1{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;text-align:center;min-height:200px}._empty-message_moiud_11{color:#333;font-weight:500;margin-bottom:8px}._empty-description_moiud_17{color:var(--text-light);max-width:400px}