:root{--bg-color: #081026;--text-primary: #e2e8f0;--text-secondary: #94a3b8;--accent-color: #0ea5e9;--accent-rgb: 14, 165, 233;--accent-glow: rgba(14, 165, 233, .25);--glass-bg: rgba(15, 23, 42, .65);--glass-border: rgba(56, 189, 248, .15);--glass-shadow: rgba(0, 0, 0, .5);--card-hover-bg: rgba(14, 165, 233, .08);--transition-speed: .3s;--font-family: "Plus Jakarta Sans", "Noto Sans TC", system-ui, -apple-system, sans-serif;--border-radius: 20px}html.light{--bg-color: #f0f7ff;--text-primary: #0f172a;--text-secondary: #334155;--accent-color: #0284c7;--accent-rgb: 2, 132, 199;--accent-glow: rgba(2, 132, 199, .15);--glass-bg: rgba(255, 255, 255, .75);--glass-border: rgba(2, 132, 199, .1);--glass-shadow: rgba(2, 132, 199, .05);--card-hover-bg: rgba(2, 132, 199, .05)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-family:var(--font-family);background-color:var(--bg-color);color:var(--text-primary);overflow-x:hidden;transition:background-color var(--transition-speed) ease,color var(--transition-speed) ease}body{min-height:100vh;position:relative;line-height:1.6}a{color:inherit;text-decoration:none}button{background:none;border:none;cursor:pointer;font-family:inherit}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-color)}::-webkit-scrollbar-thumb{background:var(--glass-border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--accent-color)}.blob-container{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:-2;overflow:hidden;pointer-events:none;filter:blur(120px)}.blob{position:absolute;border-radius:50%;opacity:.45;mix-blend-mode:screen;transition:background-color var(--transition-speed) ease}html.light .blob{opacity:.15;mix-blend-mode:multiply;filter:blur(140px)}.blob-1{width:500px;height:500px;background:radial-gradient(circle,#6366f1cc,#8b5cf633 70%);top:-10%;left:-10%;animation:float-slow 25s infinite alternate ease-in-out}.blob-2{width:600px;height:600px;background:radial-gradient(circle,#06b6d4b3,#3b82f61a 70%);bottom:-10%;right:-10%;animation:float-reverse 30s infinite alternate ease-in-out}.blob-3{width:400px;height:400px;background:radial-gradient(circle,#ec489999,#f43f5e26 70%);top:40%;left:50%;transform:translate(-50%,-50%);animation:float-slow 20s infinite alternate-reverse ease-in-out}@keyframes float-slow{0%{transform:translate(0) scale(1)}50%{transform:translate(80px,50px) scale(1.1)}to{transform:translate(-30px,90px) scale(.95)}}@keyframes float-reverse{0%{transform:translate(0) scale(1)}50%{transform:translate(-90px,-60px) scale(.9)}to{transform:translate(40px,40px) scale(1.05)}}.custom-cursor{width:24px;height:24px;border:2px solid var(--accent-color);border-radius:50%;position:fixed;pointer-events:none;z-index:9999;transform:translate(-50%,-50%);transition:width .25s ease,height .25s ease,background-color .25s ease,border-color .25s ease;mix-blend-mode:difference}html.light .custom-cursor{mix-blend-mode:normal;background-color:#4f46e50d}.custom-cursor.hovered{width:52px;height:52px;background-color:#6366f126;border-color:transparent}@media (max-width: 1024px){.custom-cursor{display:none!important}}.glass-card{background:var(--glass-bg);border:1px solid var(--glass-border);backdrop-filter:blur(16px) saturate(120%);-webkit-backdrop-filter:blur(16px) saturate(120%);border-radius:var(--border-radius);box-shadow:var(--glass-shadow);transition:transform var(--transition-speed) cubic-bezier(.4,0,.2,1),box-shadow var(--transition-speed) ease,border-color var(--transition-speed) ease,background-color var(--transition-speed) ease}.app-container{display:flex;min-height:100vh;max-width:1650px;margin:0 auto;position:relative}.sidebar{width:280px;height:calc(100vh - 40px);position:fixed;top:20px;left:20px;z-index:99;display:flex;flex-direction:column;padding:32px 24px}.sidebar-brand{margin-bottom:40px;text-align:center}.logo-text{font-size:26px;font-weight:800;letter-spacing:-.5px}.logo-text .accent{color:var(--accent-color)}.sidebar-profile{display:flex;align-items:center;gap:14px;padding:16px;border-radius:12px;background-color:#ffffff05;border:1px solid var(--glass-border);margin-bottom:32px;flex-shrink:0}.mini-avatar-frame{width:44px;height:44px;border-radius:50%;border:2px solid var(--accent-color);overflow:hidden;flex-shrink:0}.mini-profile-image{width:100%;height:100%;object-fit:cover}.sidebar-profile-info{overflow:hidden}.sidebar-name{font-size:14px;font-weight:700}.sidebar-tag{font-size:11px;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-nav{display:flex;flex-direction:column;gap:10px;flex-grow:1;overflow-y:auto;flex-shrink:1;padding-right:4px;scrollbar-width:thin}.sidebar-nav::-webkit-scrollbar{width:4px}.sidebar-nav::-webkit-scrollbar-track{background:transparent}.sidebar-nav::-webkit-scrollbar-thumb{background:var(--glass-border);border-radius:2px}.sidebar-nav::-webkit-scrollbar-thumb:hover{background:var(--accent-color)}.sidebar-nav-item{display:flex;align-items:center;gap:16px;padding:12px 20px;border-radius:12px;font-size:15px;font-weight:600;color:var(--text-secondary);transition:all .25s ease;white-space:nowrap}.sidebar-nav-item i{width:20px;height:20px}.sidebar-nav-item:hover{color:var(--text-primary);background-color:#ffffff05;transform:translate(4px)}.sidebar-nav-item.active{color:#fff!important;background-color:var(--accent-color);box-shadow:0 4px 15px var(--accent-glow)}.sidebar-footer{display:flex;justify-content:center;padding-top:20px;border-top:1px solid var(--glass-border);flex-shrink:0;margin-top:16px}.main-content{flex-grow:1;margin-left:320px;padding:40px 24px 60px;min-height:100vh}.page-view{display:none;opacity:0;transform:translateY(15px)}.page-view.active{display:block;animation:view-fade-in .5s cubic-bezier(.25,1,.5,1) forwards}@keyframes view-fade-in{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.section-header{text-align:center;margin-bottom:48px}.sub-title{font-size:11px;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:var(--accent-color);display:block;margin-bottom:8px}.section-title{font-size:32px;font-weight:700}.title-bar{width:50px;height:3px;background-color:var(--accent-color);margin:14px auto 0;border-radius:2px}.hero-card{padding:48px;margin-top:40px}.hero-layout{display:flex;gap:48px;align-items:center}.avatar-wrapper{flex-shrink:0}.avatar-frame{width:200px;height:200px;border-radius:50%;border:4px solid var(--glass-border);padding:6px;background:var(--glass-bg);box-shadow:0 0 20px var(--accent-glow);position:relative;overflow:hidden}.avatar-placeholder{width:100%;height:100%;border-radius:50%;background:#ffffff0d;display:flex;flex-direction:column;justify-content:center;align-items:center;color:var(--text-secondary)}.placeholder-icon{width:36px;height:36px;margin-bottom:6px}.placeholder-text{font-size:11px;font-weight:500}.profile-image{width:100%;height:100%;object-fit:cover;border-radius:50%}.profile-image.hidden{display:none}.hero-info{flex-grow:1}.profile-name{font-size:44px;font-weight:800;letter-spacing:-1px;margin-bottom:8px}.profile-tagline{font-size:18px;font-weight:600;color:var(--accent-color);margin-bottom:18px}.profile-bio{color:var(--text-secondary);font-size:16px;margin-bottom:28px;max-width:650px;text-align:justify}.contact-links{display:flex;gap:16px}.social-btn{width:46px;height:46px;border-radius:50%;border:1px solid var(--glass-border);background:var(--glass-bg);display:flex;justify-content:center;align-items:center;color:var(--text-secondary);position:relative;transition:all var(--transition-speed) ease}.social-btn:hover{color:var(--text-primary);border-color:var(--accent-color);box-shadow:0 0 15px var(--accent-glow);transform:translateY(-3px)}.social-btn:before{content:attr(data-tooltip);position:absolute;bottom:-40px;background:#000000d9;color:#fff;padding:6px 12px;font-size:11px;font-weight:500;border-radius:6px;white-space:nowrap;opacity:0;visibility:hidden;transform:translateY(-8px);transition:all .2s ease;pointer-events:none}.social-btn:hover:before{opacity:1;visibility:visible;transform:translateY(0)}.timeline-container{position:relative;max-width:1000px;margin:0 auto;padding:20px 0}.timeline-container:before{content:"";position:absolute;left:50%;top:0;bottom:0;width:2px;background:linear-gradient(to bottom,transparent,var(--glass-border) 10%,var(--glass-border) 90%,transparent);transform:translate(-50%)}.timeline-container.empty:before{display:none}.timeline-item{position:relative;width:50%;padding:0 40px 48px}.timeline-item-left{left:0;text-align:right}.timeline-item-right{left:50%}.timeline-dot{position:absolute;top:6px;width:18px;height:18px;border-radius:50%;background-color:var(--bg-color);border:3px solid var(--accent-color);box-shadow:0 0 10px var(--accent-color);z-index:5}.timeline-item-left .timeline-dot{right:-9px}.timeline-item-right .timeline-dot{left:-9px}.timeline-item:hover .timeline-dot{background-color:var(--accent-color);scale:1.25;transition:all .2s ease}.timeline-card{padding:24px}.timeline-year{font-size:13px;font-weight:700;color:var(--accent-color);margin-bottom:6px;display:inline-block;background-color:var(--accent-glow);padding:4px 10px;border-radius:6px}.timeline-item-left .timeline-year{float:right;margin-left:10px}.timeline-item-right .timeline-year{float:left;margin-right:10px}.timeline-card h3{font-size:18px;font-weight:700;margin-top:10px;clear:both;margin-bottom:8px}.timeline-card p{font-size:14px;color:var(--text-secondary);text-align:justify}.science-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(360px,1fr));gap:32px}.science-card{position:relative;display:flex;flex-direction:column;overflow:hidden;height:100%;border-radius:20px;background:var(--card-bg);border:1px solid var(--glass-border);transition:transform .4s cubic-bezier(.16,1,.3,1),border-color .4s cubic-bezier(.16,1,.3,1),box-shadow .4s cubic-bezier(.16,1,.3,1)}.science-card-top-border{height:4px;width:100%;flex-shrink:0}.science-card:hover{transform:translateY(-8px);border-color:var(--proj-accent);box-shadow:0 20px 40px var(--proj-glow-hover)}.science-card-image-box{width:100%;height:220px;overflow:hidden;position:relative}.science-card-img{width:100%;height:100%;object-fit:cover;transition:transform .5s cubic-bezier(.16,1,.3,1)}.science-card:hover .science-card-img{transform:scale(1.06)}.science-stage-badge{position:absolute;top:14px;left:14px;z-index:10;display:flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;background:#0f172aa6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.1);box-shadow:0 4px 12px #00000026}.science-stage-badge .stage-num{font-size:.75rem;font-weight:800}.science-stage-badge .stage-text{font-size:.68rem;font-weight:600;color:#ffffffd9;letter-spacing:.5px}.science-card-watermark{position:absolute;bottom:45px;right:-10px;font-size:8rem;font-weight:900;color:var(--proj-accent);opacity:.04;pointer-events:none;font-family:Plus Jakarta Sans,sans-serif;-webkit-user-select:none;user-select:none;transition:transform .4s ease,opacity .4s ease}.science-card:hover .science-card-watermark{transform:scale(1.1) rotate(-5deg);opacity:.08}.science-card-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to top,rgba(0,0,0,.85) 0%,transparent 60%);display:flex;align-items:flex-end;padding:16px 20px}.science-tag{color:#fff;font-size:11px;font-weight:700;padding:4px 8px;border-radius:4px;letter-spacing:.5px}.science-card-body{padding:24px;display:flex;flex-direction:column;flex-grow:1;position:relative}.science-card-title{font-size:18px;font-weight:700;margin-bottom:12px;line-height:1.4}.science-card-desc{font-size:14px;color:var(--text-secondary);margin-bottom:20px;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;flex-grow:1;text-align:justify;line-height:1.6}.science-card-arrow-wrap{width:28px;height:28px;border-radius:50%;background:#ffffff08;border:1px solid var(--glass-border);display:flex;align-items:center;justify-content:center;transition:all .3s cubic-bezier(.16,1,.3,1);color:var(--text-secondary)}.science-card:hover .science-card-arrow-wrap{background:var(--proj-gradient);color:#fff;border-color:transparent;transform:scale(1.1) rotate(-10deg)}.science-card-footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--glass-border);padding-top:16px;font-size:13px;font-weight:600;color:var(--text-secondary);transition:color .3s}.science-card:hover .science-card-footer{color:var(--proj-accent)}html.light .science-card-watermark{opacity:.02}html.light .science-card:hover .science-card-watermark{opacity:.05}html.light .science-stage-badge{background:#ffffffd9;border-color:#0284c726;box-shadow:0 4px 12px #0284c714}html.light .science-stage-badge .stage-text{color:#334155}.filter-container{display:flex;justify-content:center;flex-wrap:wrap;gap:12px;margin-bottom:32px}.filter-btn{padding:8px 18px;border-radius:30px;font-size:14px;font-weight:500;color:var(--text-secondary);border:1px solid var(--glass-border);background:var(--glass-bg);transition:all .2s ease}.filter-btn:hover{color:var(--text-primary);border-color:var(--accent-color);background:var(--card-hover-bg)}.filter-btn.active{color:#fff;background-color:var(--accent-color);border-color:var(--accent-color);box-shadow:0 4px 15px var(--accent-glow)}.rewards-list-container{max-width:1100px;margin:0 auto;overflow:hidden}.rewards-list-view{list-style:none;display:flex;flex-direction:column}.rewards-list-item{display:flex;align-items:center;padding:16px 24px;border-bottom:1px solid var(--glass-border);gap:16px}.rewards-list-item:last-child{border-bottom:none}.reward-list-dot{width:10px;height:10px;border-radius:50%;border:2px solid var(--accent-color);background-color:var(--accent-color);flex-shrink:0}.reward-list-date{font-size:13px;font-weight:600;color:var(--text-secondary);min-width:80px;flex-shrink:0}.reward-list-content{flex-grow:1;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px}.reward-list-text{display:flex;flex-direction:column}.reward-list-title{font-size:15px;font-weight:700;color:var(--text-primary)}.reward-list-subtitle{font-size:12px;color:var(--text-secondary)}.reward-list-badges{display:flex;align-items:center;gap:12px}.reward-list-badge{font-size:11px;font-weight:700;color:var(--accent-color);background-color:var(--accent-glow);padding:2px 8px;border-radius:4px;white-space:nowrap}.reward-list-video{color:#ff4757;font-size:12px;font-weight:600;display:flex;align-items:center;gap:4px}.reward-list-video:hover{text-decoration:underline}.load-more-container{display:flex;justify-content:center;margin-top:36px}.load-more-btn{display:flex;align-items:center;gap:8px;padding:12px 28px;border-radius:30px;border:1px solid var(--accent-color);color:var(--text-primary);font-weight:600;font-size:14px;transition:all .2s ease;box-shadow:0 4px 15px var(--accent-glow)}.load-more-btn:hover{background-color:var(--accent-color);color:#fff;transform:translateY(-2px);box-shadow:0 8px 20px var(--accent-color)}.load-more-btn i{transition:transform .3s ease}.load-more-btn.expanded i{transform:rotate(180deg)}.modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#03071299;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);z-index:1000;display:flex;justify-content:center;align-items:center;padding:24px;opacity:0;pointer-events:none;transition:opacity .4s ease}.modal-overlay.active{opacity:1;pointer-events:auto}.modal-card{width:100%;max-width:950px;max-height:90vh;overflow-y:auto;position:relative;transform:scale(.95);transition:transform .4s cubic-bezier(.34,1.56,.64,1);padding:0;border-radius:var(--border-radius);border:1px solid var(--glass-border)}.modal-overlay.active .modal-card{transform:scale(1)}.modal-close-btn{position:absolute;top:20px;right:20px;width:44px;height:44px;border-radius:50%;background:#03071280;border:1px solid var(--glass-border);color:#fff;display:flex;justify-content:center;align-items:center;z-index:20;transition:all var(--transition-speed) ease}.modal-close-btn:hover{background:var(--accent-color);scale:1.1}.modal-content{display:flex;flex-direction:column}.modal-hero-image-box{width:100%;height:280px;position:relative;overflow:hidden}.modal-hero-img{width:100%;height:100%;object-fit:cover}.modal-hero-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to top,var(--bg-color) 0%,rgba(0,0,0,.4) 100%);display:flex;flex-direction:column;justify-content:flex-end;padding:24px 36px}.modal-tag{align-self:flex-start;background-color:var(--accent-color);color:#fff;font-size:11px;font-weight:700;padding:4px 10px;border-radius:4px;text-transform:uppercase;margin-bottom:6px}.modal-tag-en{font-size:12px;color:var(--text-secondary);font-weight:500}.modal-info{padding:36px}.modal-title{font-size:26px;font-weight:800;margin-bottom:24px;line-height:1.4;color:var(--text-primary)}.modal-section{margin-top:36px;border-top:1px solid var(--glass-border);padding-top:24px}.modal-section-title{font-size:18px;font-weight:700;margin-bottom:16px;display:flex;align-items:center;gap:10px;color:var(--accent-color)}.modal-section-title i{width:20px;height:20px}.modal-description-rich p{font-size:15px;line-height:1.7;color:var(--text-secondary);margin-bottom:16px;text-align:justify;text-indent:2em}.modal-bullet-list{padding-left:24px}.modal-bullet-list li{font-size:14px;color:var(--text-secondary);margin-bottom:10px;text-align:justify}.clean-list{list-style:none;padding-left:0}.clean-list li{position:relative;padding-left:24px}.clean-list li:before{content:"🏆";position:absolute;left:0;top:0}.modal-awards-box{background:#6366f10d;border:1px solid var(--accent-glow);padding:20px;border-radius:12px;margin-bottom:24px}.modal-awards-box h5{font-size:15px;font-weight:700;margin-bottom:10px}.modal-history-list{list-style:none;position:relative;padding-left:20px}.modal-history-list:before{content:"";position:absolute;left:4px;top:6px;bottom:6px;width:2px;background-color:var(--glass-border)}.modal-history-item{position:relative;margin-bottom:16px}.modal-history-item:before{content:"";position:absolute;left:-20px;top:6px;width:10px;height:10px;border-radius:50%;background-color:var(--accent-color);border:2px solid var(--bg-color)}.modal-history-date{font-size:12px;font-weight:700;color:var(--accent-color);margin-right:12px}.modal-history-event{font-size:14px;color:var(--text-secondary)}.reports-link-row{display:flex;flex-wrap:wrap;gap:12px}.glass-btn{display:inline-flex;align-items:center;gap:10px;padding:10px 20px;border-radius:8px;border:1px solid var(--glass-border);background:var(--glass-bg);font-size:14px;font-weight:600;color:var(--text-primary);transition:all .2s ease}.glass-btn:hover{background-color:var(--accent-color);color:#fff;border-color:var(--accent-color);transform:translateY(-2px)}.tisf-layout{display:flex;flex-direction:column;gap:24px}.iframe-container{position:relative;width:100%;padding-bottom:56.25%;height:0;overflow:hidden;border-radius:12px;border:1px solid var(--glass-border)}.iframe-container iframe{position:absolute;top:0;left:0;width:100%;height:100%}.tisf-abstract h5,.tisf-video-wrapper h5,.tisf-photos-section h5{font-size:14px;font-weight:700;margin-bottom:10px;color:var(--text-primary)}.tisf-abstract p{font-size:14px;line-height:1.6;color:var(--text-secondary);font-style:italic;background-color:#ffffff03;padding:18px;border-radius:8px;border-left:3px solid var(--accent-color);text-align:justify}.tisf-btn{flex-grow:1;justify-content:center}.tisf-photos-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.photo-card{border-radius:10px;border:1px solid var(--glass-border);overflow:hidden;background:var(--glass-bg)}.photo-card img{width:100%;height:150px;object-fit:cover;transition:transform .3s ease}.photo-card:hover img{transform:scale(1.05)}.photo-caption{font-size:12px;color:var(--text-secondary);padding:8px 12px;text-align:center;background-color:#0000001a;border-top:1px solid var(--glass-border)}.tisf-credits{font-size:14px;font-weight:600;font-style:italic;text-align:center;color:var(--accent-color);background-color:var(--accent-glow);padding:12px;border-radius:8px;margin-top:10px}.site-footer{text-align:center;padding:40px 24px;border-top:1px solid var(--glass-border);background:#0000001a;color:var(--text-secondary);font-size:13px;margin-top:60px}.hidden{display:none!important}.scroll-reveal-item{opacity:0;transform:translateY(30px);transition:opacity .6s cubic-bezier(.25,1,.5,1),transform .6s cubic-bezier(.25,1,.5,1)}.scroll-reveal-item.revealed{opacity:1;transform:translateY(0)}.mobile-header{display:none;align-items:center;justify-content:space-between;padding:0 16px;height:56px;background:#0f172a99;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--glass-border);position:fixed;top:0;left:0;width:100%;z-index:998;box-sizing:border-box}.mobile-menu-btn{background:none;border:none;color:var(--text-color);cursor:pointer;display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:8px;transition:background .2s}.mobile-menu-btn:active{background:#ffffff1a}.mobile-header .theme-toggle-btn{background:none;border:none;color:var(--text-color);cursor:pointer;display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:8px;padding:0;transition:background .2s}.mobile-header .theme-toggle-btn:active{background:#ffffff1a}.mobile-header-title{font-family:Plus Jakarta Sans,sans-serif;font-weight:700;font-size:1.15rem;letter-spacing:1px;color:var(--accent-solid)}.sidebar-mobile-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:999;opacity:0;pointer-events:none;transition:opacity .3s ease}.sidebar-mobile-overlay.active{opacity:1;pointer-events:auto}@media (max-width: 900px){html{font-size:14.5px!important}.profile-name{font-size:30px!important}.profile-tagline{font-size:1rem!important}.profile-bio{font-size:.88rem!important;line-height:1.55!important}.section-title{font-size:24px!important}.mobile-header{display:flex}.app-container{flex-direction:column}.sidebar{width:260px;height:100vh;position:fixed;top:0;left:0;bottom:0;right:auto;border-radius:0;border:none;border-right:1px solid var(--glass-border);flex-direction:column!important;justify-content:flex-start!important;padding:24px 18px!important;z-index:1000;transform:translate(-100%);transition:transform .4s cubic-bezier(.16,1,.3,1);box-shadow:10px 0 35px #0006;background:var(--card-bg)}.sidebar.mobile-active{transform:translate(0)}.sidebar-toggle-btn{display:none!important}.sidebar-brand,.sidebar-profile,.sidebar-footer{display:flex!important}.sidebar-brand{margin-bottom:16px!important;text-align:left!important;padding-left:8px!important}.sidebar-profile{margin-top:0!important;background:none!important;border:none!important;border-bottom:1px solid rgba(255,255,255,.08)!important;border-radius:0!important;padding:8px 8px 12px!important;margin-bottom:12px!important}html.light .sidebar-profile{border-bottom:1px solid rgba(0,0,0,.08)!important}.sidebar-nav{flex-direction:column;width:100%;gap:4px!important;margin-top:0!important;justify-content:flex-start!important}.sidebar-nav-item{font-size:.82rem;padding:8px 12px!important;border-radius:8px;width:100%;box-sizing:border-box}.sidebar-submenu{padding-left:20px!important;margin-top:4px!important;margin-bottom:4px!important;gap:4px!important}.sidebar-nav-item:hover{transform:none}.sidebar-footer{border-top:1px solid rgba(255,255,255,.08)!important;margin-top:auto!important;padding-top:12px!important;padding-bottom:8px!important}html.light .sidebar-footer{border-top:1px solid rgba(0,0,0,.08)!important}.main-content{margin-left:0!important;padding:72px 14px 32px!important}.hero-card{padding:16px;margin-top:12px}.hero-layout{flex-direction:column;text-align:center;gap:24px}.profile-bio{margin-left:auto;margin-right:auto}.contact-links{justify-content:center}.timeline-container:before{left:20px}.timeline-item{width:100%;padding-left:45px;padding-right:0;text-align:left!important}.timeline-item-right{left:0}.timeline-dot{left:11px!important;right:auto!important}.timeline-item-left .timeline-year,.timeline-item-right .timeline-year{float:none;margin:0 0 10px;display:inline-block}.timeline-card h3{margin-top:6px}.rewards-list-item{padding:14px 16px}.reward-list-content{flex-direction:column;align-items:flex-start;gap:6px}.reward-list-badges{width:100%;justify-content:space-between}}@media (max-width: 600px){.section-title{font-size:26px}.avatar-frame{width:150px;height:150px}.profile-name{font-size:32px}.modal-hero-image-box{height:180px}.modal-info{padding:20px}}.divider-decor{text-align:center;font-size:11px;color:var(--accent-color);opacity:.6;margin:36px 0 28px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:2px}html.light .divider-decor{opacity:.45}.education-container{margin-top:10px}.edu-title{font-size:18px;font-weight:700;margin-bottom:20px;display:flex;align-items:center;gap:10px;color:var(--text-primary)}.edu-title i{color:var(--accent-color);width:22px;height:22px}.education-grid{display:flex;flex-direction:column;gap:14px}.education-item{display:flex;align-items:flex-start;gap:14px;padding:12px 18px;border-radius:12px;background-color:#ffffff03;border:1px solid var(--glass-border)}.edu-icon-box{width:32px;height:32px;border-radius:50%;background-color:var(--accent-glow);color:var(--accent-color);display:flex;justify-content:center;align-items:center;flex-shrink:0}.edu-icon-box i{width:16px;height:16px}.edu-info-box{display:flex;flex-direction:column;flex-grow:1}.edu-school-row{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:8px}.edu-school-name{font-size:15px;font-weight:700;color:var(--text-primary)}.edu-school-en{font-size:11px;color:var(--text-secondary);margin-top:1px}.edu-program-tag{font-size:10px;font-weight:700;color:var(--accent-color);background-color:var(--accent-glow);padding:2px 8px;border-radius:4px;white-space:nowrap}.sidebar-toggle-btn{position:absolute;top:24px;right:-16px;width:32px;height:32px;border-radius:50%;background:var(--accent-color);border:1px solid var(--glass-border);color:#fff;display:flex;justify-content:center;align-items:center;z-index:101;box-shadow:0 4px 10px var(--accent-glow);transition:transform var(--transition-speed) ease,background-color var(--transition-speed) ease}.sidebar-toggle-btn:hover{background-color:var(--accent-color);opacity:.9;scale:1.05}.sidebar-toggle-btn i{width:16px;height:16px;transition:transform var(--transition-speed) ease}.sidebar{transition:width var(--transition-speed) cubic-bezier(.4,0,.2,1),padding var(--transition-speed) ease,left var(--transition-speed) ease,background-color var(--transition-speed) ease,border-color var(--transition-speed) ease}.main-content{transition:margin-left var(--transition-speed) cubic-bezier(.4,0,.2,1)}@media (min-width: 901px){.sidebar-collapsed .sidebar{width:88px;padding:32px 14px;align-items:center}.sidebar-collapsed .main-content{margin-left:128px}.sidebar-collapsed .collapsed-hide{display:none!important}.sidebar-collapsed .sidebar-nav{align-items:center;width:100%}.sidebar-collapsed .sidebar-nav-item{justify-content:center;width:48px;height:48px;padding:0;border-radius:12px;position:relative}.sidebar-collapsed .sidebar-nav-item i{margin:0}.sidebar-collapsed .sidebar-nav-item:before{content:attr(data-tooltip);position:absolute;left:64px;background:#000000d9;color:#fff;padding:6px 12px;font-size:12px;font-weight:500;border-radius:6px;white-space:nowrap;opacity:0;visibility:hidden;transform:translate(-8px);transition:all .2s ease;pointer-events:none;z-index:105}.sidebar-collapsed .sidebar-nav-item:hover:before{opacity:1;visibility:visible;transform:translate(0)}.sidebar-collapsed .sidebar-toggle-btn i{transform:rotate(180deg)}.sidebar-collapsed .sidebar-brand{margin-bottom:24px}.sidebar-collapsed .sidebar-profile{padding:6px;margin-bottom:24px;border-radius:50%}}@media (max-width: 900px){.sidebar-toggle-btn{display:none!important}}.sidebar-nav-group{width:100%;display:flex;flex-direction:column}button.sidebar-nav-item.has-submenu{background:none;border:none;width:100%;text-align:left;cursor:pointer;outline:none;display:flex;align-items:center}button.sidebar-nav-item.has-submenu.active{background-color:var(--accent-color)!important;color:#fff!important;box-shadow:0 4px 15px var(--accent-glow)}.submenu-arrow{margin-left:auto;width:14px;height:14px;opacity:.6;transition:transform var(--transition-speed) ease}.sidebar-nav-group.submenu-open .submenu-arrow{transform:rotate(180deg)}.sidebar-submenu{max-height:0;overflow:hidden;opacity:0;display:flex;flex-direction:column;gap:2px;padding-left:24px;margin-top:2px;transition:max-height var(--transition-speed) cubic-bezier(.4,0,.2,1),opacity var(--transition-speed) ease,padding var(--transition-speed) ease}.sidebar-submenu.open{max-height:160px;opacity:1;padding-top:4px;padding-bottom:8px}.sidebar-submenu-item{display:flex;align-items:center;gap:8px;padding:8px 12px;font-size:13px;font-weight:500;color:var(--text-secondary);border-radius:8px;text-decoration:none;transition:all .2s ease;white-space:nowrap}.sidebar-submenu-item .bullet{color:var(--accent-color);opacity:.6;font-size:14px;transition:transform .2s ease}.sidebar-submenu-item:hover{color:var(--text-primary);background-color:var(--card-hover-bg)}.sidebar-submenu-item:hover .bullet{transform:scale(1.3);opacity:1}.sidebar-submenu-item.active{color:var(--accent-color);background-color:var(--accent-glow);font-weight:600}.sidebar-submenu-item.active .bullet{opacity:1}@media (min-width: 901px){.sidebar-collapsed .sidebar-submenu{max-height:0!important;opacity:0!important;padding:0!important}}.science-detail-container{display:flex;flex-direction:column;gap:24px;animation:view-fade-in .4s cubic-bezier(.25,1,.5,1) forwards}.detail-header-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;flex-wrap:wrap;gap:12px}.back-list-btn{display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:var(--text-secondary);text-decoration:none;padding:8px 16px;border-radius:20px;background-color:#ffffff05;border:1px solid var(--glass-border);transition:all .25s ease}.back-list-btn:hover{color:var(--text-primary);background-color:var(--card-hover-bg);transform:translate(-4px)}.back-list-btn i{width:16px;height:16px}.detail-meta-tag{font-size:11px;font-weight:700;color:var(--accent-color);background-color:var(--accent-glow);padding:4px 12px;border-radius:20px;letter-spacing:.5px}.detail-layout{display:grid;grid-template-columns:2fr 1fr;gap:28px;align-items:start}@media (max-width: 1024px){.detail-layout{grid-template-columns:1fr;gap:24px}}.detail-main{display:flex;flex-direction:column;gap:24px}.detail-project-name{font-size:28px;font-weight:800;line-height:1.35;color:var(--text-primary);margin-bottom:6px}.detail-project-desc{font-size:15px;line-height:1.6;color:var(--text-secondary);margin-bottom:12px;text-align:justify}.detail-section{padding:28px}.detail-sec-title{font-size:18px;font-weight:700;margin-bottom:20px;display:flex;align-items:center;gap:8px;color:var(--text-primary);border-bottom:1px solid var(--glass-border);padding-bottom:12px}.detail-sec-title i{color:var(--accent-color);width:20px;height:20px}.detail-reflection-content p{font-size:14px;line-height:1.7;color:var(--text-secondary);margin-bottom:16px;text-align:justify}.detail-reflection-content p:last-child{margin-bottom:0}.detail-history-list{display:flex;flex-direction:column;gap:12px;padding:0;margin:0;list-style:none}.detail-history-item{display:flex;gap:16px;padding:12px 16px;background:#ffffff03;border:1px solid var(--glass-border);border-radius:8px;align-items:center}.detail-history-date{font-size:13px;font-weight:700;color:var(--accent-color);min-width:90px;flex-shrink:0}.detail-history-event{font-size:13.5px;color:var(--text-primary);line-height:1.4}.tisf-detail-layout{display:flex;flex-direction:column;gap:20px}.tisf-video-wrapper{display:flex;flex-direction:column;gap:10px}.tisf-video-wrapper h5,.tisf-abstract-box h5,.tisf-photos-section h5{font-size:14px;font-weight:700;color:var(--text-primary);margin-bottom:4px}.tisf-abstract-box p{font-size:13.5px;line-height:1.6;color:var(--text-secondary);text-align:justify;font-style:italic;font-family:Plus Jakarta Sans,sans-serif;background-color:#ffffff03;padding:16px;border-radius:8px;border:1px solid var(--glass-border)}.tisf-links-row{display:flex;gap:16px;flex-wrap:wrap}.tisf-btn{flex:1;min-width:180px;justify-content:center}.tisf-photos-grid-embed{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}@media (max-width: 600px){.tisf-photos-grid-embed{grid-template-columns:1fr}}.tisf-photo-card-embed{position:relative;border-radius:8px;overflow:hidden;border:1px solid var(--glass-border);aspect-ratio:3/2}.tisf-photo-card-embed img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.tisf-photo-card-embed:hover img{transform:scale(1.05)}.tisf-photo-caption-embed{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#030712d9);color:#fff;padding:10px 14px;font-size:11px;font-weight:500}.tisf-credits{font-size:13px;font-weight:500;color:var(--accent-color);background-color:var(--accent-glow);padding:12px 16px;border-radius:8px;text-align:center}.detail-sidebar{display:flex;flex-direction:column;gap:24px}.detail-sidebar-card{padding:24px}.sidebar-card-title{font-size:16px;font-weight:700;margin-bottom:16px;display:flex;align-items:center;gap:8px;color:var(--text-primary);border-bottom:1px solid var(--glass-border);padding-bottom:10px}.sidebar-card-title i{color:var(--accent-color);width:18px;height:18px}.detail-bullet-list{padding-left:18px;margin:0}.detail-bullet-list li{font-size:13px;line-height:1.6;color:var(--text-secondary);margin-bottom:12px;text-align:justify}.detail-bullet-list li:last-child{margin-bottom:0}.detail-bullet-list.clean-list{padding-left:0;list-style:none}.detail-bullet-list.clean-list li{padding:8px 12px;background:#ffffff03;border:1px solid var(--glass-border);border-radius:6px;margin-bottom:8px}.ref-link-embed{color:var(--text-secondary);text-decoration:none;transition:color .2s ease}.ref-link-embed:hover{color:var(--accent-color);text-decoration:underline}.detail-reports-column{display:flex;flex-direction:column;gap:10px}.detail-report-btn{display:flex;align-items:center;gap:10px;padding:10px 16px;background:#ffffff05;border:1px solid var(--glass-border);border-radius:8px;color:var(--text-primary);text-decoration:none;font-size:13px;font-weight:600;transition:all .25s ease}.detail-report-btn i{width:16px;height:16px;color:var(--accent-color)}.detail-report-btn:hover{background-color:var(--card-hover-bg);border-color:var(--accent-color);transform:translateY(-2px)}.origami-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px;margin-top:24px}.origami-card{display:flex;flex-direction:column;height:100%;overflow:hidden;transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease}.origami-card:hover{transform:translateY(-5px);border-color:var(--accent-color);box-shadow:0 10px 30px rgba(var(--accent-rgb, 99, 102, 241),.15)}.origami-card-img-box{position:relative;width:100%;aspect-ratio:4 / 3;overflow:hidden;border-bottom:1px solid var(--glass-border)}.origami-card-img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.origami-card:hover .origami-card-img{transform:scale(1.06)}.origami-card-body{padding:20px;display:flex;flex-direction:column;flex-grow:1}.origami-card-title{font-size:18px;font-weight:700;margin-bottom:10px;color:var(--text-primary)}.origami-card-desc{font-size:14px;color:var(--text-secondary);line-height:1.6;margin-bottom:16px;flex-grow:1;text-align:justify}.origami-reference{font-size:13.5px;margin-bottom:16px;color:var(--text-secondary)}.origami-ref-link{color:var(--accent-color);text-decoration:none;font-weight:600;display:inline-flex;align-items:center;margin-left:4px;transition:all .2s ease}.origami-ref-link:hover{color:var(--accent-color);opacity:.8;text-decoration:underline}.origami-card-footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--glass-border);padding-top:14px;font-size:13px;color:var(--accent-color);font-weight:600}.sheets-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:28px;margin-top:24px}.sheet-card{display:flex;flex-direction:column;height:100%;overflow:hidden;transition:transform .3s ease,border-color .3s ease}.sheet-card:hover{transform:translateY(-5px);border-color:var(--accent-color);box-shadow:0 10px 30px rgba(var(--accent-rgb, 99, 102, 241),.15)}.sheet-card-cover-box{position:relative;width:100%;aspect-ratio:3 / 4;overflow:hidden;border-bottom:1px solid var(--glass-border);background:#0003}.sheet-card-cover{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.sheet-card:hover .sheet-card-cover{transform:scale(1.04)}.sheet-card-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#0006;opacity:0;display:flex;align-items:center;justify-content:center;transition:opacity .3s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.sheet-card-cover-box:hover .sheet-card-overlay{opacity:1}.sheet-card-body{padding:20px;display:flex;flex-direction:column;flex-grow:1}.sheet-card-title{font-size:18px;font-weight:700;margin-bottom:4px;color:var(--text-primary)}.sheet-card-artist{font-size:13px;font-weight:500;color:var(--accent-color);margin-bottom:12px}.sheet-card-desc{font-size:13.5px;color:var(--text-secondary);line-height:1.6;margin-bottom:18px;flex-grow:1;text-align:justify;white-space:pre-line}.sheet-card-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px;border-top:1px solid var(--glass-border);padding-top:16px}.sheet-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:10px;border-radius:8px;font-size:13px;font-weight:600;text-decoration:none;cursor:pointer;transition:all .2s ease}.sheet-btn-preview{background:#ffffff08;border:1px solid var(--glass-border);color:var(--text-primary)}.sheet-btn-preview:hover{background:#ffffff14;border-color:var(--text-secondary)}.sheet-btn-download{background:var(--accent-color, #6366f1);border:1px solid var(--accent-color, #6366f1);color:#fff;box-shadow:0 4px 12px rgba(var(--accent-rgb, 99, 102, 241),.2)}.sheet-btn-download:hover{background:var(--accent-color-hover, #4f46e5);border-color:var(--accent-color-hover, #4f46e5);transform:translateY(-1px)}.lightbox{position:fixed;top:0;left:0;width:100%;height:100%;background:#0a0a0fd9;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);z-index:3000;display:flex;flex-direction:column;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .35s cubic-bezier(.4,0,.2,1)}.lightbox.active{opacity:1;pointer-events:auto}.lightbox-content{max-width:90%;max-height:75vh;object-fit:contain;border-radius:12px;border:1px solid rgba(255,255,255,.1);box-shadow:0 20px 50px #0009;transform:scale(.92);transition:transform .35s cubic-bezier(.34,1.56,.64,1)}.lightbox.active .lightbox-content{transform:scale(1)}.lightbox-close{position:absolute;top:24px;right:24px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#fff;font-size:32px;width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .25s ease;line-height:1;padding-bottom:4px}.lightbox-close:hover{background:#ffffff26;border-color:#fff;transform:scale(1.1)}.lightbox-caption{margin-top:20px;color:var(--text-primary);font-size:15px;font-weight:500;text-align:center;max-width:80%;line-height:1.5;background:#0006;padding:10px 20px;border-radius:20px;border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.reward-list-cert-btn{display:flex;align-items:center;gap:6px;padding:6px 12px;background:rgba(var(--accent-rgb, 99, 102, 241),.08);border:1px solid rgba(var(--accent-rgb, 99, 102, 241),.25);border-radius:6px;color:var(--accent-color);cursor:pointer;font-size:12px;font-weight:600;transition:all .2s ease}.reward-list-cert-btn:hover{background:rgba(var(--accent-rgb, 99, 102, 241),.16);border-color:var(--accent-color);transform:translateY(-1px)}#science-section-header{padding:36px 32px;background:#ffffff04;border:1px solid var(--glass-border);border-radius:16px;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);margin-bottom:40px;box-shadow:0 8px 32px #00000026;transition:all .3s ease;display:flex;flex-direction:column;align-items:center;gap:8px}#science-section-header #science-section-title{font-size:36px;font-weight:800;margin-bottom:4px;letter-spacing:1px;color:var(--text-primary);text-shadow:0 2px 10px rgba(0,0,0,.2)}#science-section-header #science-section-subtitle{font-size:13.5px;font-weight:600;letter-spacing:2px;color:var(--text-secondary);text-transform:uppercase;margin-bottom:8px;display:block}#science-section-header .title-bar{margin-top:4px}.science-photo-grid-2x2{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:16px}@media (max-width: 992px){.science-photo-grid-2x2{grid-template-columns:1fr}}.carousel-container{position:relative;width:100%;aspect-ratio:16 / 10;background:#00000059;border-radius:12px;overflow:hidden;display:flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.05)}.carousel-track-wrapper{width:100%;height:100%;overflow:hidden}.carousel-track{display:flex;width:100%;height:100%;transition:transform .5s cubic-bezier(.16,1,.3,1)}.carousel-slide{min-width:100%;width:100%;height:100%;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}.carousel-slide img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.carousel-slide.clickable-photo{cursor:pointer}.carousel-slide:hover img{transform:scale(1.05)}.carousel-caption{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,#000000d9,#0003 70%,#0000);color:#fff;padding:32px 16px 12px;font-size:12.5px;font-weight:500;text-align:center;pointer-events:none}.carousel-nav-btn{position:absolute;top:50%;transform:translateY(-50%);width:36px;height:36px;border-radius:50%;background:#00000080;border:1px solid rgba(255,255,255,.1);color:#ffffffd9;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10;transition:all .25s ease;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.carousel-nav-btn:hover{background:var(--accent-color);border-color:var(--accent-color);color:#fff;box-shadow:0 0 15px var(--accent-color);transform:translateY(-50%) scale(1.1)}.carousel-nav-btn.prev-btn{left:12px}.carousel-nav-btn.next-btn{right:12px}.carousel-dots{position:absolute;bottom:12px;display:flex;gap:6px;z-index:10}.carousel-dot{width:6px;height:6px;border-radius:50%;background:#ffffff59;cursor:pointer;transition:all .25s ease}.carousel-dot.active{background:var(--accent-color);width:14px;border-radius:3px;box-shadow:0 0 8px var(--accent-color)}html.light .sidebar-nav-item:hover{background-color:#0284c70f}html.light .sidebar-nav-item.active:hover{background-color:var(--accent-color)!important;color:#fff!important}html.light .sidebar-submenu-item.active:hover{background-color:var(--accent-glow)!important;color:var(--accent-color)!important}html.light .back-list-btn{background-color:#fffc;border-color:#0284c726}html.light .back-list-btn:hover{background-color:#0284c714;border-color:var(--accent-color)}html.light .detail-report-btn{background-color:#fffc;border-color:#0284c726}html.light .detail-report-btn:hover{background-color:#0284c714;border-color:var(--accent-color)}.detail-main-full{display:flex;flex-direction:column;gap:24px;width:100%}.detail-bottom-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:24px;margin-top:32px;width:100%}.detail-bottom-card{padding:24px;display:flex;flex-direction:column;height:100%;box-sizing:border-box}@media (max-width: 992px){.detail-bottom-grid{grid-template-columns:1fr;gap:20px}}.theme-toggle-btn{background:#ffffff08;border:1px solid var(--glass-border);border-radius:50%;width:44px;height:44px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-secondary);transition:all .3s ease;outline:none}.theme-toggle-btn:hover{background-color:var(--card-hover-bg);color:var(--accent-color);border-color:var(--accent-color);box-shadow:0 0 15px var(--accent-glow);transform:scale(1.05)}.theme-icon-dark{display:none!important}.theme-icon-light{display:block!important;color:#fbbf24}html.light .theme-icon-dark{display:block!important;color:#0284c7}html.light .theme-icon-light{display:none!important}html.light .theme-toggle-btn{background:#0284c70d;border-color:#0284c726;color:var(--text-secondary)}html.light .theme-toggle-btn:hover{background-color:#0284c71a;color:var(--accent-color);border-color:var(--accent-color)}.academic-performance-section{width:100%}.academic-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:24px}@media (max-width: 768px){.academic-grid{grid-template-columns:1fr;gap:20px}}.academic-card{padding:28px;display:flex;flex-direction:column;height:100%;box-sizing:border-box}.academic-card-header{display:flex;align-items:center;gap:16px;margin-bottom:24px;border-bottom:1px solid var(--glass-border);padding-bottom:16px}.academic-icon-wrapper{width:48px;height:48px;border-radius:12px;background-color:var(--accent-glow);color:var(--accent-color);display:flex;align-items:center;justify-content:center}.academic-icon-wrapper i,.academic-icon-wrapper svg{width:24px;height:24px}.academic-card-title{font-size:18px;font-weight:700;color:var(--text-primary);margin:0}.academic-school{font-size:13px;color:var(--text-secondary);display:inline-block;margin-top:4px}.academic-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:20px;flex-grow:1}.academic-list li{display:flex;flex-direction:column;gap:8px;position:relative;padding-left:16px}.academic-list li:before{content:"";position:absolute;left:0;top:6px;width:6px;height:6px;border-radius:50%;background-color:var(--accent-color)}.academic-year-badge{font-size:12px;font-weight:700;color:var(--accent-color);background-color:var(--accent-glow);padding:2px 8px;border-radius:4px;width:fit-content}.academic-detail{font-size:14px;color:var(--text-secondary);line-height:1.6}.academic-detail strong{color:var(--text-primary)}.academic-detail .note{font-size:12px;color:var(--text-secondary);opacity:.8;display:block;margin-top:2px}.rewards-landing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:32px}@media (max-width: 992px){.rewards-landing-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 600px){.rewards-landing-grid{grid-template-columns:1fr}}.rewards-landing-card{display:flex;flex-direction:column;padding:28px;height:100%;cursor:pointer;transition:transform var(--transition-speed) ease,border-color var(--transition-speed) ease,box-shadow var(--transition-speed) ease;box-sizing:border-box}.rewards-landing-card:hover{transform:translateY(-6px);border-color:var(--accent-color);box-shadow:0 10px 25px var(--accent-glow)}.rewards-card-icon{width:48px;height:48px;border-radius:12px;background-color:var(--accent-glow);color:var(--accent-color);display:flex;align-items:center;justify-content:center;margin-bottom:20px}.rewards-card-icon i,.rewards-card-icon svg{width:24px;height:24px}.rewards-card-title{font-size:18px;font-weight:700;color:var(--text-primary);margin-bottom:8px;margin-top:0}.rewards-card-desc{font-size:13px;color:var(--text-secondary);line-height:1.6;margin-bottom:20px;flex-grow:1}.rewards-card-action{display:flex;align-items:center;gap:6px;font-size:14px;font-weight:600;color:var(--accent-color)}.rewards-card-action i,.rewards-card-action svg{width:16px;height:16px;transition:transform .2s ease}.rewards-landing-card:hover .rewards-card-action i,.rewards-landing-card:hover .rewards-card-action svg{transform:translate(4px)}.rewards-detail-layout{display:grid;grid-template-columns:1.2fr 1fr;gap:28px;align-items:start;margin-top:24px;width:100%}@media (max-width: 1024px){.rewards-detail-layout{grid-template-columns:1fr;gap:24px}}.rewards-detail-main,.rewards-detail-sidebar{display:flex;flex-direction:column;gap:24px;width:100%}.rewards-detail-card{padding:24px;box-sizing:border-box}.rewards-detail-card h3{font-size:18px;font-weight:700;color:var(--text-primary);margin-top:0;margin-bottom:16px;display:flex;align-items:center;gap:8px}.rewards-detail-card h3 i,.rewards-detail-card h3 svg{color:var(--accent-color);width:20px;height:20px}.rewards-search-filter-row{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;margin-top:24px;gap:20px;flex-wrap:wrap}.search-input-wrapper{position:relative;flex:1;min-width:260px}.search-input-wrapper i,.search-input-wrapper svg{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--text-secondary);opacity:.6;width:18px;height:18px;pointer-events:none}.search-input-wrapper input{width:100%;padding:12px 16px 12px 42px;border-radius:8px;border:1px solid var(--glass-border);background:#ffffff08;color:var(--text-primary);font-size:14px;transition:all var(--transition-speed) ease;outline:none;box-sizing:border-box}.search-input-wrapper input:focus{border-color:var(--accent-color);background:#ffffff0f;box-shadow:0 0 10px var(--accent-glow)}.detail-filter-buttons{display:flex;gap:8px;flex-wrap:wrap}.detail-filter-btn{padding:10px 18px;border-radius:8px;border:1px solid var(--glass-border);background:#ffffff08;color:var(--text-secondary);font-size:13px;font-weight:550;cursor:pointer;transition:all var(--transition-speed) ease}.detail-filter-btn:hover{border-color:var(--accent-color);color:var(--text-primary);background:#ffffff0f}.detail-filter-btn.active{background:var(--accent-color);color:#fff;border-color:var(--accent-color);box-shadow:0 0 12px var(--accent-glow)}.detail-main-full{width:100%;margin-top:24px}.timeline-controls-bar{padding:24px;margin-bottom:32px;display:flex;flex-direction:column;gap:16px;border-radius:var(--border-radius);border:1px solid var(--glass-border)}.timeline-controls-bar .control-group{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.timeline-controls-bar .control-group label{font-size:14px;font-weight:700;color:var(--text-primary);min-width:120px;display:flex;align-items:center;gap:6px}.timeline-controls-bar .control-group label i{color:var(--accent-color);width:16px;height:16px}.importance-filter-buttons,.zoom-buttons{display:flex;gap:8px}.filter-importance-btn,.zoom-btn{padding:8px 16px;border-radius:8px;border:1px solid var(--glass-border);background:#ffffff08;color:var(--text-secondary);font-size:13px;font-weight:600;cursor:pointer;transition:all var(--transition-speed) ease}.filter-importance-btn:hover,.zoom-btn:hover{border-color:var(--accent-color);color:var(--text-primary);background:var(--card-hover-bg)}.filter-importance-btn.active,.zoom-btn.active{background:var(--accent-color);color:#fff;border-color:var(--accent-color);box-shadow:0 0 10px var(--accent-glow)}.category-filters-container{display:flex;gap:8px;flex-wrap:wrap}.category-badge{padding:6px 14px;border-radius:20px;border:1px solid var(--glass-border);background:#ffffff05;color:var(--text-secondary);font-size:12px;font-weight:600;cursor:pointer;transition:all var(--transition-speed) ease}.category-badge:hover{border-color:var(--accent-color);color:var(--text-primary);background:var(--card-hover-bg)}.category-badge.active{background:var(--accent-glow);color:var(--accent-color);border-color:var(--accent-color)}.compact-card{padding:16px 20px!important;border-radius:12px!important}.compact-card .timeline-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.compact-card .timeline-year{font-size:11px!important;padding:2px 8px!important;border-radius:4px!important;margin:0!important;float:none!important}.compact-card .importance-stars{font-size:12px;color:#fbbf24}.compact-card h3{font-size:15px!important;margin:4px 0 8px!important;font-weight:700!important;color:var(--text-primary)}.compact-card p{font-size:12.5px!important;color:var(--text-secondary)!important;margin:0!important}.year-card{padding:24px!important;width:100%}.year-card .timeline-year{font-size:18px!important;font-weight:800!important;color:var(--accent-color);margin-bottom:16px!important;display:block}.grouped-items-list{display:flex;flex-direction:column;gap:12px}.grouped-item{display:flex;align-items:flex-start;gap:12px;padding:8px 12px;background:#ffffff05;border:1px solid var(--glass-border);border-radius:8px;font-size:13.5px}.grouped-date{font-size:11.5px;font-weight:700;color:var(--accent-color);background:var(--accent-glow);padding:2px 6px;border-radius:4px;min-width:70px;text-align:center;flex-shrink:0}.grouped-title{color:var(--text-primary);line-height:1.4;text-align:left}.zoom-detail-node .timeline-dot{scale:.8}.zoom-detail-node .compact-card{border-color:#ffffff0f}.timeaxis-compact:before{left:20px!important;transform:none!important}.timeaxis-compact .timeline-item{width:100%!important;left:0!important;padding-left:48px!important;padding-right:0!important;text-align:left!important;padding-bottom:24px!important}.timeaxis-compact .timeline-dot{left:11px!important;right:auto!important}.timeaxis-compact .year-dot{width:20px;height:20px;left:11px!important;transform:translate(-9px)!important;border-width:4px;background-color:var(--accent-color);box-shadow:0 0 10px var(--accent-color)}.timeline-container:has(.timeline-project-grid):before{display:none}.timeline-project-grid{display:flex;flex-direction:column;gap:60px;padding:48px 0;position:relative;max-width:1220px;margin:0 auto}.timeline-project-grid:before{display:none}.timeline-axis-zone,.timeline-axis-line{display:none!important}.timeline-universe-canvas{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:4;opacity:0;transition:opacity .3s cubic-bezier(.16,1,.3,1)}.timeline-universe-canvas.active{opacity:1}.timeline-project-card{position:relative;overflow:hidden;padding:52px 64px;border-radius:28px;transition:all .45s cubic-bezier(.16,1,.3,1);cursor:pointer;display:grid;grid-template-columns:1.4fr 1fr;gap:52px;align-items:center;background:var(--card-bg);border:1px solid var(--glass-border);margin-left:0;z-index:2;--spotlight-color: transparent;--card-bg: rgba(15, 23, 42, .25)}html.light .timeline-project-card{--card-bg: rgba(255, 255, 255, .35)}.timeline-project-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:28px;padding:1.2px;background:radial-gradient(circle 240px at var(--mouse-x, -999px) var(--mouse-y, -999px),var(--spotlight-color, transparent) 0%,transparent 100%);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#fff 0 0) content-box exclude,linear-gradient(#fff 0 0);mask-composite:exclude;pointer-events:none;z-index:3}.timeline-project-card:hover{transform:translateY(-6px) scale(1.008);--spotlight-color: var(--accent-solid);box-shadow:0 24px 50px var(--accent-glow)}.timeline-project-card .card-glow{position:absolute;top:0;left:0;right:0;bottom:0;opacity:0;transition:opacity .5s ease;pointer-events:none;z-index:0}.timeline-project-card:hover .card-glow{opacity:.35}.timeline-dot-wrapper{display:none!important}.project-info-side{display:flex;flex-direction:column;width:100%;z-index:1}.project-preview-side{width:100%;display:flex;align-items:center;justify-content:center;z-index:1}.project-tag{font-size:.85rem;text-transform:uppercase;letter-spacing:1.5px;color:var(--accent-color);font-weight:600;margin-bottom:12px}.project-title{font-size:1.8rem;font-weight:700;margin-bottom:16px;color:var(--text-color);font-family:Plus Jakarta Sans,Noto Sans TC,sans-serif;transition:color .3s ease}.project-desc{font-size:1.05rem;color:var(--text-muted);line-height:1.65;margin-bottom:32px;text-align:justify}.project-action{display:flex;align-items:center;gap:8px;font-weight:600;font-size:.95rem;color:var(--text-color);margin-top:auto;transition:all .3s ease}.timeline-project-card:hover .project-action{color:var(--accent-color)}.action-icon{width:16px;height:16px;transition:transform .3s ease}.timeline-project-card:hover .action-icon{transform:translate(3px,-3px)}@media (max-width: 768px){.timeline-project-grid{gap:36px!important;padding:20px 0!important}.timeline-project-grid:before{display:none}.timeline-project-card{grid-template-columns:1fr;gap:24px;padding:28px 20px;width:92%!important;max-width:380px!important;margin:0 auto!important;border-radius:20px!important}}.project-modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0009;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);z-index:9999;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .4s cubic-bezier(.16,1,.3,1);padding:20px}.project-modal-overlay.active{opacity:1;pointer-events:auto}.project-modal-content{width:100%;max-width:680px;max-height:85vh;border-radius:28px;padding:40px;border:1px solid var(--glass-border);background:var(--glass-bg);box-shadow:0 30px 60px #0006;transform:scale(.92) translateY(20px);transition:transform .4s cubic-bezier(.16,1,.3,1);position:relative;overflow-y:auto}.project-modal-overlay.active .project-modal-content{transform:scale(1) translateY(0)}.project-modal-close{position:absolute;top:24px;right:24px;width:40px;height:40px;border-radius:50%;border:1px solid var(--glass-border);background:#ffffff0d;color:var(--text-color);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s cubic-bezier(.16,1,.3,1);z-index:10}.project-modal-close:hover{background:#ffffff26;transform:rotate(90deg);border-color:var(--accent-color);color:var(--accent-color)}.modal-project-header{display:flex;align-items:center;gap:20px;margin-top:10px;margin-bottom:24px}.modal-project-icon-box{width:68px;height:68px;border-radius:20px;display:flex;align-items:center;justify-content:center;border:1px solid var(--glass-border)}.modal-project-icon{color:var(--accent-color)}.modal-project-title-box{display:flex;flex-direction:column}.modal-project-tag{font-size:.75rem;text-transform:uppercase;letter-spacing:1.5px;color:var(--accent-color);font-weight:600;margin-bottom:4px}.modal-project-title{font-size:1.75rem;font-weight:700;color:var(--text-color);margin-bottom:2px}.modal-project-subtitle{font-size:.95rem;color:var(--text-muted);font-family:Plus Jakarta Sans,sans-serif}.modal-project-divider{height:1px;background:linear-gradient(to right,var(--glass-border),transparent);margin-bottom:28px}.modal-project-desc{font-size:1.05rem;line-height:1.75;color:var(--text-color);margin-bottom:32px}.modal-sec-title{font-size:1.15rem;font-weight:600;margin-bottom:18px;color:var(--text-color);border-left:3px solid var(--accent-color);padding-left:10px}.modal-features-section{margin-bottom:36px}.modal-features-grid{display:grid;grid-template-columns:1fr;gap:16px}@media (min-width: 520px){.modal-features-grid{grid-template-columns:repeat(2,1fr)}}.modal-feature-card{padding:16px;border-radius:16px;background:#ffffff08;border:1px solid var(--glass-border);display:flex;gap:12px;transition:all .3s ease}.modal-feature-card:hover{background:#ffffff0f;border-color:#ffffff26}.modal-feature-icon-wrapper{flex-shrink:0;margin-top:2px}.feature-info h5{font-size:.95rem;font-weight:600;margin-bottom:6px;color:var(--text-color)}.feature-info p{font-size:.85rem;color:var(--text-muted);line-height:1.5}.modal-tech-section{margin-bottom:10px}.modal-tech-tags{display:flex;flex-wrap:wrap;gap:10px}.modal-tech-tag-item{font-size:.8rem;padding:6px 14px;border-radius:20px;background:#ffffff0d;border:1px solid var(--glass-border);color:var(--text-muted);font-weight:500;transition:all .3s ease}.modal-tech-tag-item:hover{background:#ffffff1a;color:var(--accent-color);border-color:var(--accent-color)}body.modal-open{overflow:hidden}.scheduler-preview{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;width:100%;margin:0;background:#ffffff05;border:1px solid rgba(255,255,255,.05);border-radius:20px;padding:24px;box-sizing:border-box;box-shadow:inset 0 0 20px #ffffff05;transition:all .4s ease}.timeline-project-card:hover .scheduler-preview{border-color:var(--accent-solid);box-shadow:0 0 15px var(--accent-glow);background:#ffffff08}.sched-day{display:flex;flex-direction:column;align-items:center;font-size:.9rem;color:var(--text-muted);gap:10px}.sched-block{width:100%;height:38px;border-radius:10px;background:#ffffff08;border:1px dashed rgba(255,255,255,.08);display:flex;align-items:center;justify-content:center;font-size:.8rem;color:transparent;transition:all .4s cubic-bezier(.16,1,.3,1)}.sched-block.accent{background:#6366f12e;border:1px solid rgba(99,102,241,.35);color:#a5b4fc;font-weight:600}.timeline-project-card:hover .sched-block.accent{box-shadow:0 0 12px #6366f159;background:#6366f140;transform:translateY(-2px)}.novel-preview{width:100%;margin:0;background:linear-gradient(135deg,#22c55e0d,#ffffff03);border:1px solid rgba(34,197,94,.18);border-radius:20px;padding:28px;box-sizing:border-box;position:relative;box-shadow:inset 0 0 20px #22c55e0d;transition:all .4s ease}.timeline-project-card:hover .novel-preview{border-color:var(--accent-solid);background:linear-gradient(135deg,#22c55e14,#ffffff05);box-shadow:0 0 20px var(--accent-glow)}.novel-quote{font-size:1rem;font-style:italic;color:#a3d9b0;line-height:1.75;margin-bottom:14px;font-family:"Noto Serif TC",Noto Sans TC,serif;position:relative;letter-spacing:.5px}.quote-mark{font-size:1.6rem;color:#22c55e59;font-weight:700;vertical-align:middle;line-height:0;margin:0 2px}.novel-signature{text-align:right;font-size:.85rem;color:var(--text-muted);opacity:.85}.audio-preview{width:100%;margin:0;background:#00000038;border:1px solid rgba(255,255,255,.05);border-radius:20px;padding:24px;box-sizing:border-box;transition:all .4s ease}.timeline-project-card:hover .audio-preview{border-color:var(--accent-solid);box-shadow:0 0 20px var(--accent-glow);background:#00000047}.vinyl-record-box{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px;padding:0 4px}.vinyl-disk{width:72px;height:72px;border-radius:50%;background:radial-gradient(circle,transparent 38%,rgba(0,0,0,.85) 39%),repeating-radial-gradient(circle,transparent,transparent 2px,rgba(0,0,0,.4) 3px,rgba(0,0,0,.4) 4px),conic-gradient(from 0deg,#151515,#353535 15%,#9e9e9e,#353535 35%,#151515,#353535 65%,#9e9e9e,#353535 85%,#151515);border:2px solid rgba(255,255,255,.25);display:flex;align-items:center;justify-content:center;position:relative;box-shadow:0 8px 24px #000000a6,0 0 10px #ffffff14;transition:all .6s cubic-bezier(.16,1,.3,1)}.vinyl-center{width:22px;height:22px;border-radius:50%;background:var(--accent-solid);border:2px solid #000;box-shadow:inset 0 0 4px #00000080;display:flex;align-items:center;justify-content:center}.vinyl-center:after{content:"";width:6px;height:6px;border-radius:50%;background:#081026}.timeline-project-card:hover .vinyl-disk{animation:vinyl-spin 6s linear infinite;border-color:#ffffff73;box-shadow:0 8px 24px #000000bf,0 0 16px var(--accent-glow)}@keyframes vinyl-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.audio-wave{display:flex;align-items:flex-end;gap:3.5px;height:48px;background:#0810268c;padding:8px 14px;border-radius:12px;border:1px solid rgba(255,255,255,.05);box-shadow:0 4px 12px #00000026;box-sizing:border-box}.audio-wave span{display:block;width:4px;height:6px;background:var(--accent-solid);border-radius:2px;opacity:.35;transition:height .2s ease,opacity .3s ease}.timeline-project-card:hover .audio-wave span{opacity:.95;animation:wave-pulse-anim 1s ease infinite alternate}.timeline-project-card:hover .audio-wave span:nth-child(1){animation-delay:.1s;animation-duration:.8s}.timeline-project-card:hover .audio-wave span:nth-child(2){animation-delay:.3s;animation-duration:1.1s}.timeline-project-card:hover .audio-wave span:nth-child(3){animation-delay:.15s;animation-duration:.9s}.timeline-project-card:hover .audio-wave span:nth-child(4){animation-delay:.4s;animation-duration:1.2s}.timeline-project-card:hover .audio-wave span:nth-child(5){animation-delay:.25s;animation-duration:.75s}.timeline-project-card:hover .audio-wave span:nth-child(6){animation-delay:.35s;animation-duration:1s}.timeline-project-card:hover .audio-wave span:nth-child(7){animation-delay:.2s;animation-duration:.85s}.timeline-project-card:hover .audio-wave span:nth-child(8){animation-delay:.45s;animation-duration:1.15s}@keyframes wave-pulse-anim{0%{height:6px}to{height:32px}}.player-controls{display:flex;align-items:center;gap:12px;margin-bottom:14px}.play-btn-wrapper{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:#ffffff14;border:1px solid rgba(255,255,255,.12);cursor:pointer;color:var(--accent-solid);transition:all .25s ease;z-index:10}.play-btn-wrapper:hover{background:var(--accent-solid);color:#081026;transform:scale(1.1);box-shadow:0 0 12px var(--accent-glow)}.play-btn-wrapper i{width:16px;height:16px}.player-progress-bar{flex-grow:1;height:6px;border-radius:3px;background:#ffffff14;overflow:hidden}.progress-fill{width:24.3%;height:100%;background:var(--accent-solid);border-radius:3px;transition:width .8s cubic-bezier(.16,1,.3,1)}.timeline-project-card:hover .progress-fill{width:100%;transition:width 10s cubic-bezier(.16,1,.3,1)}.player-time{font-size:.78rem;color:var(--text-muted);font-family:monospace}.lyrics-snippet{font-size:.92rem;font-style:italic;color:var(--accent-solid);line-height:1.45;margin:14px auto 0;text-align:center;opacity:.7;transition:all .3s ease;background:#0810268c;padding:8px 18px;border-radius:12px;border:1px solid rgba(255,255,255,.05);box-shadow:0 4px 12px #00000026;display:block;width:fit-content}.timeline-project-card:hover .lyrics-snippet{opacity:1}.loading-glow-indicator{animation:loading-scan-anim 2.5s ease-in-out infinite alternate}@keyframes loading-scan-anim{0%{left:-50%}to{left:100%}}.glyph-reveal-container{display:flex;justify-content:center;align-items:center;min-height:480px;opacity:1;transition:opacity .6s cubic-bezier(.16,1,.3,1),transform .6s cubic-bezier(.16,1,.3,1);transform:translateY(0)}.glyph-reveal-container.fade-out{opacity:0;transform:translateY(-20px);pointer-events:none}.glyph-card{padding:48px 64px;text-align:center;max-width:480px;width:100%;border-radius:28px;display:flex;flex-direction:column;align-items:center;border:1px solid var(--glass-border);background:var(--card-bg)}.glyph-text-wrapper{margin-bottom:24px}.glyph-char{font-size:6rem;font-weight:700;color:var(--accent-solid);display:inline-block;transition:all .5s cubic-bezier(.16,1,.3,1);text-shadow:0 0 20px var(--accent-glow)}.glyph-char.splitting{transform:scale(1.6);opacity:0;filter:blur(15px)}.glyph-char.resolved{transform:scale(1);opacity:1;filter:blur(0);font-size:5rem;color:#fff;text-shadow:0 0 30px var(--accent-solid)}.glyph-tip{color:var(--text-muted);font-size:.95rem;margin-bottom:32px;font-style:italic}.glyph-unlock-btn{display:flex;align-items:center;gap:10px;padding:14px 28px;border-radius:50px;background:var(--accent-solid);color:#081026;border:none;font-weight:600;font-size:1rem;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px var(--accent-glow)}.glyph-unlock-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px var(--accent-glow);filter:brightness(1.1)}.zhirou-dashboard{opacity:0;transform:translateY(20px);transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1)}.zhirou-dashboard.visible{opacity:1;transform:translateY(0)}.dashboard-grid{display:grid;grid-template-columns:1.1fr 1.3fr;gap:36px;margin-top:24px;align-items:stretch}@media (max-width: 992px){.dashboard-grid{grid-template-columns:1fr}}.immersive-player{padding:40px;text-align:center;display:flex;flex-direction:column;align-items:center;border-radius:24px;background:#0f172a66;border:1px solid var(--glass-border)}.large-vinyl-record{width:170px;height:170px;position:relative;margin-bottom:28px}.large-vinyl-disk{width:100%;height:100%;border-radius:50%;background:radial-gradient(circle,transparent 38%,rgba(0,0,0,.9) 39%),repeating-radial-gradient(circle,transparent,transparent 2px,rgba(0,0,0,.4) 3px,rgba(0,0,0,.4) 4px),conic-gradient(from 0deg,#151515,#353535 15%,#9e9e9e,#353535 35%,#151515,#353535 65%,#9e9e9e,#353535 85%,#151515);border:4px solid rgba(255,255,255,.2);box-shadow:0 12px 36px #000000b3,0 0 15px #ffffff0d;display:flex;align-items:center;justify-content:center}.large-vinyl-disk.spinning{animation:vinyl-spin 8s linear infinite}.large-vinyl-center{width:44px;height:44px;border-radius:50%;background:var(--accent-solid);border:4px solid #000;box-shadow:inset 0 0 8px #00000080;display:flex;align-items:center;justify-content:center}.large-vinyl-center:after{content:"";width:10px;height:10px;border-radius:50%;background:#081026}.player-metadata{margin-bottom:28px}.song-title{font-size:1.4rem;font-weight:700;margin-bottom:6px;color:var(--text-color)}.song-subtitle{font-size:.9rem;color:var(--text-muted)}.interactive-controls{width:100%;margin-bottom:20px}.player-progress-bar-interactive{width:100%;height:8px;background:#ffffff14;border-radius:4px;overflow:visible;cursor:pointer;margin-bottom:16px;position:relative}html.light .player-progress-bar-interactive{background:#00000014}.progress-fill-interactive{height:100%;width:0%;background:var(--accent-solid);border-radius:4px;transition:width .1s linear}.progress-handle-interactive{position:absolute;top:50%;left:0%;width:14px;height:14px;background:#fff;border:2px solid var(--accent-solid);border-radius:50%;transform:translate(-50%,-50%) scale(.8);box-shadow:0 0 10px var(--accent-glow);transition:left .1s linear,transform .2s ease,box-shadow .2s ease;pointer-events:none}.player-progress-bar-interactive:hover .progress-handle-interactive{transform:translate(-50%,-50%) scale(1.2);box-shadow:0 0 15px var(--accent-glow)}.controls-row{display:flex;align-items:center;justify-content:space-between;width:100%;padding:0 4px}.time-elapsed,.time-total{font-family:monospace;font-size:.85rem;color:var(--text-muted)}.player-action-btn{width:52px;height:52px;border-radius:50%;background:var(--accent-solid);color:#081026;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .25s ease;box-shadow:0 4px 15px var(--accent-glow)}.player-action-btn:hover{transform:scale(1.1);box-shadow:0 6px 20px var(--accent-glow)}.player-action-btn i{width:22px;height:22px}.volume-control{display:flex;align-items:center;gap:12px;width:80%;margin-top:10px;margin-left:auto;margin-right:auto}.vol-icon{width:18px;height:18px;color:var(--text-muted)}.volume-slider{flex-grow:1;height:4px;border-radius:2px;background:#ffffff26;outline:none;cursor:pointer;accent-color:var(--accent-solid)}html.light .volume-slider{background:#0000001a}.video-responsive{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;border-radius:16px;background:#000;border:1px solid var(--glass-border)}.video-responsive iframe{position:absolute;top:0;left:0;width:100%;height:100%}.dashboard-right{display:flex;flex-direction:column;height:100%}.dashboard-tabs{display:flex;gap:12px;margin-bottom:18px}.tab-btn{flex-grow:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px;border-radius:14px;background:#ffffff0a;border:1px solid var(--glass-border);color:var(--text-muted);font-weight:500;font-size:.95rem;cursor:pointer;transition:all .3s ease}.tab-btn:hover{background:#ffffff14;color:var(--text-color)}.tab-btn.active{background:var(--accent-solid);color:#081026;border-color:var(--accent-solid);font-weight:600;box-shadow:0 4px 15px var(--accent-glow)}.tab-content{display:none;padding:32px;border-radius:24px;background:var(--card-bg);border:1px solid var(--glass-border);position:relative;overflow:hidden;box-sizing:border-box;flex-grow:1;height:0;min-height:0}.tab-content.active{display:flex;flex-direction:column}.story-letter,.lyrics-container,.credits-section{width:100%;height:100%;overflow-y:auto;position:relative;z-index:1;padding-right:8px;box-sizing:border-box}.story-letter::-webkit-scrollbar,.lyrics-scroll::-webkit-scrollbar,.credits-section::-webkit-scrollbar{width:5px}.story-letter::-webkit-scrollbar-track,.lyrics-scroll::-webkit-scrollbar-track,.credits-section::-webkit-scrollbar-track{background:transparent}.story-letter::-webkit-scrollbar-thumb,.lyrics-scroll::-webkit-scrollbar-thumb,.credits-section::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}html.light .story-letter::-webkit-scrollbar-thumb,html.light .lyrics-scroll::-webkit-scrollbar-thumb,html.light .credits-section::-webkit-scrollbar-thumb{background:#00000026}.story-letter::-webkit-scrollbar-thumb:hover,.lyrics-scroll::-webkit-scrollbar-thumb:hover,.credits-section::-webkit-scrollbar-thumb:hover{background:var(--accent-solid)}.tab-decor-star{position:absolute;color:var(--accent-solid);opacity:.12;pointer-events:none;z-index:0;-webkit-user-select:none;user-select:none}.tab-decor-star.star-1{top:15%;right:8%;font-size:1.4rem;animation:decor-twinkle 3s infinite ease-in-out alternate}.tab-decor-star.star-2{bottom:20%;left:6%;font-size:1.1rem;animation:decor-twinkle 4s infinite ease-in-out alternate-reverse}.tab-decor-feather{position:absolute;color:var(--accent-solid);opacity:.05;pointer-events:none;z-index:0;-webkit-user-select:none;user-select:none}.tab-decor-feather.feather-1{top:25%;left:4%;transform:rotate(-45deg);animation:float-slow-1 7s infinite ease-in-out alternate}.tab-decor-feather.feather-2{bottom:15%;right:6%;transform:rotate(135deg);animation:float-slow-2 9s infinite ease-in-out alternate}@keyframes decor-twinkle{0%{opacity:.05;transform:scale(.9)}to{opacity:.22;transform:scale(1.1)}}@keyframes float-slow-1{0%{transform:translate(0) rotate(-45deg)}to{transform:translate(12px,-18px) rotate(-35deg)}}@keyframes float-slow-2{0%{transform:translate(0) rotate(135deg)}to{transform:translate(-18px,12px) rotate(145deg)}}.story-letter{line-height:1.7;color:var(--text-color)}.letter-quote{font-size:1.15rem;font-style:italic;text-align:center;color:var(--accent-solid);margin-bottom:24px;font-weight:500;text-shadow:0 0 10px var(--accent-glow)}.story-quote{border-left:4px solid var(--accent-solid);padding-left:18px;margin:20px 0;color:var(--text-muted);font-style:italic;background:#ffffff05;border-radius:0 8px 8px 0}html.light .story-quote{background:#00000005}.story-footer{text-align:right;font-weight:600;margin-top:32px;color:var(--accent-solid)}.lyrics-container{display:flex;flex-direction:column;height:100%;overflow:hidden}.lyrics-intro{text-align:center;color:var(--text-muted);margin-bottom:16px;line-height:1.6;font-size:.95rem;border-bottom:1px solid rgba(255,255,255,.08);padding-bottom:16px}html.light .lyrics-intro{border-bottom:1px solid rgba(0,0,0,.08)}.lyrics-intro p{margin:6px 0}.lyrics-scroll{flex-grow:1;overflow-y:auto;position:relative;width:100%}.lyrics-timeline-container{display:flex;flex-direction:column;align-items:center;gap:20px;padding:120px 0;transition:transform .3s ease}.lyric-line{font-size:1.1rem;color:var(--text-muted);text-align:center;transition:all .3s ease;cursor:pointer;padding:8px 16px;border-radius:12px;width:100%;box-sizing:border-box}.lyric-line:hover{color:var(--accent-solid);background:#ffffff08}html.light .lyric-line:hover{background:#00000008}.lyric-line.active{font-weight:700;color:var(--text-color)}.spoken-prologue{font-style:italic;opacity:.85;line-height:1.7;margin-bottom:16px;font-size:.92rem;text-align:left;padding:16px 20px;background:#ffffff05;border-radius:12px;border:1px solid rgba(255,255,255,.04)}html.light .spoken-prologue{background:#00000005;border:1px solid rgba(0,0,0,.04)}.credits-title{font-size:1.2rem;font-weight:600;margin-bottom:12px;color:var(--text-color);display:flex;align-items:center;gap:8px}.credits-ig{font-size:.85rem;color:var(--text-muted);margin-bottom:20px}.credits-ig a{color:var(--accent-solid);text-decoration:none}.musician-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.musician-card{padding:16px;border-radius:14px;background:#ffffff08;border:1px solid rgba(255,255,255,.05);transition:all .3s ease}html.light .musician-card{background:#00000005;border:1px solid rgba(0,0,0,.06)}.musician-role{font-size:.8rem;color:var(--accent-solid);font-weight:600;margin-bottom:4px}.musician-name{font-size:1.05rem;font-weight:600;margin-bottom:6px;color:var(--text-color)}.musician-desc{font-size:.85rem;color:var(--text-muted);margin:0}.thanks-list{display:flex;flex-direction:column;gap:16px}.thanks-item{padding:18px;border-radius:14px;background:#ffffff08;border:1px solid rgba(255,255,255,.05);transition:all .3s ease}html.light .thanks-item{background:#00000005;border:1px solid rgba(0,0,0,.06)}.thanks-item.highlight{border-color:var(--accent-solid);background:#eab3080a}html.light .thanks-item.highlight{background:#eab30814}.thanks-name{font-size:1rem;font-weight:600;color:var(--text-color);display:block;margin-bottom:6px}.thanks-desc{font-size:.9rem;color:var(--text-muted);margin:0 0 10px;line-height:1.6}.thanks-dedication{font-size:.95rem;font-style:italic;color:var(--accent-solid);margin:0;font-weight:500}.credits-ending{text-align:center;font-weight:500;color:var(--text-muted);margin-top:32px;font-size:.95rem;border-top:1px solid rgba(255,255,255,.08);padding-top:20px}html.light .credits-ending{border-top:1px solid rgba(0,0,0,.08)}.timeline-container.in-subpage{position:absolute!important;top:0;left:0;width:100%;height:100%;min-height:100vh;pointer-events:none;z-index:1}.timeline-container.in-subpage .timeline-universe-canvas{z-index:1}.timeline-project-card[data-project-id=green-letter]{overflow:visible}.green-letter-fx{position:absolute;top:-60px;right:-30px;bottom:-20px;left:-30px;pointer-events:none;z-index:10;opacity:0;transition:opacity .5s ease;overflow:visible}.timeline-project-card[data-project-id=green-letter]:hover .green-letter-fx{opacity:1}.gl-plant{position:absolute;bottom:20px;transform-origin:bottom center;transform:scaleY(0);transition:transform .9s cubic-bezier(.34,1.56,.64,1);filter:drop-shadow(0 2px 10px rgba(34,139,34,.3))}.timeline-project-card[data-project-id=green-letter]:hover .gl-plant{transform:scaleY(1)}.gl-plant--left-1{left:-14px;bottom:20px;transition-delay:0s}.gl-plant--left-2{left:-10px;bottom:20px;transition-delay:.15s}.gl-plant--left-3{left:20px;bottom:20px;transition-delay:.08s}.gl-plant--right-1{right:-14px;bottom:20px;transition-delay:.05s}.gl-plant--right-2{right:-10px;bottom:20px;transition-delay:.18s}.gl-plant--right-3{right:20px;bottom:20px;transition-delay:.1s}@keyframes vineSway{0%,to{transform:scaleY(1) rotate(0)}20%{transform:scaleY(1) rotate(.8deg)}50%{transform:scaleY(1) rotate(-.6deg)}80%{transform:scaleY(1) rotate(.5deg)}}.timeline-project-card[data-project-id=green-letter]:hover .gl-plant{animation:vineSway 4s ease-in-out infinite;animation-delay:.9s}.gl-plant--left-1{animation-delay:.9s!important}.gl-plant--left-2{animation-delay:1.2s!important}.gl-plant--left-3{animation-delay:1.05s!important}.gl-plant--right-1{animation-delay:1s!important}.gl-plant--right-2{animation-delay:1.3s!important}.gl-plant--right-3{animation-delay:.95s!important}.gl-dove{position:absolute;top:15px;opacity:0;pointer-events:none;filter:drop-shadow(0 3px 10px rgba(255,255,255,.25))}@keyframes doveFly1{0%{left:-60px;top:20px;opacity:0;transform:scaleX(1) rotate(-3deg)}10%{opacity:1}50%{top:5px}85%{opacity:1}to{left:calc(100% + 80px);top:12px;opacity:0;transform:scaleX(1) rotate(2deg)}}@keyframes doveFly2{0%{left:calc(100% + 60px);top:25px;opacity:0;transform:scaleX(-1) rotate(-2deg)}10%{opacity:.9}45%{top:8px}85%{opacity:.9}to{left:-80px;top:18px;opacity:0;transform:scaleX(-1) rotate(3deg)}}@keyframes doveFly3{0%{left:-40px;top:10px;opacity:0;transform:scaleX(1) rotate(-1deg) scale(.8)}12%{opacity:.85}55%{top:-5px}88%{opacity:.85}to{left:calc(100% + 60px);top:15px;opacity:0;transform:scaleX(1) rotate(1deg) scale(.8)}}.timeline-project-card[data-project-id=green-letter]:hover .gl-dove--1{animation:doveFly1 4.5s ease-in-out .3s forwards}.timeline-project-card[data-project-id=green-letter]:hover .gl-dove--2{animation:doveFly2 5s ease-in-out 1s forwards}.timeline-project-card[data-project-id=green-letter]:hover .gl-dove--3{animation:doveFly3 4s ease-in-out 1.8s forwards}@keyframes wingFlap{0%,to{transform:rotateX(0)}50%{transform:rotateX(35deg)}}.gl-dove svg .wing-left,.gl-dove svg .wing-right{animation:wingFlap .35s ease-in-out infinite;transform-origin:center}.gl-paper{position:absolute;top:15%;opacity:0;pointer-events:none;filter:drop-shadow(0 3px 10px rgba(34,139,34,.25))}@keyframes paperBlow{0%{left:-80px;top:25%;opacity:0;transform:rotate(-15deg) scale(.85)}8%{opacity:.92}30%{top:12%;transform:rotate(5deg) scale(.9)}55%{top:20%;transform:rotate(-8deg) scale(.88)}80%{top:8%;transform:rotate(12deg) scale(.85)}92%{opacity:.9}to{left:calc(100% + 100px);top:15%;opacity:0;transform:rotate(18deg) scale(.82)}}.timeline-project-card[data-project-id=green-letter]:hover .gl-paper{animation:paperBlow 5.5s ease-in-out .6s forwards}.green-letter-dashboard{display:flex;flex-direction:column;gap:30px;width:100%;margin-top:10px;position:relative}.gl-intro-metadata-wrapper{display:flex;flex-direction:column;align-items:flex-start;gap:8px;width:100%;margin-bottom:8px}.intro-book-title-short{font-family:"Noto Serif TC",serif;font-size:3rem;font-weight:700;color:var(--accent-solid);line-height:1.25;letter-spacing:4px;margin:0;text-shadow:0 2px 15px rgba(34,197,94,.25);text-align:left}.gl-info-column .intro-author{font-family:"Noto Serif TC",serif!important;font-size:1.15rem!important;color:var(--text-primary)!important;margin:0!important;font-weight:500!important;text-align:left!important}.gl-info-column .intro-tagline{font-family:"Noto Serif TC",serif!important;font-size:1rem!important;color:var(--text-secondary)!important;margin:2px 0 0!important;font-style:italic!important;text-align:left!important}.intro-book-title{font-family:"Noto Serif TC",serif!important;font-size:2.2rem!important;font-weight:400!important;letter-spacing:3px!important}.intro-author{font-family:"Noto Serif TC",serif!important;font-size:1.2rem!important;font-weight:400!important;letter-spacing:1px!important}.intro-tagline{font-family:"Noto Serif TC",serif!important;font-style:normal!important;letter-spacing:1px!important}.gl-intro-preface,.preface-p{font-family:"Noto Serif TC",serif}.preface-title{font-family:"Noto Serif TC",serif;letter-spacing:2px}.gl-intro-section{padding:40px;border-radius:24px;background:var(--glass-bg);border:1px solid var(--glass-border);box-shadow:0 10px 30px var(--glass-shadow);transition:all .3s ease}.gl-intro-container.with-cover{display:flex;gap:110px;align-items:stretch;max-width:1100px;margin:0 auto;width:100%}.gl-cover-column{flex-shrink:0;width:250px;border-radius:16px;overflow:hidden;box-shadow:0 10px 25px #00000073;border:1px solid rgba(255,255,255,.08);transition:all .3s ease}.gl-cover-column:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 14px 30px #22c55e40;border-color:#22c55e4d}.gl-cover-img{width:100%;height:auto;display:block}.gl-info-column{flex:1;display:flex;flex-direction:column;gap:16px;text-align:left;align-items:flex-start}.gl-info-tag{font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:2px;color:var(--accent-solid);text-align:left}.gl-stats-row{display:flex;justify-content:flex-start!important;gap:16px;flex-wrap:wrap;margin:5px 0 10px}.gl-stat-item{display:flex;align-items:center;gap:8px;font-size:.9rem;color:var(--text-primary);background:#ffffff0d;padding:6px 16px;border-radius:50px;border:1px solid rgba(255,255,255,.05)}.stat-icon{width:15px;height:15px;color:var(--accent-solid)}.gl-info-description{font-size:1.05rem;line-height:1.8;color:var(--text-secondary);text-align:left;max-width:1100px;margin:30px auto 0;width:100%;border-top:1px solid rgba(255,255,255,.08);padding-top:25px}.gl-intro-parsed-wrapper{text-align:left;display:flex;flex-direction:column;gap:6px}.intro-book-title{font-family:"Noto Serif TC",serif;font-size:2.2rem;font-weight:400;color:var(--accent-solid);margin:0 0 5px;letter-spacing:3px;text-align:left}.intro-author{font-family:"Noto Serif TC",serif;font-size:1.2rem;color:var(--text-primary);font-weight:400;margin-top:-5px;letter-spacing:1px;text-align:left}.intro-tagline{font-family:"Noto Serif TC",serif;font-size:1.08rem;color:var(--text-secondary);font-style:normal;margin-bottom:10px;letter-spacing:1px;text-align:left}.gl-intro-divider{font-size:1.1rem;letter-spacing:4px;margin:20px 0;text-align:center!important;font-weight:700}.gl-intro-preface{background:#22c55e08;border-left:4px solid var(--accent-solid);padding:24px 28px;border-radius:16px;margin:20px 0;text-align:left;box-shadow:inset 0 2px 8px #0000001a;border:1px solid rgba(34,197,94,.08)}.preface-title{font-size:1.15rem;font-weight:700;color:var(--accent-solid);margin-bottom:16px;display:flex;align-items:center;justify-content:flex-start;gap:10px}.preface-title i{width:18px;height:18px}.preface-p{font-size:1.02rem;line-height:1.9;color:var(--text-primary);margin:0 0 12px;text-indent:2em;text-align:justify}.intro-sec-title{font-size:1.35rem;font-weight:700;color:#22c55e;margin:28px 0 12px;text-align:left;display:block}.milestone-list,.notes-list{text-align:left;list-style:none;padding-left:5px;margin:0 0 10px;display:flex;flex-direction:column;align-items:flex-start;gap:6px}.milestone-list li,.notes-list li{font-size:.98rem;color:var(--text-secondary);position:relative;padding-left:18px;line-height:1.6;text-align:left}.milestone-list li:before{content:"・";position:absolute;left:0;font-size:1rem;top:-2px}.notes-list li:before{content:"◌";position:absolute;left:0;font-size:.9rem;top:1px}.milestone-list li:nth-child(1){color:#90caf9}.milestone-list li:nth-child(2){color:#90caf9}.milestone-list li:nth-child(3){color:#7986cb}.milestone-list li:nth-child(4){color:#ab47bc}.milestone-list li:nth-child(5){color:#ab47bc}.milestone-list li:nth-child(6){color:#ce93d8}.milestone-list li:nth-child(7){color:#ab47bc}.notes-list li{color:#4caf50}.intro-link-box{margin:15px 0;display:flex;justify-content:flex-start}.popo-link-btn{display:inline-flex;align-items:center;gap:10px;background:#22c55e14;border:1px solid rgba(34,197,94,.2);color:var(--accent-solid);padding:12px 24px;border-radius:12px;font-size:.98rem;font-weight:600;transition:all .2s ease;box-shadow:0 4px 12px #22c55e0d}.popo-link-btn:hover{background:#22c55e26;border-color:var(--accent-solid);transform:translateY(-2px);box-shadow:0 6px 18px #22c55e1f}.popo-link-btn i{width:16px;height:16px}.intro-plain-text{font-size:1.02rem;color:var(--text-primary);line-height:1.6;text-align:left;margin:6px 0}.gl-action-row{display:flex;justify-content:flex-start!important;gap:16px;margin-top:auto!important;margin-bottom:0}.gl-read-btn{display:inline-flex;align-items:center;gap:10px;padding:12px 28px;border-radius:12px;font-size:1.02rem;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1)}.gl-read-btn.primary{background:var(--accent-solid);color:#fff;box-shadow:0 4px 15px var(--accent-glow)}.gl-read-btn.primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px var(--accent-glow);filter:brightness(1.1)}.gl-read-btn.secondary{background:#ffffff0f;color:var(--text-primary);border:1px solid var(--glass-border)}.gl-read-btn.secondary:hover{background:#ffffff1a;transform:translateY(-2px)}.gl-reader-container{display:flex;flex-direction:column;border-radius:24px;background:var(--glass-bg);border:1px solid var(--glass-border);box-shadow:0 15px 40px var(--glass-shadow);overflow:hidden;height:calc(100vh - 120px);min-height:550px;position:relative}.gl-reader-toolbar{display:flex;justify-content:space-between;align-items:center;padding:12px 24px;border-bottom:1px solid var(--glass-border);background:#0003;flex-shrink:0}.toolbar-right{display:flex;align-items:center;gap:16px}.toolbar-btn{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;border-radius:8px;color:var(--text-primary);background:#ffffff0d;border:1px solid rgba(255,255,255,.05);font-size:.9rem;transition:all .2s ease}.toolbar-btn:hover{background:#ffffff1a}.toolbar-btn i{width:16px;height:16px}.toolbar-btn.close-btn{background:#ef444426;color:#ef4444;border:1px solid rgba(239,68,68,.2)}.toolbar-btn.close-btn:hover{background:#ef444440}.setting-group{display:flex;align-items:center;gap:8px;background:#00000026;padding:4px 8px;border-radius:8px;border:1px solid rgba(255,255,255,.03)}.setting-btn{padding:6px 12px;border-radius:6px;font-size:.85rem;font-weight:500;color:var(--text-secondary);transition:all .2s ease}.setting-btn:hover{color:var(--text-primary)}.setting-btn.active{background:#ffffff1a;color:var(--text-primary);font-weight:600}.theme-btn{width:20px;height:20px;border-radius:50%;padding:0;border:2px solid transparent;cursor:pointer;position:relative;transition:transform .2s ease}.theme-btn:hover{transform:scale(1.15)}.theme-btn.active{border-color:var(--accent-solid)}.theme-green-btn{background-color:#143520}.theme-parchment-btn{background-color:#f4edd8}.theme-dark-btn{background-color:#0b132b}.font-size-val{font-size:.9rem;color:var(--text-primary);min-width:44px;text-align:center}.gl-reader-body{display:flex;flex:1;overflow:hidden;position:relative}.gl-reader-toc{width:280px;border-right:1px solid var(--glass-border);background:#0000001a;display:flex;flex-direction:column;transition:all .3s cubic-bezier(.4,0,.2,1);flex-shrink:0}.gl-reader-toc:not(.active){margin-left:-280px}.toc-search-box{padding:15px;position:relative;border-bottom:1px solid rgba(255,255,255,.05)}.toc-search-box .search-icon{position:absolute;left:25px;top:50%;transform:translateY(-50%);width:14px;height:14px;color:var(--text-secondary)}.toc-search-box input{width:100%;padding:8px 12px 8px 32px;border-radius:8px;background:#0003;border:1px solid var(--glass-border);color:var(--text-primary);font-size:.85rem;outline:none}.toc-list{flex:1;overflow-y:auto;padding:10px}.toc-item{display:flex;align-items:center;gap:12px;padding:10px 14px;border-radius:8px;cursor:pointer;margin-bottom:4px;transition:all .2s ease}.toc-item:hover{background:#ffffff0d}.toc-item.active{background:var(--accent-glow);border-left:3px solid var(--accent-solid)}.toc-num{font-size:.75rem;font-weight:700;color:var(--accent-solid);background:#22c55e1a;padding:2px 6px;border-radius:4px;min-width:28px;text-align:center}.toc-title-text{font-size:.9rem;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gl-reader-content{flex:1;overflow-y:auto;padding:24px 40px;display:flex;flex-direction:column;justify-content:space-between;transition:background-color .3s ease}.gl-chapter-wrap{max-width:800px;margin:0 auto;width:100%;padding:40px 48px;border-radius:20px;box-shadow:0 8px 32px #0000002e;box-sizing:border-box}.gl-chapter-title{font-size:2.2rem;margin-bottom:24px;font-weight:700;text-align:center;border-bottom:2px solid rgba(255,255,255,.05);padding-bottom:12px}.gl-chapter-body{line-height:1.95;letter-spacing:1.2px}.gl-p{margin-bottom:20px;text-indent:2em;text-align:justify}.gl-paragraph-separator{text-align:center;margin:24px 0;color:var(--text-secondary);opacity:.5}.sep-dot{margin:0 6px;font-size:.8rem}.theme-green{background-color:#143520!important;color:#a3d9b0!important}.theme-green .gl-chapter-title{color:#fef08a!important;border-color:#a3d9b01a!important}.theme-parchment{background-color:#f4edd8!important;color:#3f2f25!important}.theme-parchment .gl-chapter-title{color:#7c2d12!important;border-color:#3f2f251a!important}.theme-dark{background-color:#0b132b!important;color:#8da9c4!important}.theme-dark .gl-chapter-title{color:#e2e8f0!important;border-color:#e2e8f01a!important}.font-serif{font-family:"Noto Serif TC",Georgia,serif}.font-sans{font-family:Plus Jakarta Sans,Noto Sans TC,sans-serif}.gl-reader-footer-nav{display:flex;justify-content:space-between;align-items:center;margin-top:40px;padding-top:20px;border-top:1px solid rgba(255,255,255,.05);flex-shrink:0}.footer-nav-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;border-radius:8px;font-size:.95rem;font-weight:600;background:#ffffff0d;color:var(--text-primary);border:1px solid rgba(255,255,255,.05);transition:all .2s ease}.footer-nav-btn:hover:not(:disabled){background:#ffffff1a;transform:translateY(-1px)}.footer-nav-btn:disabled{opacity:.3;cursor:not-allowed}.chap-progress-text{font-size:.95rem;color:var(--text-secondary)}.gl-music-player{position:fixed;bottom:24px;right:24px;background:#0f172ae6!important;-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);border:1px solid rgba(255,255,255,.12);box-shadow:0 15px 40px #0000008c;z-index:999;display:flex;flex-direction:column;align-items:center;box-sizing:border-box;transition:all .4s cubic-bezier(.4,0,.2,1);color:#fff}.gl-music-player:not(.collapsed){width:290px;height:350px;border-radius:28px!important;padding:16px 20px 24px;overflow:visible;clip-path:none!important}.gl-music-player:not(.collapsed):hover{border-color:#22c55e66;box-shadow:0 15px 45px #22c55e2e}.gl-music-player.collapsed{width:64px;height:64px;border-radius:50%!important;padding:8px;cursor:pointer;border:1.5px solid rgba(34,197,94,.45);box-shadow:0 6px 20px #22c55e59;overflow:hidden;clip-path:none!important}.gl-music-player.collapsed:hover{transform:scale(1.08) rotate(5deg);border-color:#22c55ed9;box-shadow:0 8px 25px #22c55e66}.gl-player-vinyl-wrapper{display:flex;justify-content:center;align-items:center;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1);flex-shrink:0}.gl-music-player:not(.collapsed) .gl-player-vinyl-wrapper{width:100%;height:110px;margin-top:5px;margin-bottom:5px}.gl-music-player.collapsed .gl-player-vinyl-wrapper{width:48px;height:48px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.gl-player-record{border-radius:50%;background:radial-gradient(circle at center,transparent 38%,rgba(0,0,0,.8) 38%,rgba(0,0,0,.8) 40%,transparent 40%),radial-gradient(circle at center,transparent 58%,rgba(0,0,0,.8) 58%,rgba(0,0,0,.8) 60%,transparent 60%),conic-gradient(from 0deg,#0d0d0d,#353535,#0d0d0d 80deg,#0d0d0d 180deg,#353535,#0d0d0d 260deg,#0d0d0d 360deg)!important;border:2px solid #000;position:relative;box-shadow:0 4px 12px #00000080;transition:all .4s cubic-bezier(.4,0,.2,1)}.gl-player-record:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:50%;background:linear-gradient(135deg,#ffffff29,#fff0,#00000059);pointer-events:none;z-index:2}.gl-music-player:not(.collapsed) .gl-player-record{width:105px;height:105px}.gl-music-player.collapsed .gl-player-record{width:48px;height:48px}.gl-player-record .record-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:25%;height:25%;border-radius:50%;background:var(--accent-solid);border:2px solid #ffffff!important;box-shadow:0 0 8px #ffffffe6,inset 0 0 4px #fff9;z-index:3}@keyframes spinVinyl{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.gl-player-record.spinning{animation:spinVinyl 5s linear infinite}.gl-player-wave{position:absolute;bottom:12px;right:58px;display:flex;gap:2.5px;align-items:flex-end;height:14px;background:transparent!important;padding:0;border-radius:0;opacity:0;transition:opacity .3s ease;z-index:5}.gl-player-wave.active{opacity:1}.gl-player-wave span{width:2px;height:3px;background:#22c55e!important;border-radius:50px}@keyframes bounceWave{0%,to{height:3px}50%{height:12px}}.gl-player-wave.active span:nth-child(1){animation:bounceWave .8s ease infinite .1s}.gl-player-wave.active span:nth-child(2){animation:bounceWave .8s ease infinite .3s}.gl-player-wave.active span:nth-child(3){animation:bounceWave .8s ease infinite .2s}.gl-player-wave.active span:nth-child(4){animation:bounceWave .8s ease infinite .5s}.gl-player-wave.active span:nth-child(5){animation:bounceWave .8s ease infinite .4s}.gl-player-expanded-content{width:100%;display:flex;flex-direction:column;flex:1;transition:opacity .3s ease,transform .3s ease}.gl-music-player.collapsed .gl-player-expanded-content{opacity:0;visibility:hidden;pointer-events:none;transform:scale(.9)}.gl-music-player:not(.collapsed) .gl-player-expanded-content{opacity:1;visibility:visible;pointer-events:auto;transform:scale(1)}.gl-player-meta{display:flex;flex-direction:column;align-items:center;gap:4px;width:100%;margin-bottom:10px;margin-top:5px;text-align:center}.gl-player-song-title{font-size:.95rem;font-weight:700;color:#fff!important;margin:0;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gl-player-song-artist{font-size:.78rem;color:#fff9!important;margin:0;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gl-player-progress-bar-wrapper{display:flex;align-items:center;gap:8px;width:100%;margin-bottom:10px}.time-text{font-size:.7rem;color:#ffffff80!important;min-width:32px;text-align:center}.gl-player-progress-track{flex:1;height:5px;background:#ffffff26;border-radius:3px;position:relative;cursor:pointer;transition:height .2s ease}.gl-player-progress-track:hover{height:7px}.gl-player-progress-fill{height:100%;width:0%;background:#22c55e!important;border-radius:3px}.gl-player-progress-handle{width:10px;height:10px;background:#fff;border-radius:50%;position:absolute;top:50%;left:0%;transform:translate(-50%,-50%);opacity:0;transition:opacity .2s ease;box-shadow:0 0 6px #0009}.gl-player-progress-track:hover .gl-player-progress-handle{opacity:1}.gl-player-controls-row{display:flex;align-items:center;justify-content:center;gap:16px;width:100%;margin-bottom:12px}.gl-control-btn{color:#ffffffb3!important;opacity:.8;transition:all .2s ease;padding:6px;background:transparent;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center}.gl-control-btn:hover{color:#fff!important;opacity:1;transform:scale(1.18)}.gl-control-btn i{width:18px;height:18px}.gl-control-btn.play-pause-btn{background:var(--accent-solid)!important;color:#fff!important;border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;opacity:1;box-shadow:0 4px 12px #22c55e59}.gl-control-btn.play-pause-btn:hover{background:var(--accent-solid)!important;filter:brightness(1.15);transform:scale(1.08)}.gl-control-btn.play-pause-btn i{width:16px;height:16px;color:#fff!important}.gl-player-footer{display:flex;align-items:center;justify-content:space-between;width:100%;border-top:1px solid rgba(255,255,255,.08);padding-top:10px;padding-right:32px;box-sizing:border-box}.gl-volume-box{display:flex;align-items:center;gap:6px}.gl-volume-btn{color:#ffffffb3!important;padding:4px;background:transparent;border:none;cursor:pointer;transition:color .2s ease;display:flex;align-items:center}.gl-volume-btn:hover{color:#fff!important}.gl-volume-btn i{width:15px;height:15px}.gl-volume-slider{width:60px;height:4px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#ffffff40;border-radius:2px;outline:none;cursor:pointer}.gl-volume-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:10px;height:10px;border-radius:50%;background:#fff;cursor:pointer;box-shadow:0 1px 4px #0006}.gl-footer-right-buttons{display:flex;align-items:center}.gl-playlist-btn{display:inline-flex;align-items:center;gap:6px;background:#22c55e1f;border:1px solid rgba(34,197,94,.2);padding:6px 12px;border-radius:8px;font-size:.78rem;color:#fff!important;font-weight:500;transition:all .2s ease;cursor:pointer}.gl-playlist-btn:hover{background:#22c55e38;border-color:var(--accent-solid)}.gl-playlist-btn i{width:13px;height:13px;color:var(--accent-solid)}.gl-player-fold-corner{position:absolute;bottom:0;right:0;width:40px;height:40px;cursor:pointer;z-index:20}.gl-player-fold-corner:before{content:"";position:absolute;bottom:0;right:0;width:100%;height:100%;background:linear-gradient(135deg,rgba(255,255,255,.4) 0%,rgba(255,255,255,.15) 50%,transparent 50%);border-bottom-left-radius:8px;border-bottom-right-radius:28px;box-shadow:-4px -4px 10px #0000008c;transition:all .3s cubic-bezier(.175,.885,.32,1.275);transform-origin:bottom right}.gl-player-fold-corner:hover:before{background:linear-gradient(135deg,rgba(255,255,255,.5) 0%,rgba(255,255,255,.22) 50%,transparent 50%);box-shadow:-6px -6px 14px #000000b3}.gl-player-fold-corner:active:before{transform:scale(.92)}.gl-music-player.collapsed .gl-player-fold-corner{opacity:0;visibility:hidden;pointer-events:none}.gl-playlist-modal{position:fixed;bottom:24px;right:330px;width:300px;background:#0f172af5!important;-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);border:1px solid rgba(255,255,255,.12);box-shadow:0 10px 30px #0009;border-radius:16px;z-index:1000;display:flex;flex-direction:column;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);color:#fff}.gl-playlist-modal.hidden{display:none!important}.gl-playlist-modal .modal-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid rgba(255,255,255,.08);background:#0000004d}.gl-playlist-modal h4{font-size:.9rem;font-weight:600;color:#fff!important;margin:0}.gl-playlist-modal .modal-close-btn{color:#fff9!important;padding:4px;background:transparent;border:none;cursor:pointer}.gl-playlist-modal .modal-close-btn:hover{color:#fff!important}.gl-playlist-modal .modal-body{padding:8px;max-height:240px;overflow-y:auto}.song-list{display:flex;flex-direction:column;gap:4px}.song-item{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;border-radius:8px;cursor:pointer;transition:all .2s ease;color:#fffc!important}.song-item:hover:not(.disabled){background:#ffffff14;color:#fff!important}.song-item.active{background:#22c55e29;border-left:3px solid var(--accent-solid);color:#fff!important}.song-item.disabled{opacity:.35;cursor:not-allowed}.song-item-info{display:flex;align-items:center;gap:10px;width:70%}.song-num{font-size:.75rem;color:#fff6!important;min-width:16px}.song-details{display:flex;flex-direction:column;overflow:hidden;gap:2px}.song-title-text{font-size:.8rem;font-weight:500;color:#fff!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.song-artist-text{font-size:.7rem;color:#ffffff80!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.song-item-status{display:flex;align-items:center;gap:4px;font-size:.7rem;color:#fff6!important}.song-item.active .song-item-status{color:var(--accent-solid)!important}.song-item-status i{width:12px;height:12px}.gl-playlist-modal .modal-footer{padding:10px 16px;border-top:1px solid rgba(255,255,255,.08);background:#00000040;font-size:.7rem;color:#ffffff80!important;text-align:center}@media (max-width: 768px){.gl-intro-container.with-cover{flex-direction:column;align-items:center;gap:24px}.gl-cover-column{width:180px}.gl-info-column{text-align:center;align-items:center}.gl-intro-metadata-wrapper{align-items:center;text-align:center}.intro-book-title-short{font-size:2rem!important;text-align:center!important;letter-spacing:2px!important}.gl-info-column .intro-author,.gl-info-column .intro-tagline{text-align:center!important}.gl-info-tag{text-align:center}.gl-stats-row{justify-content:center!important;gap:8px}.gl-action-row{justify-content:center!important;margin-top:24px!important}.gl-info-description{text-align:justify;margin-top:20px;padding-top:15px}.gl-reader-toolbar{display:grid!important;grid-template-areas:"left right-close" "settings settings";grid-template-columns:1fr auto;gap:12px 8px;padding:10px 14px;height:auto}.gl-reader-toolbar .toolbar-left{grid-area:left;display:flex;align-items:center}.gl-reader-toolbar .toolbar-right{grid-area:settings;display:flex;flex-direction:row;justify-content:space-between;align-items:center;width:100%;gap:6px;flex-wrap:nowrap}.gl-reader-toolbar .close-btn{position:absolute;top:10px;right:14px;margin:0;z-index:5}.gl-reader-toolbar .toolbar-btn span{display:none}.gl-reader-toolbar .setting-group{padding:2px 6px;gap:4px}.gl-reader-toolbar .setting-btn{padding:4px 6px;font-size:.75rem}.gl-reader-toolbar .theme-btn{width:16px;height:16px}.gl-reader-toolbar .font-size-val{font-size:.72rem;min-width:32px}.gl-reader-toc{position:absolute;top:0;left:0;height:100%;z-index:10;background:var(--card-bg, #1e293b)!important;box-shadow:5px 0 25px #0006}.gl-reader-container.theme-green .gl-reader-toc{background:#e2ecd9!important}.gl-reader-container.theme-parchment .gl-reader-toc{background:#f4edd8!important}.gl-reader-container.theme-dark .gl-reader-toc{background:#0f172a!important}.gl-music-player:not(.collapsed){width:calc(100% - 32px);height:350px!important;right:16px;bottom:16px;padding:20px;border-radius:28px}.gl-music-player.collapsed{width:64px;height:64px;right:16px;bottom:16px}.gl-playlist-modal{width:calc(100% - 32px);right:16px;bottom:380px}.gl-reader-toc{position:absolute;top:0;left:0;height:100%;z-index:10}.gl-reader-content{padding:20px 24px}.gl-chapter-title{font-size:1.6rem}.gl-intro-section{padding:24px}.gl-info-title{font-size:1.8rem}.gl-reader-container{height:calc(100vh - 120px)}.gl-chapter-wrap{padding:20px 24px}}.gl-ai-assistant{position:fixed;bottom:24px;right:104px;z-index:1000;display:flex;transition:all .45s cubic-bezier(.3,.8,.3,1.05);overflow:hidden}.gl-ai-assistant.hidden,.gl-ai-assistant.collapsed.hidden{display:none!important}body:has(.gl-music-player:not(.collapsed)) .gl-ai-assistant{right:328px}.gl-ai-assistant.collapsed{width:60px;height:60px;border-radius:50%;background:linear-gradient(135deg,#22c55e,#15803d);border:2px solid rgba(255,255,255,.3);box-shadow:0 6px 20px #22c55e59;cursor:pointer;display:flex!important;align-items:center;justify-content:center;animation:glPulseAssistant 2s infinite}.gl-ai-assistant.collapsed:hover{transform:scale(1.1) rotate(5deg);background:linear-gradient(135deg,#2ae06c,#169c48);box-shadow:0 8px 25px #22c55e8c,0 4px 10px #00000040;animation:none}.gl-ai-assistant:not(.collapsed){width:360px;height:500px;border-radius:24px;background:#0f172af2;backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);border:1px solid rgba(255,255,255,.12);box-shadow:0 15px 40px #0000008c;cursor:default;flex-direction:column}@keyframes glPulseAssistant{0%{box-shadow:0 0 #22c55ea6,0 4px 15px #0000004d}70%{box-shadow:0 0 0 14px #22c55e00,0 4px 15px #0000004d}to{box-shadow:0 0 #22c55e00,0 4px 15px #0000004d}}.ai-collapsed-trigger{display:none}.gl-ai-assistant.collapsed .ai-collapsed-trigger{display:flex!important;align-items:center;justify-content:center;width:100%;height:100%}.ai-collapsed-trigger i{width:26px;height:26px;color:#fff}.ai-expanded-content{display:none;flex-direction:column;width:100%;height:100%;opacity:0;transition:opacity .3s ease .1s;overflow:hidden;position:relative}.gl-ai-assistant:not(.collapsed){animation:none!important}.gl-ai-assistant:not(.collapsed) .ai-expanded-content,.gl-ai-assistant:not(.collapsed) .ai-expanded-content *{animation:none!important}.gl-ai-assistant:not(.collapsed) .ai-expanded-content{display:flex!important;opacity:1}.gl-ai-assistant:not(.collapsed) .chat-input-row{padding-right:56px!important}.gl-ai-assistant.collapsed .gl-player-fold-corner{opacity:0;visibility:hidden;pointer-events:none}.gl-ai-assistant .gl-player-fold-corner{width:48px!important;height:48px!important}.gl-ai-assistant .gl-player-fold-corner:before{background:linear-gradient(135deg,rgba(255,255,255,.78) 0%,rgba(255,255,255,.38) 50%,transparent 50%)!important;border-bottom-left-radius:10px!important;border-bottom-right-radius:24px!important;box-shadow:-5px -5px 12px #000000a6!important}.chat-header{padding:18px 20px;background:#ffffff08;border-bottom:1px solid rgba(255,255,255,.08);display:flex;justify-content:space-between;align-items:center}.chat-header-info h4{margin:0;font-size:1.05rem;font-weight:700;color:var(--accent-solid);display:flex;align-items:center;gap:8px}.chat-header-info h4 i{width:16px;height:16px;color:var(--accent-solid)}.chat-header-info span{font-size:.75rem;color:#ffffff80;margin-top:2px;display:block}.chat-close-btn{background:none;border:none;color:#fff6;cursor:pointer;padding:6px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s}.chat-close-btn:hover{background:#ffffff14;color:#fff}.chat-close-btn i{width:18px;height:18px}.chat-messages{flex:1;overflow-y:auto;padding:20px;display:flex;flex-direction:column;gap:16px}.chat-message{display:flex;max-width:85%;flex-direction:column}.chat-message.assistant{align-self:flex-start}.chat-message.user{align-self:flex-end}.chat-message .bubble{padding:12px 16px;border-radius:18px;font-size:.95rem;line-height:1.5;font-family:"Noto Serif TC",serif}.chat-message.assistant .bubble{background:#ffffff0d;border:1px solid rgba(255,255,255,.05);color:#ffffffe6;border-bottom-left-radius:4px}.chat-message.user .bubble{background:var(--accent-solid);color:#fff;border-bottom-right-radius:4px}.chat-message.loading-msg .bubble{background:#ffffff08;color:#ffffff80;border-style:dashed;animation:pulseLoading 1.5s infinite}@keyframes pulseLoading{0%{opacity:.6}50%{opacity:1}to{opacity:.6}}.chat-input-row{padding:16px 20px;background:#0003;border-top:1px solid rgba(255,255,255,.08);display:flex;gap:12px;align-items:center}.chat-input-row input{flex:1;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);border-radius:50px;padding:10px 18px;color:#fff;font-size:.9rem;outline:none;transition:all .2s}.chat-input-row input:focus{border-color:var(--accent-solid);background:#ffffff14;box-shadow:0 0 10px #22c55e26}.chat-input-row button{background:var(--accent-solid);border:none;color:#fff;width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .2s ease,transform .2s ease;flex-shrink:0;transform:translateZ(0);backface-visibility:hidden;perspective:1000px}.chat-input-row button:hover{background:#1cb853;transform:translateZ(0) scale(1.05)}.chat-input-row button i{width:16px;height:16px}@media (max-width: 768px){.gl-ai-assistant.collapsed{right:16px;bottom:96px}body:has(.gl-music-player:not(.collapsed)) .gl-ai-assistant.collapsed{right:16px;bottom:396px}.gl-ai-assistant:not(.collapsed){width:calc(100% - 32px);height:400px;right:16px;bottom:162px}body:has(.gl-music-player:not(.collapsed)) .gl-ai-assistant:not(.collapsed){right:16px;bottom:462px}}html:not(.dark) .gl-ai-assistant.collapsed{background:#f0fdf4eb!important;border:2.5px solid rgba(34,197,94,.6)!important;box-shadow:0 6px 20px #22c55e38,0 2px 6px #0000000f!important;animation:glPulseAssistantLight 2s infinite!important}html:not(.dark) .gl-ai-assistant.collapsed .ai-collapsed-trigger i{color:#16a34a!important}html:not(.dark) .gl-ai-assistant.collapsed:hover{background:#fff!important;box-shadow:0 8px 24px #22c55e59!important}@keyframes glPulseAssistantLight{0%{box-shadow:0 0 #22c55e80,0 4px 15px #00000014}70%{box-shadow:0 0 0 14px #22c55e00,0 4px 15px #00000014}to{box-shadow:0 0 #22c55e00,0 4px 15px #00000014}}html:not(.dark) .gl-ai-assistant:not(.collapsed){background:#fffffff5!important;border:1px solid rgba(34,197,94,.2)!important;box-shadow:0 15px 45px #22c55e14,0 5px 15px #00000008!important;color:#1e293b!important}html:not(.dark) .chat-header{background:linear-gradient(to bottom,#f0fdf4cc,#fff6)!important;border-bottom:1px solid rgba(34,197,94,.1)!important}html:not(.dark) .chat-header-info h4{color:#16a34a!important}html:not(.dark) .chat-header-info span{color:#14532d99!important}html:not(.dark) .chat-close-btn{color:#16a34a!important}html:not(.dark) .chat-close-btn:hover{background:#22c55e1a!important;color:#15803d!important}html:not(.dark) .gl-ai-assistant:not(.collapsed) .gl-player-fold-corner:before{background:linear-gradient(135deg,rgba(255,255,255,.95) 0%,rgba(220,240,225,.92) 50%,transparent 50%)!important;box-shadow:-4px -4px 10px #0000002e!important;border-bottom-left-radius:10px!important;border-bottom-right-radius:24px!important}html:not(.dark) .chat-message.assistant .bubble{background:#f0fdf4bf!important;border:1px solid rgba(34,197,94,.1)!important;color:#14532d!important}html:not(.dark) .chat-message.user .bubble{background:linear-gradient(135deg,#22c55e,#16a34a)!important;color:#fff!important;box-shadow:0 4px 10px #22c55e26}html:not(.dark) .chat-message.loading-msg .bubble{background:#f0fdf466!important;color:#14532d80!important;border:1px dashed rgba(34,197,94,.2)!important}html:not(.dark) .chat-input-row{background:#fffffff2!important;border-top:1px solid rgba(34,197,94,.1)!important;padding-right:48px!important}html:not(.dark) .chat-input-row input{background:#f0fdf466!important;border:1px solid rgba(34,197,94,.2)!important;color:#1e293b!important}html:not(.dark) .chat-input-row input::placeholder{color:#14532d73!important}html:not(.dark) .chat-input-row input:focus{border-color:#22c55e!important;background:#fff!important;color:#1e293b!important}html:not(.dark) .chat-input-row button{background:#22c55e!important}html:not(.dark) .chat-input-row button i{color:#fff!important}html:not(.dark) .chat-input-row button:hover{background:#15803d!important;transform:translateZ(0) scale(1.05)!important}.course-hero-card{padding:32px 40px;background:linear-gradient(135deg,#6366f11a,#a855f70d);border:1px solid rgba(99,102,241,.15);border-radius:20px}.course-hero-badge{display:inline-flex;align-items:center;gap:6px;background:#6366f133;color:#818cf8;font-size:.78rem;font-weight:600;padding:4px 10px;border-radius:9999px;margin-bottom:16px}.course-hero-title{font-size:2rem;font-weight:700;margin-bottom:12px;color:var(--text-color)}.course-hero-title .highlight{background:linear-gradient(to right,#818cf8,#c084fc);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.course-hero-desc{color:var(--text-muted);font-size:.95rem;line-height:1.6;max-width:800px}.course-hero-decor{position:absolute;top:-10px;right:40px;font-size:3rem;opacity:.1;color:#818cf8}.course-hero-decor-secondary{position:absolute;bottom:0;right:120px;font-size:2.2rem;opacity:.06;color:#c084fc}.course-dashboard{opacity:0;animation:fadeIn .6s cubic-bezier(.16,1,.3,1) forwards}.course-dashboard .dashboard-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:28px}@media (max-width: 1024px){.course-dashboard .dashboard-grid{grid-template-columns:1fr}}.course-stat-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:24px}.course-stat-cards .stat-card{padding:16px;display:flex;flex-direction:column;border-radius:16px}.course-stat-cards .stat-label{font-size:.78rem;color:var(--text-muted);font-weight:500;margin-bottom:6px;display:flex;align-items:center;gap:4px}.course-stat-cards .stat-value{font-size:1.4rem;font-weight:700;color:var(--text-color)}.course-stat-cards .stat-value .unit{font-size:.8rem;font-weight:500;color:var(--text-muted);margin-left:2px}.interactive-timetable{padding:24px;border-radius:20px;position:relative}.timetable-controls{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px;margin-bottom:20px}.timetable-title{font-size:1.1rem;font-weight:600;color:var(--text-color);display:flex;align-items:center;gap:8px}.preset-selector{display:flex;align-items:center;gap:8px}.preset-selector label{font-size:.82rem;color:var(--text-muted);display:flex;align-items:center;gap:4px}.preset-selector select{background:var(--bg-hover)!important;color:var(--text-color)!important;border:1px solid var(--glass-border);padding:6px 12px;border-radius:8px;outline:none;font-size:.82rem;cursor:pointer;transition:border-color .2s}.preset-selector select:focus{border-color:#6366f1}.timetable-grid-wrapper{overflow-x:auto;border-radius:12px;border:1px solid var(--glass-border)}.timetable-grid{display:grid;grid-template-columns:90px repeat(5,1fr);min-width:580px;background:#ffffff05}.timetable-grid-cell{min-height:52px;border-bottom:1px solid var(--glass-border);border-right:1px solid var(--glass-border);display:flex;flex-direction:column;padding:6px;font-size:.8rem;transition:all .2s ease;position:relative}.timetable-grid-cell:nth-child(6n){border-right:none}.grid-header-cell{background:var(--bg-hover);color:var(--text-color);font-weight:600;text-align:center;min-height:38px;align-items:center;justify-content:center;border-bottom:1px solid var(--glass-border);border-right:1px solid var(--glass-border)}.grid-header-cell.time-col{border-top-left-radius:12px}.timetable-grid-cell.time-col{background:var(--bg-hover);color:var(--text-muted);font-weight:500;align-items:center;justify-content:center;font-size:.72rem;text-align:center;border-right:1px solid var(--glass-border);padding:4px}.lunch-row{min-height:32px!important;background:#0000000d}.timetable-grid-cell:not(.time-col):not(.lunch-row):hover{background:#ffffff0a}.course-filled{padding:4px!important;border-radius:0}.course-block-content{width:100%;height:100%;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden;animation:popIn .3s cubic-bezier(.175,.885,.32,1.275) forwards}.course-block-title{font-weight:600;font-size:.76rem;line-height:1.2;margin-bottom:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-right:14px}.course-block-room{font-size:.65rem;opacity:.8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:auto}.course-block-arrow{font-size:.85rem;font-weight:700;opacity:.5;display:block;line-height:1}.course-remove-btn{position:absolute;top:-1px;right:0;width:14px;height:14px;border:none;background:none;color:inherit;font-size:.82rem;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s}.course-filled:hover .course-remove-btn{opacity:.8}.course-remove-btn:hover{opacity:1!important;font-weight:700}.course-tabs{display:flex;gap:8px;margin-bottom:16px;border-bottom:1px solid var(--glass-border);padding-bottom:8px;overflow-x:auto;white-space:nowrap}.course-tab-btn{background:none;border:none;color:var(--text-muted);font-size:.85rem;font-weight:500;padding:8px 12px;cursor:pointer;border-radius:8px;transition:all .2s;display:flex;align-items:center;gap:6px}.course-tab-btn:hover{color:var(--text-color);background:var(--bg-hover)}.course-tab-btn.active{color:#fff!important;background:#6366f1!important;box-shadow:0 4px 12px #6366f14d}.course-tab-content{display:none}.course-tab-content.active{display:block;animation:fadeIn .4s ease forwards}.search-input-wrapper{position:relative;margin-bottom:12px}.search-input-wrapper input{width:100%;background:var(--bg-hover)!important;color:var(--text-color)!important;border:1px solid var(--glass-border);padding:10px 14px 10px 38px;border-radius:10px;outline:none;font-size:.88rem;transition:border-color .2s,background-color .2s}.search-input-wrapper input:focus{border-color:#6366f1;background:#fff!important;color:#0f172a!important}.search-input-wrapper .search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);width:16px;height:16px;color:var(--text-muted);pointer-events:none}.filter-tags-row{display:flex;gap:6px;overflow-x:auto;padding-bottom:6px;margin-bottom:16px;scrollbar-width:none}.filter-tag-btn{background:var(--bg-hover);color:var(--text-muted);border:1px solid var(--glass-border);border-radius:6px;font-size:.76rem;padding:4px 10px;cursor:pointer;transition:all .2s;white-space:nowrap}.filter-tag-btn:hover{background:#ffffff0f;color:var(--text-color)}.filter-tag-btn.active{background:#6366f126!important;color:#818cf8!important;border-color:#6366f166!important}.catalog-list{display:flex;flex-direction:column;gap:12px;max-height:480px;overflow-y:auto;padding-right:4px}.catalog-item{display:flex;justify-content:space-between;align-items:center;padding:12px 14px;border-radius:12px;transition:transform .2s,border-color .2s}.catalog-item:hover{transform:translateY(-2px)}.catalog-action-btn{width:28px;height:28px;border-radius:50%;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.catalog-action-btn.add{background:var(--bg-hover);color:var(--text-color)}.catalog-action-btn.add:hover{background:#6366f1;color:#fff;transform:scale(1.08)}.catalog-action-btn.remove{background:#22c55e26;color:#22c55e}.catalog-action-btn.remove:hover{background:#ef444426;color:#ef4444}.priority-simulator-intro{margin-bottom:18px}.priority-simulator-intro h5{font-size:.95rem;font-weight:600;color:var(--text-color);margin-bottom:4px;display:flex;align-items:center;gap:6px}.priority-simulator-intro p{font-size:.8rem;color:var(--text-muted);line-height:1.5}.priority-list{display:flex;flex-direction:column;gap:12px}.priority-item{display:flex;align-items:center;padding:12px 14px;border-radius:12px;animation:slideIn .3s cubic-bezier(.16,1,.3,1) forwards}.priority-rank-badge{background:var(--bg-hover);border:1px solid var(--glass-border);color:var(--text-color);font-size:.72rem;font-weight:600;padding:3px 8px;border-radius:6px;margin-right:12px}.priority-item-info{display:flex;flex-direction:column;flex-grow:1}.priority-item-name{font-size:.9rem;font-weight:600;color:var(--text-color)}.priority-item-meta{font-size:.76rem;color:var(--text-muted);margin-top:2px}.priority-chance-section{display:flex;flex-direction:column;align-items:flex-end;margin-right:14px}.priority-actions{display:flex;flex-direction:column;gap:4px}.rank-btn{background:var(--bg-hover);border:1px solid var(--glass-border);color:var(--text-muted);width:22px;height:20px;font-size:.65rem;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s}.rank-btn:hover:not(:disabled){background:#6366f1;color:#fff}.course-toast{position:absolute;top:68px;left:50%;transform:translate(-50%);z-index:100;background:#dc2626f2;border:1px solid rgba(220,38,38,.5);box-shadow:0 10px 25px #dc26264d;padding:8px 16px;border-radius:30px;color:#fff;min-width:280px;text-align:center}.toast-content{display:flex;align-items:center;justify-content:center;gap:8px;font-size:.8rem}.toast-icon{width:14px;height:14px;animation:pulse-alert-scale 1.5s infinite}@keyframes popIn{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.flash-conflict{animation:flash-red .4s ease infinite}@keyframes flash-red{0%,to{background:#dc262640!important;border-color:#dc262699!important}50%{background:#ffffff0a!important;border-color:var(--glass-border)!important}}.pulse-alert{animation:pulse-alert-in .3s cubic-bezier(.16,1,.3,1) forwards}@keyframes pulse-alert-in{0%{transform:translate(-50%,-10px) scale(.95);opacity:0}to{transform:translate(-50%) scale(1);opacity:1}}.arch-grid{display:grid;grid-template-columns:1fr;gap:16px}.arch-card{display:flex;gap:14px;padding:16px;border-radius:12px}.arch-icon-wrap{width:36px;height:36px;border-radius:50%;background:#6366f126;color:#818cf8;display:flex;align-items:center;justify-content:center;flex-shrink:0}.arch-info h6{font-size:.9rem;font-weight:600;color:var(--text-color);margin-bottom:4px}.arch-info p{font-size:.78rem;color:var(--text-muted);line-height:1.5}.story-content-box{line-height:1.7}.story-quote{font-size:1.05rem;font-style:italic;font-weight:500;color:#818cf8;margin-bottom:16px;border-left:3px solid #6366f1;padding-left:12px}.story-text p{font-size:.88rem;color:var(--text-muted);margin-bottom:12px}html:not(.dark) .search-input-wrapper input{background:#6366f10d!important;border:1px solid rgba(99,102,241,.15);color:#1e293b!important}html:not(.dark) .search-input-wrapper input::placeholder{color:#6366f180!important}html:not(.dark) .search-input-wrapper input:focus{border-color:#6366f1!important;background:#fff!important;color:#1e293b!important}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.timeline-project-card[data-project-id=ntnu-course]{position:relative;overflow:visible!important}.timeline-project-card[data-project-id=ntnu-course] .floating-hat-card{position:absolute;top:-18px;right:-18px;font-size:2.2rem;opacity:0;transform:scale(.5) rotate(-20deg);transition:opacity .4s cubic-bezier(.175,.885,.32,1.275),transform .4s cubic-bezier(.175,.885,.32,1.275);pointer-events:none;z-index:10}.timeline-project-card[data-project-id=ntnu-course]:hover .floating-hat-card{opacity:1;transform:scale(1) rotate(15deg)}.timeline-project-card[data-project-id=ntnu-course] .floating-course-card-left,.timeline-project-card[data-project-id=ntnu-course] .floating-course-card-right{position:absolute;background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff;padding:6px 12px;border-radius:8px;font-size:.72rem;font-weight:600;box-shadow:0 8px 20px #6366f14d;pointer-events:none;opacity:0;z-index:10;white-space:nowrap;transition:opacity .4s cubic-bezier(.175,.885,.32,1.275),transform .4s cubic-bezier(.175,.885,.32,1.275)}.timeline-project-card[data-project-id=ntnu-course] .floating-course-card-left{left:-30px;bottom:-20px;transform:translateY(20px) rotate(-12deg) scale(.8)}.timeline-project-card[data-project-id=ntnu-course] .floating-course-card-right{right:-30px;bottom:-20px;transform:translateY(20px) rotate(12deg) scale(.8)}.timeline-project-card[data-project-id=ntnu-course]:hover .floating-course-card-left{opacity:1;transform:translateY(0) rotate(-6deg) scale(1)}.timeline-project-card[data-project-id=ntnu-course]:hover .floating-course-card-right{opacity:1;transform:translateY(0) rotate(6deg) scale(1)}.toc-search-section-header{font-size:.72rem;font-weight:700;color:var(--accent-solid);background:#22c55e14;padding:6px 12px;border-radius:6px;margin-top:10px;margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px;display:flex;align-items:center;gap:4px}.toc-search-empty-msg{font-size:.75rem;color:var(--text-muted);padding:10px 14px;font-style:italic}#nav-timeline-parent{position:relative}#nav-timeline-parent .timeline-decor-sparkle,#nav-timeline-parent .timeline-decor-hourglass,#nav-timeline-parent .timeline-decor-star{position:absolute;pointer-events:none;opacity:0;z-index:1002;transition:opacity .3s cubic-bezier(.175,.885,.32,1.275),transform .3s cubic-bezier(.175,.885,.32,1.275)}#nav-timeline-parent .timeline-decor-sparkle{left:8px;top:-8px;font-size:1rem;transform:scale(.4) rotate(-20deg)}#nav-timeline-parent .timeline-decor-hourglass{right:28px;bottom:-6px;font-size:.95rem;transform:scale(.4) rotate(20deg)}#nav-timeline-parent .timeline-decor-star{left:60px;top:-8px;font-size:1rem;transform:scale(.4) rotate(-10deg)}#nav-timeline-parent:hover .timeline-decor-sparkle{opacity:1;transform:scale(1) rotate(15deg)}#nav-timeline-parent:hover .timeline-decor-hourglass{opacity:1;transform:scale(1) rotate(-15deg)}#nav-timeline-parent:hover .timeline-decor-star{opacity:1;transform:scale(1) rotate(25deg)}.profile-meta-grid{display:grid;grid-template-columns:1fr;gap:12px;margin-top:20px;margin-bottom:24px;padding:18px 24px;border-radius:16px;background:#ffffff05;border:1px solid var(--glass-border);text-align:left}.profile-meta-grid .meta-item{display:flex;flex-direction:row;align-items:baseline;gap:16px;font-size:.9rem}.profile-meta-grid .meta-label{font-weight:700;color:var(--accent-color);min-width:100px;flex-shrink:0;font-size:.85rem;text-transform:uppercase;letter-spacing:.5px}.profile-meta-grid .meta-val{color:var(--text-primary);line-height:1.5}.profile-meta-grid .meta-val-en{color:var(--text-secondary);font-size:.82rem;margin-left:6px}.profile-meta-grid .meta-email-link{color:var(--accent-color);text-decoration:underline;text-underline-offset:4px;transition:opacity .2s}.profile-meta-grid .meta-email-link:hover{opacity:.8}html.light .profile-meta-grid{background:#0284c705;border-color:#0284c714}.sidebar-nav-item.touched-once{background:var(--glass-bg-hover);border-color:var(--accent-glow);box-shadow:0 0 15px var(--accent-glow);color:var(--accent-color)!important}.sidebar-nav-item.touched-once i{color:var(--accent-color);transform:scale(1.1)}.sidebar-nav-item.touched-once .timeline-decor-sparkle{opacity:1;transform:scale(1) rotate(15deg)}.sidebar-nav-item.touched-once .timeline-decor-hourglass{opacity:1;transform:scale(1) rotate(-15deg)}.sidebar-nav-item.touched-once .timeline-decor-star{opacity:1;transform:scale(1) rotate(25deg)}.sidebar-submenu-item.touched-once{color:var(--accent-color)!important;background:#ffffff0d}.science-card.touched-once,.origami-card.touched-once{transform:translateY(-8px);border-color:var(--proj-accent, var(--accent-color));box-shadow:0 20px 40px var(--proj-glow-hover, var(--accent-glow))}.science-card.touched-once .science-card-img,.origami-card.touched-once .origami-card-img{transform:scale(1.06)}.science-card.touched-once .science-card-watermark{transform:scale(1.1) rotate(-5deg);opacity:.08}.science-card.touched-once .science-card-arrow-wrap,.origami-card.touched-once .origami-card-arrow-wrap{background:var(--proj-gradient, var(--accent-color));color:#fff;border-color:transparent;transform:scale(1.1) rotate(-10deg)}.science-card.touched-once .science-card-footer{color:var(--proj-accent, var(--accent-color))!important}.timeline-project-card.touched-once{transform:translateY(-10px) scale(1.02)!important;border-color:var(--accent-solid)!important;box-shadow:0 20px 40px var(--accent-glow)!important}.timeline-project-card.touched-once:before{opacity:.15!important}.timeline-project-card.touched-once .card-glow{opacity:.8!important;transform:scale(1.2)!important}.timeline-project-card.touched-once .project-action{background:var(--accent-solid)!important;border-color:transparent!important;box-shadow:0 4px 15px var(--accent-glow)!important}.timeline-project-card.touched-once .project-action .action-text{color:#fff!important}.timeline-project-card.touched-once .project-action .action-icon{color:#fff!important;transform:translate(2px,-2px)!important}.timeline-project-card.touched-once .scheduler-preview{border-color:var(--accent-solid)!important;background:#6366f10d!important;box-shadow:0 8px 24px #6366f11a!important}.timeline-project-card.touched-once .sched-block.accent{background:#6366f1!important;color:#fff!important;box-shadow:0 0 10px #6366f180!important}.timeline-project-card.touched-once .novel-preview{border-color:var(--accent-solid)!important;box-shadow:0 8px 25px #22c55e26!important;transform:translateY(-2px)!important}.timeline-project-card.touched-once .audio-preview{border-color:var(--accent-solid)!important;box-shadow:0 8px 25px #eab30826!important;transform:translateY(-2px)!important}.timeline-project-card.touched-once .vinyl-disk{animation:vinyl-spin 4s linear infinite!important;box-shadow:0 0 20px #00000080,0 0 15px var(--accent-glow)!important}.timeline-project-card.touched-once .audio-wave span{animation:bounce .8s ease infinite alternate!important}.timeline-project-card.touched-once .progress-fill{width:100%!important}.timeline-project-card.touched-once .lyrics-snippet{color:#fef08a!important;text-shadow:0 0 8px rgba(234,179,8,.4)!important}.timeline-project-card[data-project-id=green-letter].touched-once .green-letter-fx{opacity:1!important;pointer-events:auto!important}.timeline-project-card[data-project-id=green-letter].touched-once .gl-plant{transform:scale(1)!important;opacity:1!important}.timeline-project-card[data-project-id=green-letter].touched-once .gl-dove--1{transform:translate(-30px,-20px) scale(.9)!important;opacity:.8!important}.timeline-project-card[data-project-id=green-letter].touched-once .gl-dove--2{transform:translate(25px,-15px) scale(.85)!important;opacity:.85!important}.timeline-project-card[data-project-id=green-letter].touched-once .gl-dove--3{transform:translate(-10px,-45px) scale(.95)!important;opacity:.9!important}.timeline-project-card[data-project-id=green-letter].touched-once .gl-paper{transform:translate(15px,25px) rotate(12deg) scale(1.05)!important;opacity:.95!important}.timeline-project-card[data-project-id=ntnu-course].touched-once .floating-hat-card{transform:translate(-15px,-25px) rotate(-15deg) scale(1.1)!important;opacity:.95!important}.timeline-project-card[data-project-id=ntnu-course].touched-once .floating-course-card-left{transform:translate(-25px,15px) rotate(-8deg) scale(1.05)!important;opacity:.95!important}.timeline-project-card[data-project-id=ntnu-course].touched-once .floating-course-card-right{transform:translate(25px,-10px) rotate(8deg) scale(1.05)!important;opacity:.95!important}@media (max-width: 992px){.dashboard-right{margin-top:24px;height:auto}.tab-content{height:480px!important;min-height:480px!important;padding:20px!important}.dashboard-tabs{flex-wrap:wrap;gap:8px}.tab-btn{padding:10px!important;font-size:.82rem!important;border-radius:10px!important}}