:root{--bg-page:#fcfcfc;--bg-card:#fff;--bg-soft:#f6f7fb;--primary:#1976d2;--primary-dark:#1565c0;--primary-light:#e3f2fd;--primary-border:#bbdefb;--text-primary:#333;--text-secondary:#666;--text-muted:#999;--border:#edf2f9;--shadow-card:0 20px 60px -10px rgba(0,0,0,.08);--radius-lg:16px;--radius-md:12px;--header-height:64px;--brand-navy:#002547;--brand-navy-deep:#001a33;--brand-silver:#8b9aab;--brand-silver-light:#c8d0da}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg-page);color:var(--text-primary);font-family:PingFang SC,Microsoft YaHei,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;margin:0;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{background:none;border:none;cursor:pointer;font-family:inherit}.brand-name{color:var(--brand-navy)}.gradient-text{animation:gradient-shift 4s ease-in-out infinite;background:linear-gradient(135deg,#1565c0,#1976d2 50%,#42a5f5);-webkit-background-clip:text;background-clip:text;background-size:200% auto;color:transparent}@keyframes gradient-shift{0%,to{background-position:0}50%{background-position:100%}}@keyframes fade-in-up{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in-down{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in-left{0%{opacity:0;transform:translate(-32px)}to{opacity:1;transform:translate(0)}}@keyframes fade-in-right{0%{opacity:0;transform:translate(32px)}to{opacity:1;transform:translate(0)}}@keyframes float-y{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes float-orb{0%,to{transform:translate(0) scale(1)}33%{transform:translate(12px,-18px) scale(1.05)}66%{transform:translate(-8px,10px) scale(.95)}}@keyframes pulse-ring{0%{box-shadow:0 0 #1976d259}70%{box-shadow:0 0 0 12px #1976d200}to{box-shadow:0 0 #1976d200}}@keyframes shimmer{0%{background-position:-200%}to{background-position:200%}}.reveal-hidden{opacity:0;transition:opacity .75s cubic-bezier(.22,1,.36,1),transform .75s cubic-bezier(.22,1,.36,1)}.reveal-hidden.reveal-up{transform:translateY(36px)}.reveal-hidden.reveal-down{transform:translateY(-24px)}.reveal-hidden.reveal-left{transform:translate(-36px)}.reveal-hidden.reveal-right{transform:translate(36px)}.reveal-hidden.reveal-scale{transform:scale(.92)}.reveal-visible{opacity:1!important;transform:none!important}.animate-fade-up{animation:fade-in-up .8s cubic-bezier(.22,1,.36,1) both}.animate-fade-down{animation:fade-in-down .7s cubic-bezier(.22,1,.36,1) both}.animate-fade-left{animation:fade-in-left .85s cubic-bezier(.22,1,.36,1) both}.animate-fade-right{animation:fade-in-right .85s cubic-bezier(.22,1,.36,1) both}.animate-float{animation:float-y 5s ease-in-out infinite}.delay-1{animation-delay:.1s}.delay-2{animation-delay:.2s}.delay-3{animation-delay:.3s}.delay-4{animation-delay:.4s}.delay-5{animation-delay:.5s}.delay-6{animation-delay:.6s}@media(prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.reveal-hidden{opacity:1;transform:none}}.container{margin:0 auto;max-width:1280px;padding:0 24px;width:100%}.btn-primary{align-items:center;background:var(--primary);border-radius:10px;box-shadow:0 8px 24px #1976d240;color:#fff;display:inline-flex;font-size:16px;font-weight:500;gap:8px;height:48px;justify-content:center;overflow:hidden;padding:0 28px;position:relative;transition:transform .25s ease,box-shadow .25s ease,background .25s ease}.btn-primary:after{background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.25),transparent);background-size:200% 100%;content:"";inset:0;opacity:0;position:absolute;transition:opacity .25s ease}.btn-primary:hover{background:var(--primary-dark);box-shadow:0 12px 32px #1976d259;transform:translateY(-2px)}.btn-primary:hover:after{animation:shimmer 1.2s ease-in-out;opacity:1}.btn-primary:active{transform:translateY(0)}.btn-primary i{transition:transform .25s ease}.btn-primary:hover i{transform:translate(4px)}.btn-outline{align-items:center;background:#f5faff;border:1px solid var(--primary);border-radius:10px;color:var(--primary);display:inline-flex;font-size:16px;font-weight:500;gap:8px;height:48px;justify-content:center;padding:0 28px;transition:all .2s ease}.btn-outline:hover{background:var(--primary-light);box-shadow:0 8px 20px #1976d21f;transform:translateY(-2px)}.section-title{font-size:36px;font-weight:600;margin:0 0 12px;text-align:center}.section-desc{color:var(--text-secondary);font-size:16px;line-height:1.7;margin:0 auto 48px;max-width:720px;text-align:center}.tag-row{align-items:center;background:linear-gradient(135deg,#bbdefba6,#e3f2fdd9);border-radius:10px;display:inline-flex;flex-wrap:wrap;gap:0;padding:6px 12px}.tag-row span{color:var(--text-primary);font-size:18px;padding:0 12px}.tag-row span+span{border-left:1px solid var(--primary-border)}.stat-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}.stat-item{min-width:150px;padding:0 12px;text-align:center}.stat-item strong{color:var(--text-primary);display:block;font-size:28px;line-height:1.2}.stat-item span{color:var(--text-secondary);font-size:14px}.stat-divider{align-self:center;background:#dbeafe;height:52px;width:2px}@media(max-width:960px){.section-title{font-size:28px}}.btn-ppt-free,.btn-ppt-header.small{background:linear-gradient(135deg,#0288d1,#1976d2);box-shadow:0 4px 14px #1976d247;color:#fff;transition:transform .2s ease,box-shadow .2s ease}.btn-ppt-free:hover,.btn-ppt-header.small:hover{box-shadow:0 6px 18px #1976d261;color:#fff;transform:translateY(-1px)}.nav-badge--ppt,.workbench-sidebar .nav-badge{background:linear-gradient(135deg,#0288d1,#1976d2);box-shadow:0 1px 6px #1976d259;color:#fff}
