.scroll-example[data-v-ba1953f0]{min-height:100vh;position:relative}.fixed-header[data-v-ba1953f0]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;left:0;padding:20px;position:fixed;right:0;top:0;transform:translateY(0);transition:all .3s ease;z-index:1000}.fixed-header.scrolled[data-v-ba1953f0]{transform:translateY(-100%)}.fixed-header .header-content[data-v-ba1953f0]{margin:0 auto;max-width:var(--content-width)}.fixed-header .header-content h2[data-v-ba1953f0]{font-size:24px;margin:0 0 10px}.fixed-header .header-content .scroll-info[data-v-ba1953f0]{display:flex;font-size:14px;gap:20px;opacity:.9}.fixed-header .header-content .scroll-info span[data-v-ba1953f0]{background:#fff3;border-radius:4px;padding:4px 8px}.content-area[data-v-ba1953f0]{margin:0 auto;max-width:var(--content-width);padding-top:120px}.scroll-controls[data-v-ba1953f0]{background:#fff;border-radius:12px;box-shadow:0 4px 16px #0000001a;margin-bottom:30px;padding:20px;position:sticky;top:20px;z-index:100}.scroll-controls button[data-v-ba1953f0]{background:#fff;border:1px solid #ddd;border-radius:6px;cursor:pointer;margin-right:10px;padding:8px 16px;transition:all .3s}.scroll-controls button[data-v-ba1953f0]:hover{background:#f5f5f5;border-color:#999}.long-content .content-section[data-v-ba1953f0]{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000d;margin-bottom:20px;padding:30px}.long-content .content-section h3[data-v-ba1953f0]{color:#333;margin:0 0 15px}.long-content .content-section p[data-v-ba1953f0]{color:#666;line-height:1.6;margin:0}.long-content .content-section .target-element[data-v-ba1953f0]{background:linear-gradient(135deg,#ffecd2,#fcb69f);border:2px dashed #ff6b6b;border-radius:8px;margin-top:20px;padding:20px}.long-content .content-section .target-element h4[data-v-ba1953f0]{color:#d63031;margin:0 0 10px}.long-content .content-section .target-element p[data-v-ba1953f0]{color:#2d3436}.floating-actions[data-v-ba1953f0]{bottom:30px;position:fixed;right:30px;transition:all .3s ease;z-index:1000}.floating-actions.hidden[data-v-ba1953f0]{opacity:0;transform:translateY(100px)}.floating-actions .scroll-top-btn[data-v-ba1953f0]{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:50%;box-shadow:0 4px 16px #667eea66;color:#fff;cursor:pointer;height:50px;transition:all .3s ease;width:50px}.floating-actions .scroll-top-btn[data-v-ba1953f0]:hover{box-shadow:0 6px 20px #667eea99;transform:translateY(-2px)}.floating-actions .scroll-top-btn .iconfont-new[data-v-ba1953f0]{font-size:20px}@media (max-width:768px){.fixed-header .header-content .scroll-info[data-v-ba1953f0]{flex-direction:column;gap:10px}.scroll-controls button[data-v-ba1953f0]{display:block;margin-bottom:10px;width:100%}.floating-actions[data-v-ba1953f0]{bottom:20px;right:20px}}