@charset "UTF-8";*{margin:0;padding:0;box-sizing:border-box;list-style-type:none}html,body{width:100%;min-height:100%}:root{--color-primary: #4caf50;--color-primary-light: #81c784;--color-primary-dark: #388e3c;--color-secondary: #2e7d32;--color-secondary-light: #66bb6a;--color-secondary-dark: #1b5e20;--color-success: #4caf50;--color-success-light: #e8f5e9;--color-warning: #ff9800;--color-error: #f44336;--color-info: #2196f3;--color-background: #f1f8e9;--color-surface: #ffffff;--color-surface-light: #f8f9fa;--color-text-primary: #2c3e50;--color-text-secondary: #374151;--color-text-muted: #7f8c8d;--color-text-white: #ffffff;--color-border: #c8e6c9;--color-divider: #a5d6a7;--shadow-light: 0 2px 10px rgba(46, 125, 50, .08);--shadow-medium: 0 4px 15px rgba(46, 125, 50, .12);--shadow-heavy: 0 8px 25px rgba(46, 125, 50, .18);--gradient-primary: linear-gradient(135deg, var(--color-primary) 0%, var(--color-secondary) 100%);--gradient-primary-light: linear-gradient(135deg, var(--color-primary-light) 0%, var(--color-secondary-light) 100%)}.theme-bg-primary{background-color:var(--color-primary)!important}.theme-bg-secondary{background-color:var(--color-secondary)!important}.theme-bg-surface{background-color:var(--color-surface)!important}.theme-bg-background{background-color:var(--color-background)!important}.theme-bg-success{background-color:var(--color-success)!important}.theme-bg-warning{background-color:var(--color-warning)!important}.theme-bg-error{background-color:var(--color-error)!important}.theme-gradient-primary{background:var(--gradient-primary)!important}.theme-gradient-primary-light{background:var(--gradient-primary-light)!important}.theme-text-primary{color:var(--color-text-primary)!important}.theme-text-secondary{color:var(--color-text-secondary)!important}.theme-text-muted{color:var(--color-text-muted)!important}.theme-text-white{color:var(--color-text-white)!important}.theme-text-theme-primary{color:var(--color-primary)!important}.theme-text-theme-secondary{color:var(--color-secondary)!important}.theme-text-success{color:var(--color-success)!important}.theme-text-warning{color:var(--color-warning)!important}.theme-text-error{color:var(--color-error)!important}.theme-border-default{border-color:var(--color-border)!important}.theme-border-primary{border-color:var(--color-primary)!important}.theme-border-secondary{border-color:var(--color-secondary)!important}.theme-border-success{border-color:var(--color-success)!important}.theme-border-warning{border-color:var(--color-warning)!important}.theme-border-error{border-color:var(--color-error)!important}.theme-shadow-light{box-shadow:var(--shadow-light)!important}.theme-shadow-medium{box-shadow:var(--shadow-medium)!important}.theme-shadow-heavy{box-shadow:var(--shadow-heavy)!important}.btn-theme{display:inline-flex;align-items:center;gap:10px;padding:16px 32px;border-radius:12px;font-weight:600;font-size:16px;text-decoration:none;transition:all .3s ease;border:none;cursor:pointer}.btn-theme.primary{background:var(--gradient-primary);color:var(--color-text-white);box-shadow:0 8px 25px #667eea4d}.btn-theme.primary:hover{transform:translateY(-2px);box-shadow:0 12px 35px #667eea66}.btn-theme.secondary{background:var(--color-surface);color:var(--color-primary);box-shadow:var(--shadow-medium)}.btn-theme.secondary:hover{transform:translateY(-2px);box-shadow:var(--shadow-heavy)}.btn-theme.success{background:var(--color-success);color:var(--color-text-white)}.btn-theme.success:hover{background:var(--color-success);transform:translateY(-2px)}.btn-theme.outline{background:transparent;color:var(--color-primary);border:2px solid var(--color-primary)}.btn-theme.outline:hover{background:var(--color-primary);color:var(--color-text-white)}.card-theme{background:var(--color-surface);border-radius:16px;padding:24px;box-shadow:var(--shadow-medium);transition:all .3s ease;border:1px solid var(--color-border)}.card-theme:hover{transform:translateY(-3px);box-shadow:var(--shadow-heavy)}.card-theme.elevated{box-shadow:var(--shadow-heavy)}.input-theme{width:100%;padding:12px 16px;border:2px solid var(--color-border);border-radius:8px;font-size:16px;color:var(--color-text-primary);background:var(--color-surface);transition:all .3s ease}.input-theme:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 4px #667eea1a}.input-theme::placeholder{color:var(--color-text-muted)}.tag-theme{display:inline-block;padding:4px 12px;border-radius:16px;font-size:12px;font-weight:500}.tag-theme.primary{background:var(--color-primary);color:var(--color-text-white)}.tag-theme.success{background:var(--color-success-light);color:var(--color-success)}.tag-theme.warning{background:var(--color-warning);color:var(--color-text-white)}.tag-theme.error{background:var(--color-error);color:var(--color-text-white)}.scrollbar-theme::-webkit-scrollbar{width:6px;height:6px}.scrollbar-theme::-webkit-scrollbar-track{background:var(--color-surface-light)}.scrollbar-theme::-webkit-scrollbar-thumb{background:var(--color-primary);border-radius:3px}.scrollbar-theme::-webkit-scrollbar-thumb:hover{background:var(--color-primary-dark)}#app{width:100%;background:var(--color-background);background-size:cover}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background-color:var(--color-surface)}::-webkit-scrollbar-thumb{border-radius:6px;background-color:var(--color-primary)}::-webkit-scrollbar-button{height:0;width:0}*{box-sizing:border-box}body{margin:0;font-family:Helvetica Neue,Arial,sans-serif;background-color:var(--color-background);color:var(--color-text-primary);line-height:1.8;overflow-x:hidden;position:relative}#app{min-height:100vh;position:relative}.container{max-width:1200px;margin:0 auto;padding:0 20px}.site-header{background-color:var(--color-surface);box-shadow:var(--shadow-light);padding:15px 0;position:-webkit-sticky;position:sticky;top:0;left:0;right:0;z-index:9999;width:100%;transition:all .3s ease;-webkit-position:sticky;-webkit-top:0}.site-header .nav-container{display:flex;justify-content:space-between;align-items:center}.site-header .logo-area{display:flex;align-items:center;gap:10px}.site-header .logo-area .avatar{width:40px;height:40px;border-radius:50%;background-color:var(--color-surface-light);display:flex;align-items:center;justify-content:center;font-size:12px}.site-header .logo-area .brand .brand-name{display:block;margin:0;font-size:20px;font-weight:700;color:var(--color-text-primary)}.site-header .logo-area .brand .tag{display:inline-block;background-color:var(--color-success-light);color:var(--color-success);padding:2px 8px;border-radius:4px;font-size:12px}.site-header .mobile-menu-btn{display:none;flex-direction:column;width:24px;height:18px;background:none;border:none;cursor:pointer;padding:0}.site-header .mobile-menu-btn span{width:100%;height:2px;background-color:var(--color-text-primary);margin-bottom:4px;transition:.3s}.site-header .mobile-menu-btn span:last-child{margin-bottom:0}.site-header .mobile-menu-btn.active span:nth-child(1){transform:rotate(-45deg) translate(-4px,4px)}.site-header .mobile-menu-btn.active span:nth-child(2){opacity:0}.site-header .mobile-menu-btn.active span:nth-child(3){transform:rotate(45deg) translate(-4px,-4px)}.site-header nav ul{display:flex;list-style:none;margin:0;padding:0;gap:20px}.site-header nav ul li a{text-decoration:none;color:var(--color-text-primary);font-size:16px;transition:color .3s}.site-header nav ul li a:hover,.site-header nav ul li a.router-link-active{color:var(--color-primary)}.site-header nav .nav-share-menu{position:relative}.site-header nav .nav-share-trigger{display:inline-flex;align-items:center;gap:4px;padding:0;border:0;background:transparent;color:var(--color-text-primary);font-size:16px;line-height:1.8;cursor:pointer;transition:color .3s}.site-header nav .nav-share-trigger:hover,.site-header nav .nav-share-trigger[aria-expanded=true]{color:var(--color-primary)}.site-header nav .share-chevron{transition:transform .2s ease}.site-header nav .share-chevron.open{transform:rotate(180deg)}.site-header nav .share-submenu{position:absolute;top:calc(100% + 14px);right:0;z-index:20;min-width:176px;display:grid;gap:0;padding:6px;border:1px solid var(--color-border);border-radius:8px;background:var(--color-surface);box-shadow:var(--shadow-medium)}.site-header nav .share-submenu:before{content:"";position:absolute;top:-14px;right:0;left:0;height:14px}.site-header nav .share-submenu li a{display:block;padding:8px 10px;border-radius:5px;white-space:nowrap;font-size:14px}.site-header nav .share-submenu li a:hover,.site-header nav .share-submenu li a.router-link-active{background:var(--color-background)}@media (min-width: 769px) and (max-width: 1100px){.site-header nav ul{gap:12px}.site-header nav ul li a,.site-header nav ul .nav-share-trigger{font-size:14px}}@media (max-width: 768px){.site-header .nav-container{flex-direction:row;justify-content:space-between;align-items:center}.site-header .mobile-menu-btn{display:flex}.site-header nav{position:absolute;top:100%;left:0;right:0;background-color:var(--color-surface);box-shadow:var(--shadow-medium);max-height:0;overflow:hidden;transition:max-height .3s ease-in-out}.site-header nav.mobile-open{max-height:calc(100vh - 72px);overflow-y:auto}.site-header nav ul{flex-direction:column;gap:0;padding:0}.site-header nav ul li{border-bottom:1px solid var(--color-border)}.site-header nav ul li:last-child{border-bottom:none}.site-header nav ul li a{display:block;padding:15px 20px;font-size:16px;transition:background-color .3s,color .3s}.site-header nav ul li a:hover,.site-header nav ul li a.router-link-active{background-color:var(--color-background);color:var(--color-primary)}.site-header nav .nav-share-trigger{width:100%;justify-content:space-between;padding:15px 20px;font-size:16px}.site-header nav .nav-share-trigger:hover,.site-header nav .nav-share-trigger[aria-expanded=true]{background-color:var(--color-background)}.site-header nav .share-submenu{position:static;min-width:0;padding:0;border:0;border-top:1px solid var(--color-border);border-radius:0;background:var(--color-surface-light);box-shadow:none}.site-header nav .share-submenu:before{content:none}.site-header nav .share-submenu li a{padding:12px 36px;border-radius:0;font-size:14px}}