html,body,#app{margin:0;padding:0;min-height:100%}.app-root:not(.paper-texture){height:100vh}:root{--color-paper: #F2F0E4;--color-main-green: #72A898;--color-light-green: #96C4B7;--color-dark-green: #395E5A;--color-main-blue: #537A99;--color-light-blue: #A1C2D9;--color-deep-blue: #2A4A66;--color-ink: #1A2B34;--color-vermilion: #C46060;--color-gold: #D4B886}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Noto Sans SC,sans-serif;background-color:var(--color-paper);color:var(--color-ink);overflow-x:hidden}.course-page,.news-page,.shop-page,.profile-page,.profile-detail-page,.crafts-page,.cixiu-page,.taoci-page,.youzhisan-page,.zhubian-page,.huasixiangqian-page,.jianzhi-page,.hexian-page,.laran-page{padding-top:80px}.calligraphy{font-family:"Noto Serif SC",serif;font-weight:700}#particle-container{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1}.navbar{position:fixed;top:-70px;left:0;right:0;height:70px;background:#1a2b34eb;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--color-light-green);z-index:1000;transition:all .5s ease}.navbar.visible{top:0}.nav-logo{width:150px;height:55px;display:flex;align-items:center;justify-content:center;margin-left:100px}.nav-logo img{width:100%;height:100%;object-fit:contain;cursor:pointer;transition:opacity .3s ease}.nav-logo img:hover{opacity:.8}.nav-menu-item{color:#ffffffd9;font-size:15px;transition:color .3s ease;cursor:pointer;position:relative}.nav-menu-item:hover{color:#fff}.nav-menu-item:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:1px;background:var(--color-main-green);transition:width .3s ease}.nav-menu-item:hover:after{width:100%}.nav-auth-btn,.nav-auth-user{color:#ffffffd9;font-size:14px;cursor:pointer;white-space:nowrap}.nav-auth-btn:hover,.nav-auth-user{color:#fff}.nav-auth-btn.login,.nav-auth-btn.workspace{padding:6px 14px;border:1px solid rgba(255,255,255,.35);border-radius:999px;transition:all .25s ease}.nav-auth-btn.login:hover,.nav-auth-btn.workspace:hover{background:#ffffff1f;border-color:#ffffff8c}.nav-user-entry{display:flex;align-items:center;gap:10px;cursor:pointer;padding:4px 10px 4px 4px;border-radius:999px;transition:background .25s ease}.nav-user-entry:hover{background:#ffffff1a}.nav-user-avatar{width:34px;height:34px;border-radius:50%;object-fit:cover;border:2px solid rgba(255,255,255,.35)}.nav-dropdown{position:relative;display:inline-block}.nav-dropdown-content{display:block;visibility:hidden;opacity:0;position:absolute;top:calc(100% + 10px);left:0;background:#1a2b34fa;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);min-width:140px;border-radius:8px;padding:8px 0;box-shadow:0 8px 24px #0000004d;z-index:1001;border:1px solid rgba(150,196,183,.2);transform:translateY(-10px);transition:visibility .4s ease,opacity .4s ease,transform .4s ease}.nav-dropdown:hover .nav-dropdown-content{visibility:visible;opacity:1;transform:translateY(0)}.nav-dropdown-item{color:#ffffffbf;padding:12px 20px;font-size:14px;display:block;transition:all .3s ease;cursor:pointer;border-radius:4px;margin:2px 8px}.nav-dropdown-item:hover{color:#fff;background:#96c4b726;transform:translate(4px)}.nav-dropdown-arrow{margin-left:6px;font-size:12px;opacity:.6;transition:transform .3s ease}.nav-dropdown:hover .nav-dropdown-arrow{transform:rotate(180deg)}.video-section{height:100vh;width:100vw;position:relative;background:#000;overflow:hidden}#home-video{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;object-fit:cover;z-index:1}.video-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#0000004d}.video-fade-in{position:absolute;top:0;left:0;width:100%;height:100%;background:#000;animation:fadeInAnimation 2.5s ease-out forwards;z-index:20;pointer-events:none}@keyframes fadeInAnimation{0%{opacity:1}to{opacity:0}}.video-hint{position:absolute;bottom:40px;left:50%;transform:translate(-50%);color:#96c4b799;font-size:14px;letter-spacing:2px;animation:fadeUp 2s ease-in-out infinite;z-index:10}@keyframes fadeUp{0%,to{opacity:.4;transform:translate(-50%) translateY(0)}50%{opacity:.8;transform:translate(-50%) translateY(-10px)}}.accordion-section{height:100vh;background:var(--color-paper);position:relative;overflow:hidden;display:flex}.accordion-item{width:12.5%;height:100%;transition:all .5s cubic-bezier(.4,0,.2,1);cursor:pointer;position:relative;overflow:hidden;flex-shrink:0}.accordion-item:hover{width:45%}.accordion-title{writing-mode:vertical-rl;text-orientation:upright;color:#fff;font-size:48px;letter-spacing:20px;transition:all .5s ease;position:absolute;right:15%;top:50%;transform:translateY(-50%);z-index:10;text-shadow:2px 2px 12px rgba(0,0,0,.5)}.accordion-item:hover .accordion-title{color:#fff;right:20%;font-size:52px}.accordion-content{opacity:0;transform:translate(-20px);transition:all .5s ease .2s;position:absolute;right:30px;top:50%;transform:translateY(-50%) translate(-20px);width:60%;text-align:right}.accordion-item:hover .accordion-content{opacity:1;transform:translateY(-50%) translate(0)}.accordion-bg{position:absolute;top:0;left:0;width:100%;height:100%;opacity:.4;transition:opacity .5s ease,transform .5s ease;background-size:cover;background-position:center}.accordion-item:hover .accordion-bg{opacity:.8;transform:scale(1.05)}.timeline-section{padding:120px 0 150px;background:var(--color-paper);position:relative;overflow:hidden;min-height:calc(120vh - 250px)}.timeline-wrapper{position:relative;width:100%;overflow:hidden}.timeline-scroll-container{display:flex;width:max-content;animation:scrollTimeline 15s linear infinite}.timeline-scroll-container:hover{animation-play-state:paused}@keyframes scrollTimeline{0%{transform:translate(0)}to{transform:translate(-50%)}}.timeline-line-wrapper{position:absolute;left:0;top:50%;transform:translateY(-50%);pointer-events:none;z-index:1;overflow:visible;animation:scrollLine 15s linear infinite}.timeline-scroll-container:hover,.timeline-scroll-container:hover~.timeline-line-wrapper{animation-play-state:paused}@keyframes scrollLine{0%{transform:translateY(-50%) translate(0)}to{transform:translateY(-50%) translate(-50%)}}.timeline-line-svg{height:200px}.timeline-line-path{fill:none;stroke:url(#lineGradient);stroke-width:3;stroke-linecap:round}.timeline-inner-container{display:flex;position:relative;z-index:2;height:640px;align-items:center}.timeline-item{flex-shrink:0;width:320px;padding:0 30px;position:relative;display:flex;flex-direction:column;align-items:center}.timeline-dot-wrapper{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;z-index:10}.timeline-dot{width:20px;height:20px;border-radius:50%;background:var(--color-main-green);border:4px solid var(--color-paper);box-shadow:0 0 0 4px var(--color-main-green)}.timeline-year{background:linear-gradient(135deg,var(--color-main-green),var(--color-light-green));color:#fff;padding:6px 16px;border-radius:20px;font-size:14px;font-weight:600;white-space:nowrap;box-shadow:0 2px 8px #71a8984d}.timeline-item:nth-child(odd) .timeline-year{position:absolute;top:calc(50% - 45px);left:50%;transform:translate(-50%)}.timeline-item:nth-child(odd) .timeline-card-wrapper{position:absolute;top:calc(50% + 30px);left:50%;transform:translate(-50%)}.timeline-item:nth-child(2n) .timeline-card-wrapper{position:absolute;bottom:calc(50% + 30px);left:50%;transform:translate(-50%)}.timeline-item:nth-child(2n) .timeline-year{position:absolute;bottom:calc(50% - 45px);left:50%;transform:translate(-50%)}.timeline-card-wrapper{display:flex;justify-content:center}.timeline-card{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--color-light-blue);border-radius:16px;padding:20px;transition:all .3s ease;width:240px;text-align:center}.timeline-card:hover{transform:translateY(-8px) scale(1.03);box-shadow:0 15px 50px #71a89840}.timeline-card-img{width:100%;height:120px;object-fit:cover;border-radius:10px;margin-bottom:12px}.artisan-card{background:#ffffffe6;border:1px solid var(--color-light-green);border-radius:12px;transition:all .4s ease;cursor:pointer}.artisan-card:hover{transform:translateY(-10px);box-shadow:0 15px 50px #96c4b740}.artisan-card:hover:before{content:"";position:absolute;inset:-2px;background:linear-gradient(135deg,var(--color-light-green),transparent);border-radius:12px;z-index:-1;opacity:.5}.product-card{background:#ffffffe6;border:1px solid var(--color-light-blue);border-radius:10px;transition:all .3s ease;overflow:hidden}.product-card:hover{transform:translateY(-8px);box-shadow:0 12px 40px #a1c2d933}.course-card{background:#fffffff2;border:1px solid var(--color-light-green);border-radius:12px;transition:all .3s ease}.course-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px #96c4b733}.philosophy-section{background:linear-gradient(135deg,rgba(150,196,183,.2),var(--color-paper));padding:120px 0;position:relative}.philosophy-text{writing-mode:vertical-rl;text-orientation:upright;font-size:56px;letter-spacing:20px;color:#fff;text-shadow:2px 2px 8px rgba(0,0,0,.2)}.footer{background:#1a2b34f2;padding:60px 0 40px}.footer-logo{writing-mode:vertical-rl;font-size:24px;letter-spacing:6px;color:var(--color-light-green)}.scroll-fade{opacity:0;transform:translateY(30px);transition:all .8s ease}.scroll-fade.visible{opacity:1;transform:translateY(0)}.ink-particle{position:absolute;border-radius:50%;pointer-events:none;animation:floatParticle 8s ease-in-out infinite}@keyframes floatParticle{0%,to{transform:translate(0) scale(1);opacity:.6}50%{transform:translate(20px,-30px) scale(1.2);opacity:.3}}.paper-texture{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='%23D4C5A9' fill-opacity='0.05'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")}.search-input{background:#fff;border:1px solid var(--color-light-green);border-radius:6px 0 0 6px;padding:8px 16px;font-size:14px;outline:none;width:180px}.search-btn{background:var(--color-main-green);border:none;border-radius:0 6px 6px 0;padding:8px 20px;color:#fff;cursor:pointer;transition:background .3s ease}.search-btn:hover{background:#5a8a7a}.horizontal-scroll{display:flex;gap:24px;overflow-x:auto;padding:20px 0;-webkit-overflow-scrolling:touch}.horizontal-scroll::-webkit-scrollbar{height:6px}.horizontal-scroll::-webkit-scrollbar-track{background:#96c4b71a;border-radius:3px}.horizontal-scroll::-webkit-scrollbar-thumb{background:var(--color-light-green);border-radius:3px}.carousel-container{margin:0 -12px;padding:0 12px}.carousel-track{gap:24px;transition:transform .5s cubic-bezier(.4,0,.2,1)}.click-ripple{position:fixed;width:10px;height:10px;border-radius:50%;border:2px solid;transform:translate(-50%,-50%);pointer-events:none;z-index:9999;animation:rippleExpand .6s ease-out forwards}.click-particle{position:fixed;width:var(--size);height:var(--size);border-radius:50%;transform:translate(-50%,-50%);pointer-events:none;z-index:9999;animation:particleFly .6s ease-out forwards}@keyframes rippleExpand{0%{width:10px;height:10px;opacity:1}to{width:100px;height:100px;opacity:0}}@keyframes particleFly{0%{transform:translate(-50%,-50%) scale(1);opacity:1}to{transform:translate(calc(-50% + var(--tx)),calc(-50% + var(--ty))) scale(0);opacity:0}}:root{--el-color-primary: #8B3A2A;--el-color-primary-light-3: #a85a4a;--el-color-primary-light-5: #c47a6a;--el-color-primary-light-7: #d9a090;--el-color-primary-light-8: #e6b8b0;--el-color-primary-light-9: #f3e0dc;--el-color-primary-dark-2: #6e2e22;--el-bg-color: #FAF6ED;--el-bg-color-page: #FAF6ED;--el-text-color-primary: #2C2416;--el-border-color: #E8DFD0;--el-border-color-light: #F0E8D8}body{background-color:#faf6ed;color:#2c2416}.page-container{padding:20px}.page-card{background:#fff;border:1px solid #E8DFD0;border-radius:8px;padding:20px;box-shadow:0 2px 8px #2c24160a}.search-bar{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:16px;align-items:center}.table-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.pagination-wrap{display:flex;justify-content:flex-end;margin-top:16px}.stat-card{background:linear-gradient(135deg,#fff,#f0e8d8);border:1px solid #E8DFD0;border-radius:8px;padding:20px;position:relative;overflow:hidden}.stat-card:after{content:"";position:absolute;top:-20px;right:-20px;width:80px;height:80px;border-radius:50%;background:#c4a35a26}.stat-card .stat-value{font-size:28px;font-weight:600;color:#8b3a2a;margin:8px 0 4px}.stat-card .stat-label{font-size:14px;color:#2c2416a6}.el-button--primary{--el-button-bg-color: #8B3A2A;--el-button-border-color: #8B3A2A;--el-button-hover-bg-color: #a04535;--el-button-hover-border-color: #a04535}.el-menu{border-right:none!important}.el-table{--el-table-header-bg-color: #F0E8D8;--el-table-border-color: #E8DFD0}.el-dialog{border-radius:8px}.el-tag--success{--el-tag-bg-color: rgba($color-jade, .12);--el-tag-border-color: rgba($color-jade, .3);--el-tag-text-color: #5C7A5E}.el-tag--warning{--el-tag-bg-color: rgba($color-gold, .15);--el-tag-border-color: rgba($color-gold, .4);--el-tag-text-color: #8a6d2e}