:root{--color-primary: #6366f1;--color-secondary: #14b8a6;--color-accent: #f59e0b;--color-coral: #f97316;--color-purple: #8b5cf6;--color-pink: #ec4899;--color-blue: #3b82f6;--gradient-main: linear-gradient(135deg, #6366f1 0%, #14b8a6 50%, #f59e0b 100%);--gradient-warm: linear-gradient(135deg, #f97316 0%, #ec4899 100%);--gradient-cool: linear-gradient(135deg, #6366f1 0%, #8b5cf6 100%);--gradient-fresh: linear-gradient(135deg, #14b8a6 0%, #3b82f6 100%);--text-primary: #1e293b;--text-secondary: #475569;--text-tertiary: #94a3b8;--text-light: #f8fafc;--bg-main: #fefefe;--bg-soft: #f8fafc;--bg-card: #ffffff;--border-color: rgba(0, 0, 0, .07);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .05);--shadow-md: 0 8px 30px rgba(0, 0, 0, .08);--shadow-lg: 0 20px 50px rgba(0, 0, 0, .1);--shadow-glow: 0 0 40px rgba(99, 102, 241, .12);--radius-sm: 8px;--radius-md: 16px;--radius-lg: 24px;--radius-full: 9999px;--max-width: 1200px;--nav-height: 72px;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;--font-serif: "Georgia", "Noto Serif SC", "SimSun", serif;--transition: .3s cubic-bezier(.4, 0, .2, 1)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:var(--nav-height)}body{font-family:var(--font-sans);color:var(--text-primary);background:var(--bg-main);line-height:1.7;overflow-x:hidden;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none;transition:color var(--transition)}button{font-family:inherit;cursor:pointer;border:none;background:none}img{max-width:100%;display:block}ul{list-style:none}.container{max-width:var(--max-width);margin:0 auto;padding:0 24px}.section{padding:100px 0;position:relative}.section-header{text-align:center;margin-bottom:64px}.section-tag{display:inline-block;padding:6px 16px;border-radius:var(--radius-full);font-size:13px;font-weight:600;letter-spacing:.5px;margin-bottom:16px}.section-title{font-size:clamp(28px,5vw,42px);font-weight:800;margin-bottom:16px;line-height:1.2}.section-subtitle{font-size:17px;color:var(--text-secondary);max-width:600px;margin:0 auto}.gradient-text{background:var(--gradient-main);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.btn{display:inline-flex;align-items:center;gap:8px;padding:12px 28px;border-radius:var(--radius-full);font-size:15px;font-weight:600;transition:all var(--transition);white-space:nowrap}.btn-primary{background:var(--gradient-main);color:#fff;box-shadow:0 4px 20px #6366f14d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 30px #6366f173}.btn-outline{border:2px solid var(--border-color);color:var(--text-primary);background:var(--bg-card)}.btn-outline:hover{border-color:var(--color-primary);color:var(--color-primary);transform:translateY(-2px)}.reveal{opacity:0;transform:translateY(40px);transition:opacity .7s ease,transform .7s ease}.reveal.active{opacity:1;transform:translateY(0)}.reveal-delay-1{transition-delay:.1s}.reveal-delay-2{transition-delay:.2s}.reveal-delay-3{transition-delay:.3s}.reveal-delay-4{transition-delay:.4s}.navbar{position:fixed;top:0;left:0;right:0;height:var(--nav-height);z-index:1000;display:flex;align-items:center;transition:all var(--transition)}.navbar.scrolled{background:#ffffffd9;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:var(--shadow-sm)}.navbar .container{display:flex;align-items:center;justify-content:space-between;width:100%}.nav-logo{font-size:20px;font-weight:800;display:flex;align-items:center;gap:8px;color:var(--text-primary)}.nav-logo-icon{width:36px;height:36px;border-radius:10px;background:var(--gradient-main);display:flex;align-items:center;justify-content:center;color:#fff;font-size:16px;font-weight:800}.nav-links{display:flex;gap:28px;align-items:center}.nav-link{font-size:14px;font-weight:500;color:var(--text-secondary);position:relative;padding:4px 0}.nav-link:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:2px;background:var(--gradient-main);transition:width var(--transition)}.nav-link:hover{color:var(--text-primary)}.nav-link:hover:after{width:100%}.nav-cta{padding:10px 22px;border-radius:var(--radius-full);background:var(--gradient-main);color:#fff;font-size:14px;font-weight:600;box-shadow:0 4px 15px #6366f14d;transition:all var(--transition)}.nav-cta:hover{transform:translateY(-2px);box-shadow:0 6px 25px #6366f173}.nav-toggle{display:none;flex-direction:column;gap:5px;padding:8px}.nav-toggle span{width:24px;height:2px;background:var(--text-primary);border-radius:2px;transition:all var(--transition)}.hero{min-height:100vh;display:flex;align-items:center;position:relative;overflow:hidden;padding-top:var(--nav-height)}.hero-bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.hero-blob{position:absolute;border-radius:50%;filter:blur(80px);opacity:.45;animation:float 10s ease-in-out infinite}.hero-blob-1{width:450px;height:450px;background:var(--color-primary);top:-80px;right:-60px;animation-delay:0s}.hero-blob-2{width:350px;height:350px;background:var(--color-secondary);bottom:-40px;left:-60px;animation-delay:3s}.hero-blob-3{width:250px;height:250px;background:var(--color-accent);top:50%;left:45%;animation-delay:6s;opacity:.25}@keyframes float{0%,to{transform:translate(0) scale(1)}33%{transform:translate(25px,-35px) scale(1.04)}66%{transform:translate(-18px,18px) scale(.96)}}.hero-content{position:relative;z-index:1;text-align:center;max-width:800px;margin:0 auto}.hero-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 18px;border-radius:var(--radius-full);background:#6366f11a;color:var(--color-primary);font-size:14px;font-weight:600;margin-bottom:24px}.hero-badge-dot{width:8px;height:8px;border-radius:50%;background:var(--color-secondary);animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.3)}}.hero-logo{font-size:clamp(32px,6vw,56px);font-weight:900;line-height:1.15;margin-bottom:16px}.hero-title{font-size:clamp(18px,3vw,28px);font-weight:600;color:var(--text-secondary);margin-bottom:32px;line-height:1.5}.hero-disciplines{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-bottom:40px}.discipline-tag{padding:8px 20px;border-radius:var(--radius-full);font-size:14px;font-weight:600;border:2px solid;transition:all var(--transition)}.disc-humanities{color:var(--color-purple);border-color:#8b5cf64d;background:#8b5cf60d}.disc-cs{color:var(--color-blue);border-color:#3b82f64d;background:#3b82f60d}.disc-medicine{color:var(--color-pink);border-color:#ec48994d;background:#ec48990d}.disc-life{color:var(--color-secondary);border-color:#14b8a64d;background:#14b8a60d}.discipline-tag:hover{transform:translateY(-3px);box-shadow:var(--shadow-sm)}.hero-buttons{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;margin-bottom:48px}.hero-stats{display:flex;gap:48px;justify-content:center}.hero-stat{text-align:center}.hero-stat-num{font-size:32px;font-weight:800;line-height:1}.hero-stat-label{font-size:13px;color:var(--text-tertiary);margin-top:4px}.hero-scroll{position:absolute;bottom:30px;left:50%;transform:translate(-50%);z-index:1;display:flex;flex-direction:column;align-items:center;gap:8px;color:var(--text-tertiary);font-size:13px;animation:bounce 2s ease-in-out infinite}@keyframes bounce{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(8px)}}.philosophy{background:var(--bg-soft)}.philosophy-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:28px}.philosophy-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:36px;transition:all var(--transition);position:relative;overflow:hidden}.philosophy-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--gradient-main);transform:scaleX(0);transform-origin:left;transition:transform var(--transition)}.philosophy-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-md);border-color:transparent}.philosophy-card:hover:before{transform:scaleX(1)}.philosophy-icon{width:56px;height:56px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:28px;margin-bottom:20px}.philosophy-card:nth-child(1) .philosophy-icon{background:#6366f11a}.philosophy-card:nth-child(2) .philosophy-icon{background:#14b8a61a}.philosophy-card:nth-child(3) .philosophy-icon{background:#f59e0b1a}.philosophy-card:nth-child(4) .philosophy-icon{background:#8b5cf61a}.philosophy-card h3{font-size:18px;font-weight:700;margin-bottom:8px}.philosophy-card p{color:var(--text-secondary);font-size:14px;line-height:1.7}.courses-filter{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-bottom:40px}.filter-btn{padding:8px 20px;border-radius:var(--radius-full);font-size:14px;font-weight:600;color:var(--text-secondary);border:2px solid var(--border-color);transition:all var(--transition)}.filter-btn:hover{border-color:var(--color-primary);color:var(--color-primary)}.filter-btn.active{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.courses-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:24px}.course-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:28px;transition:all var(--transition);position:relative}.course-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-md)}.course-card-header{display:flex;align-items:flex-start;gap:16px;margin-bottom:16px}.course-icon{width:52px;height:52px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:26px;flex-shrink:0}.course-icon-humanities{background:linear-gradient(135deg,#8b5cf626,#6366f11a)}.course-icon-cs{background:linear-gradient(135deg,#3b82f626,#6366f11a)}.course-icon-brain{background:linear-gradient(135deg,#a855f726,#ec48991a)}.course-icon-health{background:linear-gradient(135deg,#14b8a626,#22c55e1a)}.course-meta{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:8px}.course-tag{padding:3px 10px;border-radius:var(--radius-full);font-size:11px;font-weight:600}.tag-humanities{background:#8b5cf61a;color:var(--color-purple)}.tag-cs{background:#3b82f61a;color:var(--color-blue)}.tag-brain{background:#a855f71a;color:#a855f7}.tag-health{background:#14b8a61a;color:var(--color-secondary)}.tag-level{background:#f59e0b1a;color:var(--color-accent)}.course-card h3{font-size:18px;font-weight:700;margin-bottom:8px;line-height:1.3}.course-desc{color:var(--text-secondary);font-size:14px;margin-bottom:16px;line-height:1.6}.course-footer{display:flex;align-items:center;justify-content:space-between;padding-top:16px;border-top:1px solid var(--border-color)}.course-info{display:flex;gap:16px;font-size:13px;color:var(--text-tertiary)}.course-info span{display:flex;align-items:center;gap:4px}.course-link{color:var(--color-primary);font-size:14px;font-weight:600;display:flex;align-items:center;gap:4px;transition:all var(--transition)}.course-link:hover{gap:8px;color:var(--color-purple)}.research{background:var(--bg-soft)}.research-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:24px}.research-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:32px;transition:all var(--transition);cursor:pointer}.research-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}.research-icon{font-size:40px;margin-bottom:16px}.research-card h3{font-size:19px;font-weight:700;margin-bottom:8px}.research-card p{color:var(--text-secondary);font-size:14px;margin-bottom:16px}.research-topics{display:flex;flex-wrap:wrap;gap:6px}.research-topics span{padding:4px 12px;border-radius:var(--radius-full);background:var(--bg-soft);font-size:12px;font-weight:600;color:var(--text-secondary);border:1px solid var(--border-color)}.works-tabs{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin-bottom:40px}.works-tab{display:inline-flex;align-items:center;gap:8px;padding:10px 24px;border-radius:var(--radius-full);font-size:14px;font-weight:600;color:var(--text-secondary);border:2px solid var(--border-color);background:var(--bg-card);transition:all var(--transition)}.works-tab:hover{border-color:var(--color-primary);color:var(--color-primary)}.works-tab.active{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.works-tab-icon{font-size:18px}.works-tab-badge{display:inline-block;padding:2px 8px;border-radius:var(--radius-full);background:#ffffff40;font-size:11px;font-weight:700}.works-tab:not(.active) .works-tab-badge{background:#14b8a61f;color:var(--color-secondary)}.research-tab-content{max-width:860px;margin:0 auto}.research-list{display:flex;flex-direction:column;gap:12px}.research-item{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:20px 24px;transition:all var(--transition)}.research-item.expanded{border-color:var(--color-primary);box-shadow:0 4px 20px #6366f114}.research-item-header{display:flex;align-items:center;gap:16px;cursor:pointer}.research-item-icon{width:44px;height:44px;border-radius:var(--radius-sm);background:#6366f114;display:flex;align-items:center;justify-content:center;font-size:22px;flex-shrink:0}.research-item-info{flex:1;min-width:0}.research-item-info h4{font-size:16px;font-weight:700;margin-bottom:4px}.research-item-meta{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--text-tertiary)}.meta-sep{color:var(--border-color)}.research-item-arrow{font-size:12px;color:var(--text-tertiary);flex-shrink:0}.research-item-body{margin-top:16px;padding-top:16px;border-top:1px dashed var(--border-color)}.research-item-body h5{font-size:14px;font-weight:700;margin-bottom:6px;color:var(--text-secondary)}.research-item-body p{font-size:14px;color:var(--text-secondary);line-height:1.7}.patent-item .research-item-header{cursor:default}.my-works{background:var(--bg-main)}.works-content{max-width:1000px;margin:0 auto}.works-locked-banner{display:flex;align-items:center;gap:20px;padding:24px 28px;background:linear-gradient(135deg,#ec48990f,#8b5cf60f);border-radius:var(--radius-lg);border:1.5px dashed rgba(236,72,153,.3);margin-bottom:32px;flex-wrap:wrap}.works-locked-icon{font-size:36px;flex-shrink:0}.works-locked-text{flex:1;min-width:0}.works-locked-text h4{font-size:16px;font-weight:700;margin-bottom:4px;color:var(--text-primary)}.works-locked-text p{font-size:14px;color:var(--text-secondary);line-height:1.6}.works-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;margin-bottom:24px}.works-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);overflow:hidden;transition:all var(--transition)}.works-card:not(.locked):hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}.works-card.locked{opacity:.65;filter:grayscale(.3)}.works-card.locked:hover{opacity:.85;filter:grayscale(.1);border-color:var(--color-pink)}.works-card-cover{height:140px;background:linear-gradient(135deg,#6366f11f,#ec48991f);display:flex;align-items:center;justify-content:center;position:relative}.works-card-emoji{font-size:48px;opacity:.5}.works-card-lock{position:absolute;top:12px;right:12px;font-size:20px;background:#0000000f;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center}.works-card-body{padding:18px 20px}.works-card-body h4{font-size:16px;font-weight:700;margin-bottom:6px}.works-card-body p{font-size:13px;color:var(--text-secondary);margin-bottom:12px;line-height:1.5}.works-card-footer{display:flex;align-items:center;justify-content:space-between}.works-card-date{font-size:12px;color:var(--text-tertiary)}.works-card-paid-tag{display:inline-block;padding:2px 10px;border-radius:var(--radius-full);font-size:11px;font-weight:700;background:#f59e0b1f;color:var(--color-accent)}.works-unlocked-notice{text-align:center;padding:16px 24px;background:#14b8a60f;border-radius:var(--radius-md);border:1.5px solid rgba(20,184,166,.2);font-size:14px;color:var(--text-secondary)}.resources-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px}.resource-card{display:flex;gap:20px;padding:28px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);transition:all var(--transition);cursor:pointer}.resource-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);border-color:var(--color-primary)}.resource-icon{width:52px;height:52px;border-radius:var(--radius-md);background:#6366f114;display:flex;align-items:center;justify-content:center;font-size:24px;flex-shrink:0}.resource-info h4{font-size:16px;font-weight:700;margin-bottom:4px}.resource-info p{color:var(--text-secondary);font-size:13px}.resource-badge{display:inline-block;padding:2px 10px;border-radius:var(--radius-full);font-size:11px;font-weight:600;margin-top:8px;background:#14b8a61a;color:var(--color-secondary)}.news{background:var(--bg-soft)}.news-list{max-width:800px;margin:0 auto}.news-item{display:flex;gap:24px;padding:24px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);transition:all var(--transition);cursor:pointer}.news-item+.news-item{margin-top:16px}.news-item:hover{transform:translate(6px);box-shadow:var(--shadow-sm);border-left:4px solid var(--color-primary)}.news-date{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:64px;padding:10px;border-radius:var(--radius-sm);background:#6366f114}.news-date .day{font-size:24px;font-weight:800;color:var(--color-primary);line-height:1}.news-date .month{font-size:12px;color:var(--text-tertiary);font-weight:600;text-transform:uppercase}.news-content h4{font-size:16px;font-weight:700;margin-bottom:6px}.news-content p{font-size:14px;color:var(--text-secondary)}.news-tag{display:inline-block;padding:2px 10px;border-radius:var(--radius-full);font-size:11px;font-weight:600;margin-bottom:6px}.news-tag.announcement{background:#f59e0b1a;color:var(--color-accent)}.news-tag.event{background:#14b8a61a;color:var(--color-secondary)}.news-tag.publication{background:#6366f11a;color:var(--color-primary)}.contact-wrapper{max-width:700px;margin:0 auto;text-align:center}.contact-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:20px;margin-top:48px}.contact-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:28px 16px;text-align:center;transition:all var(--transition)}.contact-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-md);border-color:var(--color-primary)}.contact-card-icon{width:48px;height:48px;border-radius:var(--radius-md);background:#6366f11a;display:flex;align-items:center;justify-content:center;font-size:22px;margin:0 auto 12px}.contact-card h4{font-size:14px;font-weight:600;color:var(--text-tertiary);margin-bottom:4px}.contact-card p{font-size:15px;font-weight:600;color:var(--text-primary)}.footer{background:#0f172a;color:var(--text-tertiary);padding:48px 0 24px}.footer-top{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:24px;padding-bottom:24px;border-bottom:1px solid rgba(255,255,255,.08)}.footer-brand{font-size:20px;font-weight:800;color:#fff;display:flex;align-items:center;gap:10px}.footer-links{display:flex;gap:24px;flex-wrap:wrap}.footer-links a{font-size:14px;color:var(--text-tertiary);transition:color var(--transition)}.footer-links a:hover{color:#fff}.footer-bottom{text-align:center;padding-top:24px;font-size:13px;display:flex;justify-content:center;align-items:center;gap:16px;flex-wrap:wrap}.footer-icp a{color:#fff9;text-decoration:none;transition:color var(--transition)}.footer-icp a:hover{color:#ffffffe6}.course-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:2000;display:flex;align-items:center;justify-content:center;padding:24px;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.course-modal{background:var(--bg-card);border-radius:var(--radius-lg);max-width:640px;width:100%;max-height:80vh;overflow-y:auto;padding:40px;position:relative;animation:slideUp .3s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-close{position:absolute;top:16px;right:16px;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:18px;color:var(--text-tertiary);transition:all var(--transition)}.modal-close:hover{background:var(--bg-soft);color:var(--text-primary)}.modal-discipline{margin-bottom:16px}.modal-discipline .course-tag{font-size:12px;padding:4px 12px}.modal-title{font-size:26px;font-weight:800;margin-bottom:12px;line-height:1.3}.modal-desc{color:var(--text-secondary);font-size:15px;margin-bottom:24px;line-height:1.7}.modal-section{margin-bottom:24px}.modal-section h4{font-size:16px;font-weight:700;margin-bottom:12px;display:flex;align-items:center;gap:8px}.modal-topics{display:flex;flex-wrap:wrap;gap:8px}.modal-topic{padding:6px 14px;border-radius:var(--radius-full);background:var(--bg-soft);font-size:13px;color:var(--text-secondary);border:1px solid var(--border-color)}.modal-info-row{display:flex;gap:24px;flex-wrap:wrap;margin-top:24px;padding-top:20px;border-top:1px solid var(--border-color)}.modal-info-item{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--text-secondary)}.detail-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;z-index:2000;display:flex;align-items:center;justify-content:center;padding:16px;animation:fadeIn .2s ease}.detail-modal{background:var(--bg-card);border-radius:var(--radius-lg);width:100%;max-width:960px;max-height:90vh;display:flex;flex-direction:column;animation:slideUp .3s ease;overflow:hidden}.detail-header{display:flex;align-items:center;justify-content:space-between;padding:20px 28px;border-bottom:1px solid var(--border-color);flex-shrink:0}.detail-header-left{display:flex;align-items:center;gap:16px}.detail-header-left h2{font-size:20px;font-weight:800;line-height:1.3}.detail-header .modal-close{position:static}.detail-tabs{display:flex;gap:4px;padding:12px 28px;border-bottom:1px solid var(--border-color);flex-shrink:0;overflow-x:auto}.detail-tab{padding:8px 18px;border-radius:var(--radius-full);font-size:13px;font-weight:600;color:var(--text-secondary);transition:all var(--transition);white-space:nowrap;display:flex;align-items:center;gap:4px;border:1.5px solid transparent}.detail-tab:hover{color:var(--color-primary);background:#6366f10d}.detail-tab.active{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.detail-body{flex:1;overflow-y:auto;padding:28px}.detail-tab-content h3{font-size:18px;font-weight:700;margin-bottom:8px}.detail-tab-desc{color:var(--text-secondary);font-size:14px;margin-bottom:24px}.discussion-input{margin-bottom:24px}.discussion-input textarea{width:100%;border:1.5px solid var(--border-color);border-radius:var(--radius-md);padding:12px 16px;font-size:14px;font-family:inherit;resize:vertical;outline:none;transition:border-color var(--transition)}.discussion-input textarea:focus{border-color:var(--color-primary)}.discussion-list{display:flex;flex-direction:column;gap:16px}.discussion-card{background:var(--bg-soft);border-radius:var(--radius-md);padding:20px;border:1px solid var(--border-color)}.discussion-main,.discussion-reply{display:flex;gap:12px}.discussion-reply{margin-top:14px;padding-top:14px;border-top:1px dashed var(--border-color);margin-left:20px}.discussion-avatar{font-size:28px;flex-shrink:0;width:40px;text-align:center}.discussion-body{flex:1}.discussion-meta{display:flex;align-items:center;gap:12px;margin-bottom:6px}.discussion-meta strong{font-size:14px;color:var(--text-primary)}.discussion-meta span{font-size:12px;color:var(--text-tertiary)}.discussion-body p{font-size:14px;color:var(--text-secondary);line-height:1.7}.announce-list{display:flex;flex-direction:column;gap:16px}.announce-card{display:flex;gap:20px;padding:20px;background:var(--bg-soft);border-radius:var(--radius-md);border:1px solid var(--border-color);transition:all var(--transition)}.announce-card:hover{box-shadow:var(--shadow-sm);border-color:var(--color-primary)}.announce-date{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;min-width:56px;padding:8px 10px;border-radius:var(--radius-sm);background:#6366f114}.announce-date-day{font-size:22px;font-weight:800;color:var(--color-primary);line-height:1}.announce-date-month{font-size:11px;color:var(--text-tertiary);font-weight:600}.announce-body{flex:1}.announce-type{display:inline-block;padding:2px 10px;border-radius:var(--radius-full);font-size:11px;font-weight:600;margin-bottom:6px}.announce-type.type-notice{background:#3b82f61a;color:var(--color-blue)}.announce-type.type-resource{background:#14b8a61a;color:var(--color-secondary)}.announce-type.type-exam{background:#f59e0b1a;color:var(--color-accent)}.announce-body h4{font-size:15px;font-weight:700;margin-bottom:6px}.announce-body p{font-size:13px;color:var(--text-secondary);line-height:1.7}.hw-form{margin-bottom:28px}.hw-field{margin-bottom:16px}.hw-field label{display:block;font-size:14px;font-weight:700;margin-bottom:6px;color:var(--text-primary)}.hw-field input,.hw-field textarea{width:100%;border:1.5px solid var(--border-color);border-radius:var(--radius-md);padding:10px 14px;font-size:14px;font-family:inherit;outline:none;transition:border-color var(--transition)}.hw-field input:focus,.hw-field textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #6366f114}.hw-submit-btn{display:inline-flex;align-items:center;gap:6px;padding:11px 28px;border-radius:var(--radius-full);font-size:14px;font-weight:700;background:var(--gradient-main);color:#fff;box-shadow:0 4px 18px #6366f159;transition:all var(--transition)}.hw-submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 25px #6366f180}.hw-submit-btn:disabled{opacity:.4;cursor:not-allowed}.hw-result{background:var(--bg-soft);border-radius:var(--radius-lg);padding:28px;border:1px solid var(--border-color)}@keyframes animateIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.animate-in{animation:animateIn .4s ease}.hw-score-card{display:flex;align-items:center;gap:28px;margin-bottom:24px;padding-bottom:24px;border-bottom:1px solid var(--border-color)}.hw-score-circle{flex-shrink:0}.hw-score-info h4{font-size:18px;font-weight:700;margin-bottom:4px}.hw-score-info p{font-size:14px;color:var(--text-secondary);margin-bottom:8px}.hw-level{display:inline-block;padding:4px 14px;border-radius:var(--radius-full);font-size:13px;font-weight:700}.hw-level.excellent{background:#14b8a61f;color:var(--color-secondary)}.hw-level.good{background:#3b82f61f;color:var(--color-blue)}.hw-level.needwork{background:#f59e0b1f;color:var(--color-accent)}.hw-feedback{margin-bottom:20px}.hw-feedback h4{font-size:16px;font-weight:700;margin-bottom:10px}.hw-feedback-item{font-size:14px;color:var(--text-secondary);line-height:1.7;padding:8px 14px;background:#fff;border-radius:var(--radius-sm);margin-bottom:6px;border:1px solid var(--border-color)}.hw-points{display:grid;grid-template-columns:1fr 1fr;gap:20px}.hw-points-col h5{font-size:14px;font-weight:700;margin-bottom:8px}.hw-points-col ul{list-style:none;padding:0}.hw-points-col li{font-size:13px;color:var(--text-secondary);padding:6px 0 6px 18px;position:relative}.hw-points-col:first-child li:before{content:"✅";position:absolute;left:0;font-size:12px}.hw-points-col:last-child li:before{content:"⚠️";position:absolute;left:0;font-size:12px}.hw-empty{color:var(--text-tertiary);font-size:13px;font-style:italic}.hw-history{margin-top:28px}.hw-history h4{font-size:16px;font-weight:700;margin-bottom:12px}.hw-history-list{display:flex;flex-direction:column;gap:8px}.hw-history-item{display:flex;align-items:center;gap:12px;padding:10px 16px;background:var(--bg-soft);border-radius:var(--radius-sm);font-size:13px;border:1px solid var(--border-color)}.hw-history-name{font-weight:700;color:var(--text-primary);min-width:60px}.hw-history-preview{flex:1;color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hw-history-score{font-weight:700;min-width:45px;text-align:center}.hw-history-score.excellent{color:var(--color-secondary)}.hw-history-score.good{color:var(--color-blue)}.hw-history-score.needwork{color:var(--color-accent)}.hw-history-time{color:var(--text-tertiary);font-size:12px;min-width:120px;text-align:right}.detail-header-right{display:flex;align-items:center;gap:12px}.login-trigger-btn{padding:8px 18px;border-radius:var(--radius-full);font-size:13px;font-weight:600;background:var(--bg-soft);color:var(--color-primary);border:1.5px solid var(--border-color);transition:all var(--transition)}.login-trigger-btn:hover{border-color:var(--color-primary);background:#6366f10f}.enrolled-badge{display:flex;align-items:center;gap:8px;padding:6px 14px;border-radius:var(--radius-full);background:#14b8a614;border:1.5px solid rgba(20,184,166,.25)}.enrolled-dot{width:8px;height:8px;border-radius:50%;background:var(--color-secondary);animation:pulse 2s ease-in-out infinite}.enrolled-name{font-size:13px;font-weight:700;color:var(--color-secondary)}.enrolled-logout{font-size:12px;color:var(--text-tertiary);padding:2px 8px;border-radius:var(--radius-full);transition:all var(--transition)}.enrolled-logout:hover{background:#ef44441a;color:#ef4444}.login-panel{padding:0 28px 20px;border-bottom:1px solid var(--border-color)}.login-panel-inner{background:var(--bg-soft);border-radius:var(--radius-md);padding:20px 24px;border:1px solid var(--border-color)}.login-panel-inner h4{font-size:16px;font-weight:700;margin-bottom:4px}.login-panel-inner>p{font-size:13px;color:var(--text-secondary);margin-bottom:16px}.login-fields{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}.login-error{color:#ef4444;font-size:13px;font-weight:600;margin-bottom:12px}.login-actions{display:flex;gap:12px;align-items:center}.login-cancel-btn{padding:11px 24px;border-radius:var(--radius-full);font-size:14px;font-weight:600;color:var(--text-secondary);border:1.5px solid var(--border-color);background:#fff;transition:all var(--transition)}.login-cancel-btn:hover{border-color:var(--text-tertiary)}.login-hint{margin-top:12px;font-size:12px;color:var(--text-tertiary)}.ppt-grid{display:flex;flex-direction:column;gap:12px}.ppt-card{display:flex;align-items:center;gap:16px;padding:18px 20px;background:var(--bg-soft);border-radius:var(--radius-md);border:1px solid var(--border-color);transition:all var(--transition);flex-wrap:wrap}.ppt-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-sm)}.ppt-card.locked{opacity:.6;position:relative}.ppt-card-icon{width:48px;height:48px;border-radius:var(--radius-sm);background:linear-gradient(135deg,#6366f126,#8b5cf626);display:flex;align-items:center;justify-content:center;font-size:24px;flex-shrink:0}.ppt-card-info{flex:1;min-width:0}.ppt-card-info h4{font-size:15px;font-weight:700;margin-bottom:4px}.ppt-card-info p{font-size:13px;color:var(--text-secondary);margin-bottom:6px}.ppt-card-meta{display:flex;gap:16px;font-size:12px;color:var(--text-tertiary)}.ppt-card-meta span{display:flex;align-items:center;gap:4px}.ppt-card-actions{display:flex;gap:8px;flex-shrink:0}.ppt-btn{padding:8px 16px;border-radius:var(--radius-full);font-size:13px;font-weight:600;transition:all var(--transition)}.ppt-btn-view{background:var(--bg-card);color:var(--text-primary);border:1.5px solid var(--border-color)}.ppt-btn-view:hover{border-color:var(--color-primary);color:var(--color-primary)}.ppt-btn-download{background:var(--gradient-main);color:#fff;box-shadow:0 2px 10px #6366f140}.ppt-btn-download:hover{transform:translateY(-1px);box-shadow:0 4px 16px #6366f166}.ppt-lock-badge{font-size:24px;flex-shrink:0}.video-grid{display:flex;flex-direction:column;gap:16px}.video-card{display:flex;gap:20px;padding:18px 20px;background:var(--bg-soft);border-radius:var(--radius-md);border:1px solid var(--border-color);transition:all var(--transition);align-items:center;flex-wrap:wrap}.video-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-sm)}.video-card.locked{opacity:.6}.video-thumb{width:160px;height:96px;border-radius:var(--radius-sm);overflow:hidden;position:relative;flex-shrink:0;background:linear-gradient(135deg,#1e293b,#334155)}.video-thumb-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:36px;opacity:.7}.video-duration-badge{position:absolute;bottom:6px;right:6px;padding:2px 8px;border-radius:var(--radius-full);background:#000000bf;color:#fff;font-size:11px;font-weight:600}.video-card-info{flex:1;min-width:0}.video-card-info h4{font-size:15px;font-weight:700;margin-bottom:4px}.video-card-info p{font-size:13px;color:var(--text-secondary);margin-bottom:6px}.video-card-meta{display:flex;gap:16px;font-size:12px;color:var(--text-tertiary)}.video-size{font-size:12px;color:var(--text-tertiary)}.video-lock-badge{font-size:24px;flex-shrink:0}.locked-content{position:relative}.locked-preview{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.locked-cta{text-align:center;padding:40px 24px;background:linear-gradient(135deg,#6366f10d,#8b5cf60d);border-radius:var(--radius-md);border:1.5px dashed rgba(99,102,241,.3)}.locked-cta-icon{font-size:48px;margin-bottom:16px}.locked-cta h3{font-size:20px;font-weight:700;margin-bottom:8px}.locked-cta p{font-size:14px;color:var(--text-secondary);margin-bottom:0}.paywall-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;z-index:3000;display:flex;align-items:center;justify-content:center;padding:24px;animation:fadeIn .2s ease}.paywall-modal{background:var(--bg-card);border-radius:var(--radius-lg);max-width:440px;width:100%;padding:40px 36px;text-align:center}.paywall-icon{font-size:48px;margin-bottom:16px}.paywall-modal h3{font-size:20px;font-weight:800;margin-bottom:8px}.paywall-desc{font-size:14px;color:var(--text-secondary);line-height:1.7;margin-bottom:24px}.paywall-price{display:flex;align-items:baseline;justify-content:center;gap:2px;margin-bottom:24px;padding:20px;background:var(--bg-soft);border-radius:var(--radius-md)}.paywall-currency{font-size:18px;font-weight:700;color:var(--color-primary)}.paywall-amount{font-size:48px;font-weight:900;color:var(--color-primary);line-height:1}.paywall-unit{font-size:14px;color:var(--text-tertiary);font-weight:600}.paywall-features{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:24px;text-align:left}.paywall-feature{font-size:13px;color:var(--text-secondary);padding:6px 0}.paywall-actions{display:flex;gap:12px;justify-content:center}.paywall-btn-primary{padding:12px 32px;border-radius:var(--radius-full);font-size:15px;font-weight:700;background:var(--gradient-main);color:#fff;box-shadow:0 4px 20px #6366f159;transition:all var(--transition)}.paywall-btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 30px #6366f180}.paywall-btn-secondary{padding:12px 24px;border-radius:var(--radius-full);font-size:14px;font-weight:600;color:var(--text-secondary);border:1.5px solid var(--border-color);background:var(--bg-card);transition:all var(--transition)}.paywall-btn-secondary:hover{border-color:var(--text-tertiary)}.paywall-note{margin-top:16px;font-size:12px;color:var(--text-tertiary)}.pay-entry-btn{background:var(--gradient-warm)!important;color:#fff!important;border:none!important;font-weight:700!important}.free-tag{display:inline-block;padding:2px 8px;border-radius:var(--radius-full);font-size:11px;font-weight:700;background:#14b8a61f;color:var(--color-secondary);margin-left:8px;vertical-align:middle}.paid-tag{display:inline-block;padding:2px 8px;border-radius:var(--radius-full);font-size:11px;font-weight:700;background:#f59e0b1f;color:var(--color-accent);margin-left:8px;vertical-align:middle}.free-badge-hint{color:var(--color-secondary);font-weight:600}.resource-section-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:20px;flex-wrap:wrap}.admin-mode-badge{display:inline-flex;align-items:center;gap:4px;padding:6px 14px;border-radius:var(--radius-full);background:#f59e0b1f;color:var(--color-accent);font-size:13px;font-weight:700;white-space:nowrap;border:1.5px solid rgba(245,158,11,.3);animation:pulse 2s ease-in-out infinite}.ppt-section{margin-bottom:28px}.ppt-section:last-child{margin-bottom:0}.ppt-section-title{font-size:15px;font-weight:700;color:var(--text-secondary);margin-bottom:12px;padding-bottom:8px;border-bottom:1px dashed var(--border-color)}.ppt-btn-buy{padding:8px 16px;border-radius:var(--radius-full);font-size:13px;font-weight:600;background:var(--gradient-warm);color:#fff;box-shadow:0 2px 10px #f9731640;transition:all var(--transition)}.ppt-btn-buy:hover{transform:translateY(-1px);box-shadow:0 4px 16px #f9731666}.admin-card{border-color:#f59e0b4d!important;background:#f59e0b05!important}.admin-toggle{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:600;color:var(--text-secondary);flex-shrink:0;margin-left:12px}.admin-toggle-btn{padding:4px 10px;border-radius:var(--radius-full);font-size:12px;font-weight:600;background:var(--bg-card);color:var(--text-secondary);border:1.5px solid var(--border-color);transition:all var(--transition)}.admin-toggle-btn:hover{border-color:var(--color-accent);color:var(--color-accent)}.admin-toggle-btn.active{background:#f59e0b1a;color:var(--color-accent);border-color:#f59e0b4d}.toggle-switch{position:relative;display:inline-block;width:44px;height:24px}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;top:0;right:0;bottom:0;left:0;background:var(--border-color);border-radius:var(--radius-full);transition:all var(--transition)}.toggle-slider:before{content:"";position:absolute;height:18px;width:18px;left:3px;bottom:3px;background:#fff;border-radius:50%;transition:all var(--transition)}.toggle-switch input:checked+.toggle-slider{background:var(--color-accent)}.toggle-switch input:checked+.toggle-slider:before{transform:translate(20px)}.ppt-preview-panel{width:100%;margin-top:12px;padding:20px;background:#fff;border-radius:var(--radius-md);border:1.5px solid var(--color-primary);box-shadow:0 4px 20px #6366f11a}.ppt-preview-content{text-align:center}.ppt-preview-slide{padding:32px 16px;background:var(--bg-soft);border-radius:var(--radius-sm);border:1px solid var(--border-color)}.ppt-preview-icon{font-size:48px;display:block;margin-bottom:12px}.ppt-preview-slide h5{font-size:16px;font-weight:700;margin-bottom:6px}.ppt-preview-slide p{font-size:13px;color:var(--text-secondary);margin-bottom:8px}.ppt-preview-pages{font-size:12px;color:var(--text-tertiary);font-weight:600}.video-player-panel{width:100%;margin-top:12px;padding:20px;background:#fff;border-radius:var(--radius-md);border:1.5px solid var(--color-primary);box-shadow:0 4px 20px #6366f11a}.video-player-content{text-align:center}.video-player-icon{font-size:48px;display:block;margin-bottom:12px}.video-player-content h5{font-size:16px;font-weight:700;margin-bottom:6px}.video-player-content>p{font-size:13px;color:var(--text-secondary);margin-bottom:16px}.video-player-bar{display:flex;align-items:center;gap:12px;font-size:12px;color:var(--text-tertiary);font-weight:600;margin-bottom:12px}.video-progress{flex:1;height:6px;background:var(--border-color);border-radius:var(--radius-full);overflow:hidden}.video-progress-fill{height:100%;background:var(--gradient-main);border-radius:var(--radius-full);transition:width .3s ease}.video-player-note{font-size:12px;color:var(--text-tertiary);font-style:italic;padding:8px 14px;background:#f59e0b0f;border-radius:var(--radius-sm);display:inline-block}.analytics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;margin-bottom:28px}.analytics-card{background:var(--bg-soft);border-radius:var(--radius-md);padding:20px;border:1px solid var(--border-color)}.analytics-card-header{display:flex;align-items:flex-start;gap:14px;margin-bottom:12px}.analytics-card-header>span{font-size:28px}.analytics-card-header h4{font-size:14px;font-weight:600;color:var(--text-secondary);margin-bottom:4px}.analytics-big-num{font-size:28px;font-weight:800;color:var(--text-primary);line-height:1}.analytics-sub{display:flex;gap:16px;font-size:12px;color:var(--text-tertiary)}.analytics-issues{list-style:none;padding:0}.analytics-issues li{font-size:13px;color:var(--text-secondary);padding:6px 0;border-bottom:1px dashed var(--border-color)}.analytics-issues li:last-child{border-bottom:none}.analytics-charts{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:8px}.chart-container{background:var(--bg-soft);border-radius:var(--radius-md);padding:20px;border:1px solid var(--border-color)}.chart-container h4{font-size:14px;font-weight:700;margin-bottom:16px}@media (max-width: 768px){.nav-links{display:none}.nav-toggle{display:flex}.nav-links.open{display:flex;flex-direction:column;position:absolute;top:var(--nav-height);left:0;right:0;background:#fffffffa;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:24px;gap:20px;box-shadow:var(--shadow-md)}.hero-stats{gap:24px;flex-wrap:wrap}.courses-grid{grid-template-columns:1fr}.section{padding:60px 0}.course-modal{padding:24px;margin:16px}.detail-modal{max-height:95vh;border-radius:var(--radius-md)}.detail-header{padding:14px 18px;flex-wrap:wrap;gap:10px}.detail-header-left h2{font-size:17px}.detail-header-right{width:100%;justify-content:space-between}.detail-tabs{padding:10px 14px;gap:2px;flex-wrap:nowrap}.detail-tab{padding:6px 12px;font-size:12px}.detail-body{padding:18px}.login-fields{grid-template-columns:1fr}.ppt-card{flex-wrap:wrap}.ppt-card-actions{width:100%;justify-content:flex-end}.video-card{flex-direction:column;align-items:flex-start}.video-thumb{width:100%;height:140px}.hw-score-card{flex-direction:column;align-items:center;text-align:center}.hw-points,.analytics-charts,.analytics-grid{grid-template-columns:1fr}.discussion-reply{margin-left:0}.paywall-features{grid-template-columns:1fr}.admin-toggle{margin-left:0;margin-top:8px;width:100%}.resource-section-header{flex-direction:column}.pay-entry-btn{font-size:12px!important;padding:8px 14px!important}.works-tabs{gap:6px}.works-tab{padding:8px 16px;font-size:13px}.works-locked-banner{flex-direction:column;text-align:center;align-items:center}.works-grid{grid-template-columns:1fr}}@media (max-width: 480px){.hero-buttons{flex-direction:column;width:100%}.btn{width:100%;justify-content:center}.hero-stats{flex-direction:column;gap:16px}.hero-disciplines{gap:8px}.discipline-tag{padding:6px 14px;font-size:12px}.detail-overlay{padding:0}.detail-modal{max-height:100vh;border-radius:0}.detail-header-left{gap:8px}.detail-header-left h2{font-size:16px}.login-trigger-btn{font-size:12px;padding:6px 14px}.enrolled-badge{padding:4px 10px}.enrolled-name{font-size:12px}.paywall-modal{padding:28px 20px}.paywall-actions{flex-direction:column}.hw-history-item{flex-wrap:wrap;gap:6px}.hw-history-time{min-width:auto}.admin-toggle-btn{font-size:11px;padding:3px 8px}.admin-toggle{font-size:11px;gap:4px}.toggle-switch{width:36px;height:20px}.toggle-slider:before{height:14px;width:14px;left:3px;bottom:3px}.toggle-switch input:checked+.toggle-slider:before{transform:translate(16px)}}