:root{--bg-primary: #0f172a;--bg-secondary: #1e293b;--bg-card: rgba(30, 41, 59, .6);--text-primary: #f1f5f9;--text-secondary: #94a3b8;--border-color: #334155;--accent-color: #3b82f6;--accent-hover: #60a5fa;--shadow: 0 4px 6px rgba(0, 0, 0, .3);--shadow-lg: 0 20px 25px rgba(0, 0, 0, .5);--gradient-from: #3b82f6;--gradient-to: #8b5cf6}[data-theme=light]{--bg-primary: #ffffff;--bg-secondary: #f8fafc;--bg-card: rgba(248, 250, 252, .8);--text-primary: #0f172a;--text-secondary: #64748b;--border-color: #e2e8f0;--accent-color: #3b82f6;--accent-hover: #2563eb;--shadow: 0 2px 8px rgba(0, 0, 0, .08);--shadow-lg: 0 10px 40px rgba(0, 0, 0, .1);--gradient-from: #3b82f6;--gradient-to: #8b5cf6}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;background:var(--bg-primary);color:var(--text-primary);line-height:1.7;transition:background .3s,color .3s;background-image:radial-gradient(circle at 20% 50%,rgba(59,130,246,.05) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(139,92,246,.05) 0%,transparent 50%);background-attachment:fixed}.app{min-height:100vh;display:flex;flex-direction:column}.header{position:sticky;top:0;z-index:100;background:var(--bg-card);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border-bottom:1px solid var(--border-color);box-shadow:0 1px 3px #0000001a}.header-content{max-width:1400px;margin:0 auto;padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center}.logo h1{font-size:1.5rem;font-weight:700;background:linear-gradient(135deg,var(--gradient-from),var(--gradient-to));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.theme-toggle{background:none;border:1px solid var(--border-color);padding:.5rem 1rem;border-radius:8px;cursor:pointer;font-size:1.2rem;transition:all .3s}.theme-toggle:hover{background:var(--bg-secondary);transform:scale(1.05)}.main-container{display:flex;flex:1;max-width:1400px;margin:0 auto;width:100%}.sidebar{width:280px;background:var(--bg-secondary);border-right:1px solid var(--border-color);position:sticky;top:73px;height:calc(100vh - 73px);overflow-y:auto;transition:transform .3s;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.sidebar::-webkit-scrollbar{width:6px}.sidebar::-webkit-scrollbar-track{background:transparent}.sidebar::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}.sidebar::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.sidebar-content{padding:2rem 1rem}.toc-item{padding:.75rem 1rem;margin:.25rem 0;border-radius:8px;cursor:pointer;transition:all .2s;font-size:.95rem;color:var(--text-secondary)}.toc-item:hover{background:var(--bg-card);color:var(--text-primary)}.toc-item.active{background:var(--accent-color);color:#fff;font-weight:600}.sidebar-toggle{display:none;position:fixed;top:90px;left:1rem;z-index:50;background:var(--accent-color);color:#fff;border:none;padding:.75rem;border-radius:8px;cursor:pointer;font-size:1.2rem;box-shadow:var(--shadow-lg)}.content{flex:1;padding:3rem;overflow-y:auto}.markdown-body{max-width:900px;margin:0 auto}.markdown-body h1{font-size:2.5rem;margin-bottom:1rem;color:var(--text-primary)}.subtitle{font-size:1.1rem;color:var(--text-secondary);margin-bottom:3rem;line-height:1.8}.section{margin:3rem 0}.section h2{font-size:1.8rem;margin:2rem 0 1rem;padding-bottom:.5rem;border-bottom:2px solid var(--border-color);color:var(--text-primary)}.section h3{font-size:1.3rem;margin:1.5rem 0 1rem;color:var(--text-primary)}.steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin:2rem 0}.step-card{background:var(--bg-card);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);padding:2rem;border-radius:16px;border:1px solid var(--border-color);box-shadow:var(--shadow);transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.step-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--gradient-from),var(--gradient-to));opacity:0;transition:opacity .3s}.step-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-lg);border-color:var(--accent-color)}.step-card:hover:before{opacity:1}.step-number{width:40px;height:40px;background:var(--accent-color);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.2rem;margin-bottom:1rem}.step-card h3{margin:.5rem 0;font-size:1.2rem}.step-card p{color:var(--text-secondary);margin:.5rem 0}.time{display:inline-block;margin-top:1rem;padding:.25rem .75rem;background:var(--bg-secondary);border-radius:20px;font-size:.85rem;color:var(--text-secondary)}.note{background:var(--bg-card);border-left:4px solid var(--accent-color);padding:1.5rem;margin:1.5rem 0;border-radius:12px;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);box-shadow:var(--shadow)}.note strong{display:block;margin-bottom:.5rem;color:var(--accent-color)}ol,ul{margin:1rem 0;padding-left:2rem}li{margin:.5rem 0;color:var(--text-secondary)}code{background:var(--bg-secondary);padding:.2rem .5rem;border-radius:4px;font-family:Consolas,Monaco,monospace;font-size:.9em;color:var(--accent-color)}.download-buttons{display:flex;gap:1rem;margin:1.5rem 0;flex-wrap:wrap}.download-btn,.qq-btn{background:var(--accent-color);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;cursor:pointer;font-size:1rem;transition:all .3s;font-weight:500}.download-btn:hover,.qq-btn:hover{background:var(--accent-hover);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.table-container{overflow-x:auto;margin:1.5rem 0}table{width:100%;border-collapse:collapse;background:var(--bg-card);border-radius:8px;overflow:hidden}th,td{padding:1rem;text-align:left;border-bottom:1px solid var(--border-color)}th{background:var(--bg-secondary);font-weight:600;color:var(--text-primary)}td{color:var(--text-secondary)}.faq-item{background:var(--bg-card);padding:1.5rem;margin:1rem 0;border-radius:12px;border:1px solid var(--border-color);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);box-shadow:var(--shadow);transition:all .3s}.faq-item:hover{border-color:var(--accent-color);transform:translate(4px)}.faq-item h3{margin-top:0;color:var(--accent-color)}.qq-group{text-align:center;margin:2rem 0}a{color:var(--accent-color);text-decoration:none;transition:color .2s}a:hover{color:var(--accent-hover);text-decoration:underline}@media (max-width: 1024px){.sidebar{position:fixed;left:0;transform:translate(-100%);z-index:90}.sidebar.open{transform:translate(0)}.sidebar-toggle{display:block}.content{padding:2rem 1.5rem}}@media (max-width: 768px){.header-content{padding:1rem}.logo h1{font-size:1.2rem}.markdown-body h1{font-size:2rem}.steps{grid-template-columns:1fr}.content{padding:1.5rem 1rem}}.support-fab{position:fixed;bottom:2rem;right:2rem;background:linear-gradient(135deg,var(--gradient-from),var(--gradient-to));color:#fff;padding:1rem 1.5rem;border-radius:50px;cursor:pointer;box-shadow:var(--shadow-lg);display:flex;align-items:center;gap:.5rem;transition:all .3s;z-index:1000}.support-fab:hover{transform:translateY(-4px);box-shadow:0 20px 40px #3b82f666}.fab-icon{font-size:1.5rem}.fab-text{font-weight:600;font-size:1rem}.support-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:2000;padding:1rem}.support-card{background:var(--bg-card);-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);border-radius:20px;padding:2rem;max-width:500px;width:100%;box-shadow:var(--shadow-lg);border:1px solid var(--border-color);position:relative}.close-btn{position:absolute;top:1rem;right:1rem;background:none;border:none;font-size:1.5rem;cursor:pointer;color:var(--text-secondary);transition:color .2s;padding:.5rem;line-height:1}.close-btn:hover{color:var(--text-primary)}.support-card h3{margin:0 0 1rem;font-size:1.5rem;color:var(--text-primary)}.support-tip{color:var(--text-secondary);margin:.5rem 0;font-size:.95rem}.qq-number-box{background:linear-gradient(135deg,var(--gradient-from),var(--gradient-to));padding:1.5rem;border-radius:12px;margin:1.5rem 0;cursor:pointer;transition:all .3s;text-align:center}.qq-number-box:hover{transform:translateY(-2px);box-shadow:0 10px 30px #3b82f64d}.qq-number{display:block;font-size:2rem;font-weight:700;color:#fff;margin-bottom:.5rem}.qq-label{display:block;color:#ffffffe6;font-size:.9rem}.qrcode-wrapper{text-align:center;margin:1.5rem 0}.qrcode-img{max-width:200px;width:100%;border-radius:12px;border:2px solid var(--border-color)}.support-hint{color:var(--text-secondary);font-size:.85rem;margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border-color)}.copy-toast{position:fixed;bottom:6rem;right:2rem;background:var(--accent-color);color:#fff;padding:1rem 1.5rem;border-radius:12px;box-shadow:var(--shadow-lg);font-weight:500;z-index:3000}.fade-enter-active,.fade-leave-active{transition:opacity .3s}.fade-enter-from,.fade-leave-to{opacity:0}.toast-enter-active,.toast-leave-active{transition:all .3s}.toast-enter-from,.toast-leave-to{opacity:0;transform:translateY(10px)}@media (max-width: 768px){.support-fab{bottom:1rem;right:1rem;padding:.75rem 1.25rem}.fab-text{font-size:.9rem}.support-card{padding:1.5rem}.copy-toast{bottom:5rem;right:1rem}}