@import"https://fonts.googleapis.com/css2?family=Ma+Shan+Zheng&family=Noto+Serif+SC:wght@400;500;600;700&family=ZCOOL+XiaoWei&display=swap";:root{--dai-blue: #3E4E63;--moon-white: #F1F5F4;--silk-yellow: #EFE8D3;--qing-gray: #71828A;--cinnabar: #C34534;--gamboge: #D9A62E;--mineral-green: #3F8F75;--ochre: #955539;--gold-thread: #C9A44C;--gold-thread-bright: #E0BE6A;--lake-blue: #3A8FB0;--primary-color: var(--dai-blue);--secondary-color: #9C7C3F;--accent-color: var(--gold-thread);--bg-color: var(--moon-white);--bg-dark: var(--silk-yellow);--text-color: #2C3640;--text-light: #6C7B82;--border-color: #C7D2D1;--shadow-color: rgba(62, 78, 99, .15);--pattern-red: var(--cinnabar);--pattern-gold: var(--gold-thread-bright);--pattern-green: var(--mineral-green);--pattern-blue: var(--lake-blue);--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--shadow-sm: 0 2px 4px var(--shadow-color);--shadow-md: 0 4px 12px var(--shadow-color);--shadow-lg: 0 8px 24px var(--shadow-color);--shadow-glow: 0 0 20px rgba(201, 164, 76, .3);--transition-fast: .15s ease;--transition-normal: .25s ease;--transition-slow: .4s ease}*{margin:0;padding:0;box-sizing:border-box}::selection{background:#c9a44c59;color:#2c3640}html{scroll-behavior:smooth}body{font-family:"Noto Serif SC",ZCOOL XiaoWei,Microsoft YaHei,serif;background-color:var(--bg-color);color:var(--text-color);line-height:1.8;min-height:100vh;background-image:radial-gradient(circle at 20% 80%,rgba(201,164,76,.05) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(62,78,99,.05) 0%,transparent 50%)}body:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background-image:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%233E4E63' fill-opacity='0.03'%3E%3Cpath d='M30 30c0-5.5 4.5-10 10-10s10 4.5 10 10-4.5 10-10 10-10-4.5-10-10zm-20 0c0-5.5 4.5-10 10-10s10 4.5 10 10-4.5 10-10 10-10-4.5-10-10z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");pointer-events:none;z-index:-1}.font-calligraphy{font-family:Ma Shan Zheng,ZCOOL XiaoWei,cursive;letter-spacing:.1em}.font-serif-chinese{font-family:"Noto Serif SC",SimSun,serif}.app{min-height:100vh;display:flex;flex-direction:column}.app-header{background:linear-gradient(135deg,var(--primary-color) 0%,#52647E 50%,var(--secondary-color) 100%);color:#fff;padding:var(--spacing-lg) var(--spacing-xl);display:flex;justify-content:space-between;align-items:center;box-shadow:var(--shadow-lg);position:relative;overflow:hidden}.app-header:before{content:"湘";position:absolute;right:120px;top:50%;transform:translateY(-50%);font-family:Ma Shan Zheng,cursive;font-size:15rem;color:#e0be6a1a;pointer-events:none}.app-header:after{content:"";position:absolute;bottom:0;left:0;right:0;height:4px;background:linear-gradient(90deg,transparent,var(--pattern-gold) 20%,var(--pattern-gold) 80%,transparent)}.header-left h1{font-family:Ma Shan Zheng,cursive;font-size:clamp(1.8rem,5vw,2.5rem);letter-spacing:.2em;margin-bottom:var(--spacing-xs);text-shadow:2px 2px 4px rgba(0,0,0,.3)}.header-left p{font-family:"Noto Serif SC",serif;font-size:.9rem;opacity:.9;letter-spacing:.15em}.header-right{display:flex;align-items:center;gap:var(--spacing-lg);z-index:1}.username{font-family:"Noto Serif SC",serif;font-weight:500;display:flex;align-items:center;gap:var(--spacing-sm)}.user-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,var(--pattern-gold),var(--secondary-color));display:flex;align-items:center;justify-content:center;font-size:1.2rem;border:2px solid rgba(255,255,255,.5);cursor:pointer;transition:var(--transition-normal)}.user-avatar:hover{transform:scale(1.1);box-shadow:var(--shadow-glow)}.btn-logout{font-family:"Noto Serif SC",serif;background:#ffffff26;border:1px solid rgba(255,255,255,.3);color:#fff;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition-normal);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.btn-logout:hover{background:#ffffff40;border-color:var(--pattern-gold)}.app-nav{background:#fff;padding:0 var(--spacing-xl);display:flex;gap:var(--spacing-sm);border-bottom:3px solid var(--border-color);position:relative;box-shadow:var(--shadow-sm)}.app-nav:before{content:"";position:absolute;bottom:-3px;left:0;right:0;height:3px;background:repeating-linear-gradient(90deg,var(--pattern-red) 0px,var(--pattern-red) 8px,var(--pattern-gold) 8px,var(--pattern-gold) 16px)}.app-nav button{font-family:"Noto Serif SC",serif;background:transparent;border:none;padding:var(--spacing-md) var(--spacing-lg);font-size:1rem;cursor:pointer;border-radius:var(--radius-sm) var(--radius-sm) 0 0;transition:var(--transition-normal);color:var(--text-light);position:relative;display:flex;align-items:center;gap:var(--spacing-sm)}.app-nav button:after{content:"";position:absolute;bottom:0;left:50%;width:0;height:3px;background:var(--pattern-gold);transition:var(--transition-normal);transform:translate(-50%)}.app-nav button:hover{color:var(--primary-color);background:#3e4e630d}.app-nav button.active{color:var(--primary-color);font-weight:600}.app-nav button.active:after{width:100%}.nav-icon{font-size:1.2rem}.app-main{flex:1;padding:var(--spacing-xl);max-width:1400px;margin:0 auto;width:100%}.app-footer{background:linear-gradient(135deg,var(--bg-dark),var(--bg-color));padding:var(--spacing-lg) var(--spacing-xl);text-align:center;border-top:2px solid var(--border-color);position:relative}.app-footer:before{content:"湘绣";position:absolute;left:var(--spacing-xl);top:50%;transform:translateY(-50%) rotate(-5deg);font-family:Ma Shan Zheng,cursive;font-size:1.5rem;color:var(--pattern-red);opacity:.3;border:2px solid var(--pattern-red);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm)}.app-footer p{color:var(--text-light);font-size:.9rem;letter-spacing:.1em}.xiangxiu-card{background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-md);border:1px solid var(--border-color);overflow:hidden;transition:var(--transition-normal)}.xiangxiu-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.xiangxiu-card-header{background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));color:#fff;padding:var(--spacing-md) var(--spacing-lg);display:flex;align-items:center;gap:var(--spacing-md)}.xiangxiu-card-header h3{font-family:Ma Shan Zheng,cursive;font-size:1.3rem;letter-spacing:.1em}.xiangxiu-card-body{padding:var(--spacing-lg)}.btn-primary{font-family:"Noto Serif SC",serif;background:linear-gradient(135deg,var(--primary-color),#52647E);color:#fff;border:none;padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-md);font-size:1rem;cursor:pointer;transition:var(--transition-normal);box-shadow:var(--shadow-sm);display:inline-flex;align-items:center;gap:var(--spacing-sm)}.btn-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-md),var(--shadow-glow)}.btn-primary:active{transform:translateY(0)}.btn-secondary{font-family:"Noto Serif SC",serif;background:transparent;color:var(--primary-color);border:2px solid var(--primary-color);padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-md);font-size:1rem;cursor:pointer;transition:var(--transition-normal)}.btn-secondary:hover{background:var(--primary-color);color:#fff}.input-classic{font-family:"Noto Serif SC",serif;width:100%;padding:var(--spacing-md);border:2px solid var(--border-color);border-radius:var(--radius-md);font-size:1rem;transition:var(--transition-normal);background:#ffffffe6}.input-classic:focus{outline:none;border-color:var(--pattern-gold);box-shadow:0 0 0 3px #c9a44c33}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.animate-fade-in-up{animation:fadeInUp .5s ease forwards}.animate-pulse{animation:pulse 2s ease-in-out infinite}.loading-spinner{width:24px;height:24px;border:3px solid var(--border-color);border-top-color:var(--primary-color);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.empty-state{text-align:center;padding:var(--spacing-2xl);color:var(--text-light)}.empty-state-icon{font-size:4rem;margin-bottom:var(--spacing-md);opacity:.5}.empty-state-text{font-size:1.1rem;letter-spacing:.05em}.badge{display:inline-flex;align-items:center;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);font-size:.85rem;font-weight:500}.badge-gold{background:linear-gradient(135deg,var(--pattern-gold),#C9A44C);color:var(--text-color)}.badge-red{background:var(--pattern-red);color:#fff}.badge-green{background:var(--pattern-green);color:#fff}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-dark)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--secondary-color)}@media (max-width: 768px){.app-header{flex-direction:column;text-align:center;gap:var(--spacing-md)}.app-header:before{display:none}.header-left h1{font-size:1.6rem}.app-nav{overflow-x:auto;-webkit-overflow-scrolling:touch}.app-nav button{padding:var(--spacing-sm) var(--spacing-md);font-size:.9rem;white-space:nowrap}.app-main{padding:var(--spacing-md)}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--spacing-xl);position:relative;overflow:hidden;background:linear-gradient(135deg,var(--bg-color) 0%,var(--bg-dark) 100%)}.auth-decoration{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden}.decoration-circle{position:absolute;border-radius:50%;opacity:.1}.circle-1{width:600px;height:600px;background:radial-gradient(circle,var(--pattern-gold),transparent);top:-200px;right:-200px;animation:pulse 8s ease-in-out infinite}.circle-2{width:400px;height:400px;background:radial-gradient(circle,var(--pattern-red),transparent);bottom:-100px;left:-100px;animation:pulse 6s ease-in-out infinite reverse}.decoration-pattern{position:absolute;top:0;right:0;bottom:0;left:0;background-image:url("data:image/svg+xml,%3Csvg width='80' height='80' viewBox='0 0 80 80' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%233E4E63' fill-opacity='0.03'%3E%3Cpath d='M40 0C17.9 0 0 17.9 0 40s17.9 40 40 40 40-17.9 40-40S62.1 0 40 0zm0 70C25.6 70 14 58.4 14 44s11.6-26 26-26 26 11.6 26 26-11.6 26-26 26z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")}.auth-container{width:100%;max-width:440px;z-index:1}.auth-header{text-align:center;margin-bottom:var(--spacing-xl)}.auth-title{font-size:clamp(2rem,8vw,2.8rem);color:var(--primary-color);letter-spacing:.25em;text-shadow:2px 2px 4px rgba(62,78,99,.15);margin-bottom:var(--spacing-sm)}.auth-subtitle{color:var(--text-light);font-size:.95rem;letter-spacing:.15em}.auth-card{padding:0;overflow:hidden}.auth-tabs{display:flex;border-bottom:2px solid var(--border-color)}.auth-tab{flex:1;padding:var(--spacing-md) var(--spacing-lg);background:transparent;border:none;font-family:"Noto Serif SC",serif;font-size:1.1rem;color:var(--text-light);cursor:pointer;transition:var(--transition-normal);position:relative}.auth-tab:after{content:"";position:absolute;bottom:-2px;left:0;right:0;height:3px;background:var(--pattern-gold);transform:scaleX(0);transition:var(--transition-normal)}.auth-tab:hover{color:var(--primary-color)}.auth-tab.active{color:var(--primary-color);font-weight:600}.auth-tab.active:after{transform:scaleX(1)}.auth-footer-text{text-align:center;margin-top:var(--spacing-xl);color:var(--text-light);font-size:.9rem;letter-spacing:.2em}@media (max-width: 480px){.auth-page{padding:var(--spacing-md)}.auth-title{font-size:1.8rem;letter-spacing:.15em}}.nav-icon{font-size:1.3rem}.nav-text{letter-spacing:.05em}.app-layout{display:flex;min-height:100vh;background:var(--bg-color)}.sidebar{width:260px;background:linear-gradient(180deg,#1e2836,#2c3a4e);color:#fff;display:flex;flex-direction:column;position:fixed;left:0;top:0;bottom:0;z-index:100;transition:width var(--transition-normal);overflow:hidden}.sidebar-collapsed .sidebar{width:70px}.sidebar-collapsed .logo-text,.sidebar-collapsed .user-info,.sidebar-collapsed .nav-section-title,.sidebar-collapsed .nav-label,.sidebar-collapsed .logout-button .nav-label{display:none}.sidebar-collapsed .logo-container{justify-content:center}.sidebar-collapsed .sidebar-user,.sidebar-collapsed .nav-item,.sidebar-collapsed .logout-button{justify-content:center;padding:var(--spacing-md)}.sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-lg);border-bottom:1px solid rgba(255,255,255,.1)}.logo-container{display:flex;align-items:center;gap:var(--spacing-md)}.logo-icon{width:40px;height:40px;background:linear-gradient(135deg,var(--pattern-gold),var(--secondary-color));border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-family:Ma Shan Zheng,cursive;font-size:1.5rem;color:var(--primary-color);flex-shrink:0}.logo-text{display:flex;flex-direction:column}.logo-title{font-size:1.2rem;letter-spacing:.1em;color:var(--pattern-gold)}.logo-subtitle{font-size:.75rem;color:#fff9}.sidebar-toggle{background:#ffffff1a;border:none;color:#fff;width:28px;height:28px;border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition-fast);flex-shrink:0}.sidebar-toggle:hover{background:#fff3}.sidebar-user{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-lg);border-bottom:1px solid rgba(255,255,255,.1)}.sidebar-user .user-avatar{width:40px;height:40px;background:linear-gradient(135deg,var(--pattern-gold),var(--secondary-color));border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:Ma Shan Zheng,cursive;font-size:1.2rem;color:var(--primary-color);flex-shrink:0}.user-info{display:flex;flex-direction:column}.user-info .user-name{font-size:.95rem;font-weight:500}.user-info .user-status{font-size:.75rem;color:#6fbf9f}.sidebar-nav{padding:var(--spacing-md);overflow-y:visible}.nav-section{margin-bottom:var(--spacing-lg)}.nav-section-title{display:block;font-size:.75rem;color:#fff6;padding:var(--spacing-sm) var(--spacing-md);text-transform:uppercase;letter-spacing:.1em}.nav-item{display:flex;align-items:center;gap:var(--spacing-md);width:100%;padding:var(--spacing-md) var(--spacing-lg);background:transparent;border:none;color:#ffffffb3;font-family:"Noto Serif SC",serif;font-size:.95rem;cursor:pointer;border-radius:var(--radius-md);transition:var(--transition-normal);position:relative;text-align:left}.nav-item:hover{background:#ffffff1a;color:#fff}.nav-item.active{background:linear-gradient(90deg,rgba(201,164,76,.2),transparent);color:var(--pattern-gold)}.nav-item.active .nav-indicator{position:absolute;left:0;top:50%;transform:translateY(-50%);width:4px;height:24px;background:var(--pattern-gold);border-radius:0 4px 4px 0}.nav-icon-svg{flex-shrink:0;opacity:.8}.nav-item:hover .nav-icon-svg,.nav-item.active .nav-icon-svg{opacity:1}.sidebar-footer{padding:var(--spacing-md);border-top:1px solid rgba(255,255,255,.1)}.logout-button{display:flex;align-items:center;gap:var(--spacing-md);width:100%;padding:var(--spacing-md) var(--spacing-lg);background:transparent;border:none;color:#fff9;font-family:"Noto Serif SC",serif;font-size:.9rem;cursor:pointer;border-radius:var(--radius-md);transition:var(--transition-normal)}.logout-button:hover{background:#c3453433;color:#e3a091}.logout-button:hover .nav-icon-svg{opacity:1}.main-content{flex:1;margin-left:260px;display:flex;flex-direction:column;min-height:100vh;transition:margin-left var(--transition-normal)}.sidebar-collapsed .main-content{margin-left:70px}.top-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md) var(--spacing-xl);background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));border-bottom:none;box-shadow:0 2px 10px #3e4e6333}.sidebar-collapsed .top-header{left:70px}.header-breadcrumb{display:flex;align-items:center;gap:var(--spacing-sm);color:#fff}.breadcrumb-icon{font-size:1rem}.breadcrumb-text{font-size:1rem;color:#fff;font-weight:500;font-family:"Noto Serif SC",serif}.header-right{display:flex;align-items:center;gap:var(--spacing-lg)}.header-date{font-size:.9rem;color:#fffc;display:flex;align-items:center;gap:var(--spacing-xs)}.page-content{flex:1;padding:calc(var(--spacing-xl) + 30px) var(--spacing-xl) var(--spacing-xl)}.page-footer{padding:var(--spacing-lg) var(--spacing-xl);text-align:center;border-top:1px solid var(--border-color);background:var(--bg-color)}.page-footer p{color:var(--text-light);font-size:.9rem;letter-spacing:.1em}.particle-canvas{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0}@media (max-width: 900px){.sidebar{width:70px}.logo-text,.user-info,.nav-section-title,.nav-label,.logout-button .nav-label{display:none}.logo-container{justify-content:center}.sidebar-user,.nav-item,.logout-button{justify-content:center;padding:var(--spacing-md)}.main-content{margin-left:70px}.top-header{padding:var(--spacing-sm) var(--spacing-md);left:70px}.page-content{padding:calc(var(--spacing-md) + 50px) var(--spacing-md) var(--spacing-md)}.header-date{display:none}}