*{box-sizing:border-box;margin:0;padding:0}:root{--bg-body:#f3f6fc;--bg-surface:#fffffff5;--bg-nav:#ffffffeb;--text-primary:#0f2b3d;--text-secondary:#334155;--text-muted:#4a627a;--border-light:#94a3b84d;--card-bg:#fff;--card-highlight:#eef2ff;--hover-bg:#3b82f614;--link-color:#2563eb;--tree-bg:#fff;--tree-hover:#f1f5f9;--footer-bg:#ffffffd9;--badge-bg:#eef2ff;--badge-text:#2563eb;--hero-overlay:linear-gradient(135deg, #0000008c 0%, #0006 100%)}html[data-theme=dark]{--bg-body:#0a0c12;--bg-surface:#161a23f5;--bg-nav:#12161eeb;--text-primary:#eef2ff;--text-secondary:#cbd5e1;--text-muted:#94a3b8;--border-light:#47556980;--card-bg:#1e293b;--card-highlight:#2d3a4e;--hover-bg:#3b82f633;--link-color:#60a5fa;--tree-bg:#1e293b;--tree-hover:#2d3a4e;--footer-bg:#12161ed9;--badge-bg:#2d3a4e;--badge-text:#90cdf4;--hero-overlay:linear-gradient(135deg, #000000b3 0%, #0009 100%)}body{background:var(--bg-body);min-height:100vh;color:var(--text-primary);-webkit-tap-highlight-color:transparent;flex-direction:column;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,sans-serif;transition:background .2s,color .2s;display:flex}.modern-nav{z-index:1000;background:var(--bg-nav);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border-light);position:sticky;top:0;box-shadow:0 4px 20px #00000005}.nav-container{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;max-width:1280px;margin:0 auto;padding:.8rem 2rem;display:flex}.nav-logo-area{align-items:center;gap:.6rem;display:flex}.nav-logo-icon{object-fit:contain;filter:drop-shadow(0 2px 4px #0000001a);width:36px;height:36px}.nav-brand-text{color:#0000;letter-spacing:-.3px;background:linear-gradient(135deg,#1e4a76,#3b82f6);-webkit-background-clip:text;background-clip:text;font-size:1.25rem;font-weight:700}.nav-links{background:var(--hover-bg);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:60px;gap:.5rem;padding:.3rem;display:flex}.nav-link{color:var(--text-secondary);cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border-radius:40px;padding:.5rem 1.2rem;font-size:.95rem;font-weight:550;text-decoration:none;transition:all .2s}.nav-link:active{transform:scale(.96)}.nav-link:hover{color:var(--link-color);background:#3b82f61f}.nav-link.active{color:#fff;background:#3b82f6;box-shadow:0 4px 10px #3b82f64d}.theme-toggle{background:var(--hover-bg);cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);width:40px;height:40px;color:var(--text-secondary);-webkit-tap-highlight-color:transparent;border:none;border-radius:50%;justify-content:center;align-items:center;transition:all .2s;display:flex}.theme-toggle svg{stroke:var(--text-secondary)}.theme-toggle:active{transform:scale(.92)}.theme-toggle:hover{background:#3b82f64d;transform:scale(1.05)}.user-menu-container{margin-left:15px;position:relative}.user-icon-btn{cursor:pointer;color:#1a1a2e;background:#00000014;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:all .3s;display:flex}.user-icon-btn svg{stroke:#1a1a2e;width:22px;height:22px}.user-icon-btn:hover{background:#00000026;transform:scale(1.05)}[data-theme=dark] .user-icon-btn{color:#e5e7eb;background:#ffffff26}[data-theme=dark] .user-icon-btn svg{stroke:#e5e7eb}[data-theme=dark] .user-icon-btn:hover{background:#ffffff40}.user-dropdown{background:var(--bg-surface);z-index:1000;border:1px solid var(--border-light);border-radius:12px;min-width:160px;display:none;position:absolute;top:50px;right:0;overflow:hidden;box-shadow:0 4px 20px #00000026}.user-dropdown.show{animation:.2s dropdownFade;display:block}@keyframes dropdownFade{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.dropdown-item{cursor:pointer;color:var(--text-primary);align-items:center;gap:10px;padding:12px 20px;font-size:14px;text-decoration:none;transition:background .2s;display:flex}.dropdown-item:hover{background:var(--hover-bg)}.dropdown-divider{background:var(--border-light);height:1px;margin:4px 0}[data-theme=dark] .user-dropdown{background:#1f2937;border-color:#374151}[data-theme=dark] .dropdown-item{color:#e5e7eb}[data-theme=dark] .dropdown-item:hover,[data-theme=dark] .dropdown-divider{background:#374151}.main-content{flex:1;width:100%;max-width:1280px;margin:0 auto;padding:2rem 1.5rem}.hero-section{text-align:center;background-image:url(/_resource/assets/f8e1802a-ba9f-4e25-acca-134c0247d836.D42svhJk.png);background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:2rem;justify-content:center;align-items:center;min-height:480px;margin-bottom:2rem;display:flex;position:relative;overflow:hidden;box-shadow:0 20px 35px -12px #0003}.hero-overlay{background:var(--hero-overlay);-webkit-backdrop-filter:brightness(.92);backdrop-filter:brightness(.92);width:100%;height:100%;position:absolute;top:0;left:0}.hero-content{z-index:2;padding:2rem;position:relative}.hero-logo{object-fit:contain;filter:drop-shadow(0 8px 20px #0000004d);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff80;border-radius:30px;width:110px;height:110px;margin-bottom:1.2rem;padding:10px}.hero-title{letter-spacing:-.02em;color:#fff;text-shadow:0 4px 20px #0000004d;font-size:3.5rem;font-weight:800}.hero-sub{color:#ffffffe6;font-size:1.2rem;font-weight:500}.page-container{background:var(--bg-surface);border-radius:2rem;padding:2rem;transition:background .2s;box-shadow:0 20px 35px -12px #00000014}.section-title{color:#0000;background:linear-gradient(125deg,#0f2b3d,#2563eb);-webkit-background-clip:text;background-clip:text;border-left:5px solid #3b82f6;margin-bottom:1.5rem;padding-left:1rem;font-size:1.8rem;font-weight:700}.tree-view{background:var(--tree-bg);border:1px solid var(--border-light);border-radius:1.2rem;margin:1.5rem 0;padding:.8rem}.tree-node{-webkit-user-select:none;user-select:none;margin-left:0;list-style:none}.tree-node .tree-node{margin-left:1.8rem}.tree-node-header{cursor:pointer;color:var(--text-primary);-webkit-tap-highlight-color:transparent;border-radius:.8rem;align-items:center;gap:.5rem;padding:.6rem .8rem;font-weight:550;transition:background .2s;display:flex}.tree-node-header:active{transform:scale(.98)}.tree-node-header:hover{background:var(--tree-hover)}.tree-toggle{width:1.5rem;color:var(--text-muted);font-size:.8rem;display:inline-block}.tree-icon{width:1.8rem;font-size:1.2rem}.tree-name{flex:1;font-weight:500}.tree-leaf-item{color:var(--text-secondary);cursor:pointer;-webkit-tap-highlight-color:transparent;border-radius:.8rem;align-items:center;gap:.5rem;padding:.6rem .8rem .6rem 2rem;text-decoration:none;transition:all .2s;display:flex}.tree-leaf-item:active{transform:scale(.98)}.tree-leaf-item:hover{background:var(--tree-hover);transform:translate(4px)}.tree-leaf-item a{color:inherit;text-decoration:none;display:contents}.tree-path{background:var(--badge-bg);color:var(--badge-text);border-radius:20px;padding:.2rem .6rem;font-family:monospace;font-size:.7rem}.tree-arrow{color:var(--text-muted);font-size:1rem}.disabled-item{opacity:.6;cursor:default;filter:grayscale(.1)}.disabled-item:hover{background:0 0;transform:none}.coming-item{cursor:pointer}.coming-name,.disabled-name{color:var(--text-muted)}.tree-badge{background:var(--badge-bg);color:var(--badge-text);border-radius:30px;padding:.2rem .6rem;font-size:.65rem}.update-card{background:var(--card-bg);color:var(--text-secondary);-webkit-tap-highlight-color:transparent;border-left:4px solid #3b82f6;border-radius:1.2rem;padding:1.2rem 1.5rem;transition:all .2s}.update-date{color:#3b82f6;font-size:.75rem;font-weight:600}.update-title{color:var(--text-primary);font-size:1.2rem;font-weight:700}.stats-bar{border-top:1px solid var(--border-light);color:var(--text-muted);justify-content:space-between;align-items:center;margin-top:2rem;padding-top:1rem;font-size:.85rem;display:flex}.badge-count{background:var(--badge-bg);color:var(--badge-text);border-radius:30px;padding:.2rem .8rem;font-weight:500}.site-footer{background:var(--bg-body);border-top:1px solid var(--border-light);margin-top:3rem;padding:2rem 2rem 1.5rem}.footer-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem;max-width:1280px;margin:0 auto;display:grid}.footer-col p{color:var(--text-secondary);margin:0 0 .5rem;font-size:.85rem}.footer-col p:first-child{color:var(--text-primary);margin-bottom:.8rem;font-weight:600}.footer-col .qr-code{border:1px solid var(--border-light);border-radius:4px;width:80px;height:80px;margin-top:.3rem}.contact-row{flex-direction:column;gap:.4rem;display:flex}.contact-link{cursor:pointer;color:var(--text-secondary);align-items:center;gap:.5rem;width:fit-content;font-size:.85rem;transition:color .2s;display:inline-flex}.contact-link svg{stroke:var(--text-secondary)}.contact-link:hover{color:var(--link-color)}.contact-link:hover svg{stroke:var(--link-color)}.ad-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:2000;background-color:#0009;justify-content:center;align-items:center;width:100%;height:100%;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,sans-serif;display:flex;position:fixed;top:0;left:0}.ad-card{background:var(--bg-surface);border:1px solid var(--border-light);border-radius:2rem;width:90%;max-width:460px;animation:.25s cubic-bezier(.2,.9,.4,1.1) adSlideUp;overflow:hidden;box-shadow:0 30px 50px #0000004d}.ad-header{border-bottom:1px solid var(--border-light);background:linear-gradient(135deg,#2563eb20,#1e4a7620);align-items:center;gap:.75rem;padding:1rem 1.5rem;display:flex}.ad-icon{align-items:center;font-size:1.8rem;display:flex}.ad-icon svg{stroke:var(--text-primary)}.ad-header h3{color:var(--text-primary);margin:0;font-size:1.25rem;font-weight:700}.ad-body{padding:1.5rem}.ad-from{text-transform:uppercase;letter-spacing:.5px;color:#3b82f6;margin-bottom:.5rem;font-size:.75rem;font-weight:600}.ad-title{color:var(--text-primary);margin-bottom:.75rem;font-size:1.35rem;font-weight:700;line-height:1.3}.ad-text{color:var(--text-secondary);word-break:break-word;font-size:.95rem;line-height:1.5}.ad-actions{justify-content:flex-end;gap:.8rem;padding:.2rem 1.5rem 1.5rem;display:flex}.ad-btn{cursor:pointer;background:var(--hover-bg);color:var(--text-secondary);border:none;border-radius:2rem;padding:.5rem 1.2rem;font-size:.85rem;font-weight:600;transition:all .2s}.ad-btn-primary{color:#fff;background:#3b82f6;box-shadow:0 2px 8px #3b82f64d}.ad-btn-primary:hover{background:#2563eb;transform:scale(1.02)}.ad-btn-secondary:hover{background:var(--card-highlight);transform:scale(1.02)}hr{border:none;border-top:1px solid var(--border-light);max-width:1280px;margin:1.5rem auto 1rem}.copyright{text-align:center;color:var(--text-muted);max-width:1280px;margin:0 auto;font-size:.75rem}@keyframes adSlideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (width<=768px){.ad-overlay{align-items:flex-end;padding-bottom:0}.ad-card{border-radius:1.5rem 1.5rem 0 0;width:100%;max-width:100%;animation:.3s ease-out adSlideUpMobile}@keyframes adSlideUpMobile{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.nav-container{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.8rem;padding:.6rem 1rem;display:flex}.nav-logo-area{flex:none;align-items:center;gap:.6rem;display:flex}.nav-logo-icon{width:28px;height:28px}.nav-brand-text{font-size:1rem}.theme-toggle{flex-shrink:0;width:36px;height:36px;font-size:1.1rem}.nav-links{flex-wrap:nowrap;order:3;justify-content:center;gap:.5rem;width:100%;padding:.4rem;display:flex}.nav-link{text-align:center;white-space:nowrap;flex:none;padding:.4rem .9rem;font-size:.85rem}.main-content{padding:1rem}.hero-section{border-radius:1.2rem;min-height:300px;margin-bottom:1.5rem}.hero-content{padding:1rem}.hero-logo{border-radius:20px;width:60px;height:60px;margin-bottom:.8rem;padding:8px}.hero-title{font-size:1.8rem}.hero-sub{font-size:.9rem}.page-container{border-radius:1.2rem;padding:1.2rem}.section-title{margin-bottom:1rem;padding-left:.8rem;font-size:1.3rem}.tree-view{margin:1rem 0;padding:.5rem}.tree-node .tree-node{margin-left:1rem}.tree-node-header{gap:.4rem;padding:.5rem .6rem}.tree-toggle{width:1.2rem;font-size:.7rem}.tree-icon{width:1.5rem;font-size:1rem}.tree-name{font-size:.9rem}.tree-leaf-item{gap:.4rem;padding:.5rem .6rem .5rem 1.5rem}.tree-path{display:none}.tree-badge{padding:.15rem .5rem;font-size:.55rem}.update-card{margin-bottom:.8rem;padding:1rem}.update-title{font-size:1rem}.update-date{font-size:.7rem}.stats-bar{text-align:center;flex-direction:column;gap:.5rem;margin-top:1.5rem;padding-top:.8rem}.site-footer{padding:1.5rem 1rem 1rem}.footer-grid{text-align:center;grid-template-columns:1fr;gap:1.2rem}.footer-col .qr-code{margin:.3rem auto 0}.contact-row{align-items:center}.contact-link{justify-content:center}.nav-link,.theme-toggle,.tree-node-header,.tree-leaf-item,.contact-link,.update-card{align-items:center;min-height:44px;display:flex}.nav-link{min-height:38px}.theme-toggle{min-height:36px}.tree-node-header,.tree-leaf-item{min-height:44px}.contact-link{min-height:32px}.tree-view{-webkit-overflow-scrolling:touch;overflow-x:auto}.tree-node{min-width:max-content}}@media (width<=480px){.nav-container{padding:.5rem .8rem}.nav-brand-text{font-size:.95rem}.nav-logo-icon{width:24px;height:24px}.nav-link{padding:.35rem .7rem;font-size:.75rem}.theme-toggle{width:32px;height:32px}.hero-section{min-height:250px}.hero-title{font-size:1.5rem}.hero-sub{font-size:.8rem}.hero-logo{width:50px;height:50px}.section-title{font-size:1.2rem}.page-container{padding:.8rem}.tree-node-header{padding:.4rem .5rem}.tree-leaf-item{padding:.4rem .5rem .4rem 1.2rem}.tree-icon{width:1.3rem;font-size:.9rem}.tree-name{font-size:.85rem}.ad-card{border-radius:1.5rem;width:92%}.ad-header{padding:.8rem 1.2rem}.ad-header h3{font-size:1.1rem}.ad-icon{font-size:1.5rem}.ad-body{padding:1.2rem}.ad-title{font-size:1.2rem}.ad-text{font-size:.9rem}.ad-actions{padding:.2rem 1.2rem 1.2rem}.ad-btn{padding:.45rem 1rem}}@media (width<=768px) and (orientation:landscape){.hero-section{min-height:200px}.hero-logo{width:45px;height:45px}.hero-title{font-size:1.3rem}.nav-links{width:auto}.main-content{padding:.8rem}}