:root{--purple-deep: #1a0f3c;--purple-mid: #3b1b7a;--purple-bright: #6a30d1;--purple-glow: rgba(138, 84, 255, .35);--surface: rgba(255, 255, 255, .97);--surface-soft: rgba(255, 255, 255, .08);--border: rgba(255, 255, 255, .12);--border-card: rgba(106, 48, 209, .18);--primary: #7c4dff;--primary-dark: #5e35d4;--primary-light: rgba(124, 77, 255, .14);--text: #f4f2ff;--text2: rgba(244, 242, 255, .72);--text-card: #1a1d2e;--text-card2: #5c6080;--green: #2dc98e;--green-dark: #1fa86f;--radius: 18px;--shadow: 0 12px 40px rgba(10, 5, 30, .35);--shadow-card: 0 8px 28px rgba(67, 48, 180, .12);--ease-out: cubic-bezier(.22, 1, .36, 1)}*{box-sizing:border-box}html,body.tg-guide-app{margin:0;min-height:100%;min-height:var(--tg-viewport-stable-height, 100dvh);font-family:Segoe UI,system-ui,-apple-system,sans-serif;font-size:15px;line-height:1.5;color:var(--text);background:linear-gradient(165deg,var(--purple-deep) 0%,var(--purple-mid) 42%,#2d1560 100%);-webkit-text-size-adjust:100%;overflow-x:hidden}.guide-bg{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden}.guide-orb{position:absolute;border-radius:50%;filter:blur(60px);opacity:.45;animation:orbFloat 12s var(--ease-out) infinite alternate}.guide-orb-1{width:280px;height:280px;top:-80px;right:-60px;background:var(--purple-bright);animation-delay:0s}.guide-orb-2{width:220px;height:220px;bottom:20%;left:-70px;background:#4f2aaa;animation-delay:-4s}.guide-orb-3{width:160px;height:160px;bottom:-40px;right:15%;background:var(--green);opacity:.2;animation-delay:-7s}@keyframes orbFloat{0%{transform:translate(0) scale(1)}to{transform:translate(18px,-24px) scale(1.08)}}.guide-header,.guide-main,.guide-footer{position:relative;z-index:1}.guide-reveal{opacity:0;transform:translateY(22px);transition:opacity .65s var(--ease-out),transform .65s var(--ease-out)}.guide-reveal.is-visible{opacity:1;transform:translateY(0)}.guide-header{display:flex;align-items:center;gap:14px;padding:calc(14px + var(--tg-safe-area-top, env(safe-area-inset-top, 0px))) 18px 12px}.guide-logo{flex:0 0 auto;width:48px;height:48px;border-radius:14px;background:linear-gradient(135deg,var(--purple-bright),#9b6dff);color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 20px var(--purple-glow)}.guide-logo svg{width:26px;height:26px}.guide-title{margin:0;font-size:22px;font-weight:800;letter-spacing:-.02em}.guide-tagline{margin:3px 0 0;font-size:13px;color:var(--text2)}.guide-main{padding:0 16px 24px;max-width:520px;margin:0 auto}.guide-hero-banner{margin-bottom:14px}.guide-hero-frame{position:relative;border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);border:1px solid var(--border);animation:heroPop .8s var(--ease-out) both}@keyframes heroPop{0%{opacity:0;transform:scale(.96) translateY(12px)}to{opacity:1;transform:scale(1) translateY(0)}}.guide-hero-img{display:block;width:100%;height:auto;aspect-ratio:1200 / 630;object-fit:cover;object-position:center}.guide-hero-shine{position:absolute;inset:0;background:linear-gradient(115deg,transparent 30%,rgba(255,255,255,.12) 48%,transparent 62%);transform:translate(-120%);animation:shineSweep 4s ease-in-out 1.2s infinite}@keyframes shineSweep{0%,70%{transform:translate(-120%)}to{transform:translate(120%)}}.guide-hero-caption{margin-top:14px;padding:0 2px}.guide-badge{display:inline-flex;align-items:center;gap:4px;padding:5px 12px;border-radius:999px;background:var(--surface-soft);border:1px solid var(--border);font-size:12px;font-weight:600;color:#ffe082;backdrop-filter:blur(8px);animation:badgePulse 3s ease-in-out infinite}@keyframes badgePulse{0%,to{box-shadow:0 0 #ffe08200}50%{box-shadow:0 0 0 6px #ffe0821f}}.guide-hero-headline{margin:10px 0 6px;font-size:clamp(20px,5vw,24px);font-weight:800;line-height:1.25;letter-spacing:-.02em}.guide-hero-headline em{font-style:normal;color:#ffffff8c}.guide-hero-sub{margin:0;font-size:14px;color:var(--text2);line-height:1.55}.guide-preview-row{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:14px}@media(max-width:360px){.guide-preview-row{grid-template-columns:1fr}}.guide-mini-card{background:var(--surface);border-radius:14px;overflow:hidden;box-shadow:var(--shadow-card);color:var(--text-card);animation:cardFloat .7s var(--ease-out) both}.guide-mini-excel{animation-delay:.15s}.guide-mini-chart{animation-delay:.3s}@keyframes cardFloat{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.guide-mini-head{display:flex;justify-content:space-between;align-items:center;gap:6px;padding:8px 10px;background:linear-gradient(90deg,#1fa86f,var(--green));color:#fff;font-size:10px;font-weight:700}.guide-mini-head-purple{background:linear-gradient(90deg,var(--purple-mid),var(--purple-bright))}.guide-mini-tag{font-size:9px;opacity:.9;white-space:nowrap}.guide-mini-table{padding:6px 8px 8px;font-size:9px}.guide-mini-row{display:grid;grid-template-columns:14px 1fr 22px 24px;gap:4px;padding:3px 0;border-bottom:1px solid #eef0f8}.guide-mini-row:last-child{border-bottom:none}.guide-mini-row-head{font-weight:700;color:var(--text-card2);font-size:8px}.guide-mini-row span:nth-child(2){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.c-green{color:var(--green-dark);font-weight:700}.guide-bars{display:flex;align-items:flex-end;justify-content:center;gap:5px;height:56px;padding:8px 10px 4px}.guide-bar{display:block;width:10px;height:var(--h, 50%);border-radius:4px 4px 2px 2px;background:linear-gradient(180deg,#ffb74d,#f57c00);transform-origin:bottom;animation:barGrow 1s var(--ease-out) both}.guide-bar:nth-child(1){animation-delay:.5s;background:linear-gradient(180deg,#ef5350,#c62828)}.guide-bar:nth-child(2){animation-delay:.6s;background:linear-gradient(180deg,#66bb6a,#2e7d32)}.guide-bar:nth-child(3){animation-delay:.7s;background:linear-gradient(180deg,#ffb74d,#ef6c00)}.guide-bar:nth-child(4){animation-delay:.8s;background:linear-gradient(180deg,#66bb6a,#388e3c)}.guide-bar:nth-child(5){animation-delay:.9s;background:linear-gradient(180deg,#ef5350,#d32f2f)}.guide-bar:nth-child(6){animation-delay:1s;background:linear-gradient(180deg,#ffb74d,#f57c00)}@keyframes barGrow{0%{transform:scaleY(0)}to{transform:scaleY(1)}}.guide-mini-foot{display:flex;justify-content:space-between;padding:6px 10px 8px;font-size:9px;color:var(--text-card2);border-top:1px solid #eef0f8}.guide-mini-foot strong{color:var(--text-card)}.guide-card{background:var(--surface);border:1px solid var(--border-card);border-radius:var(--radius);padding:18px 18px 16px;margin-bottom:12px;box-shadow:var(--shadow-card);color:var(--text-card)}.guide-lead{margin:0 0 12px;font-size:15px}.guide-note{margin:0;padding:10px 12px;border-radius:12px;background:var(--primary-light);color:var(--primary-dark);font-size:13px}.guide-section-title{margin:0 0 14px;font-size:16px;font-weight:700;display:flex;align-items:center;gap:10px;color:var(--text-card)}.guide-step-num{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:9px;background:linear-gradient(135deg,var(--purple-bright),var(--primary));color:#fff;font-size:13px;font-weight:700;flex-shrink:0;box-shadow:0 4px 12px var(--purple-glow)}.guide-steps,.guide-list{margin:0;padding-left:1.2em;color:var(--text-card)}.guide-steps li,.guide-list li{margin-bottom:8px;color:var(--text-card)}.guide-steps li:last-child,.guide-list li:last-child{margin-bottom:0}.guide-features{display:flex;flex-direction:column;gap:10px}.guide-feature{display:flex;gap:12px;align-items:flex-start;padding:12px;border-radius:14px;background:linear-gradient(135deg,#f8f6ff,#f3f0ff);border:1px solid rgba(124,77,255,.1);transition:transform .25s var(--ease-out),box-shadow .25s}.guide-reveal.is-visible .guide-feature:hover{transform:translate(4px);box-shadow:0 4px 16px #7c4dff1a}.guide-feature-icon{font-size:22px;line-height:1;flex-shrink:0}.guide-feature h3{margin:0 0 4px;font-size:14px;font-weight:700;color:var(--text-card)}.guide-feature p{margin:0;font-size:13px;color:var(--text-card2)}.guide-tips{border-style:dashed;border-color:#7c4dff40;background:linear-gradient(180deg,#fff,#faf8ff)}code{padding:2px 6px;border-radius:6px;background:#eef1fb;font-size:.92em;color:var(--primary-dark)}.guide-footer{padding:8px 16px calc(20px + var(--tg-safe-area-bottom, env(safe-area-inset-bottom, 0px)));max-width:520px;margin:0 auto;text-align:center}.guide-btn{display:block;width:100%;padding:14px 20px;border:none;border-radius:14px;font-size:16px;font-weight:700;cursor:pointer;font-family:inherit;transition:transform .2s var(--ease-out),box-shadow .2s}.guide-btn-primary{background:linear-gradient(135deg,var(--purple-bright),var(--primary));color:#fff;box-shadow:0 6px 24px var(--purple-glow)}.guide-btn-primary:active{transform:scale(.98);box-shadow:0 3px 12px var(--purple-glow)}.guide-footer-hint{margin:12px 0 0;font-size:12px;color:var(--text2)}@media(prefers-reduced-motion:reduce){.guide-reveal,.guide-hero-frame,.guide-mini-card,.guide-bar,.guide-orb,.guide-hero-shine,.guide-badge{animation:none!important;transition:none!important}.guide-reveal{opacity:1;transform:none}}