*{margin:0;padding:0;box-sizing:border-box}
body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"PingFang SC","Microsoft YaHei",sans-serif;background:#f5f7fa;color:#1a2332;min-height:100vh;position:relative}
a{text-decoration:none;color:inherit}

.license-watermark{position:fixed;top:0;left:0;right:0;bottom:0;pointer-events:none;z-index:2147483647;overflow:hidden;display:none}
.license-watermark.show{display:block !important}
.license-watermark .watermark-text{position:absolute;font-size:14px;color:rgba(220,38,38,0.08);font-weight:700;white-space:nowrap;user-select:none;letter-spacing:4px;font-family:Arial,sans-serif;pointer-events:none;text-shadow:none}
.license-watermark .watermark-text i{margin-right:6px;font-size:12px;color:rgba(220,38,38,0.08)}

.navbar{position:fixed;top:0;left:0;right:0;z-index:1000;background:rgba(255,255,255,0.95);backdrop-filter:blur(12px);border-bottom:1px solid rgba(228,233,240,0.6);padding:0 48px;height:64px;display:flex;align-items:center;justify-content:space-between}
.navbar .logo{font-size:20px;font-weight:700;color:#1a2332;display:flex;align-items:center;gap:10px}
.navbar .logo img{height:30px;width:auto;max-height:30px}
.navbar .logo .highlight{color:#4a6cf7}
.navbar .logo .badge{font-size:11px;font-weight:400;color:#7a8a9e;background:#f0f3f7;padding:2px 12px;border-radius:20px}
.navbar .nav-links{display:flex;align-items:center;gap:8px}
.navbar .nav-links a{color:#4a5568;font-size:14px;font-weight:500;padding:6px 16px;border-radius:6px;transition:all 0.2s}
.navbar .nav-links a:hover{color:#4a6cf7;background:#f0f4ff}
.navbar .nav-links a.active{color:#4a6cf7;background:#eef2ff}
.navbar .nav-links .btn-primary{background:#4a6cf7;color:#fff;padding:8px 24px;border-radius:8px;font-weight:600}
.navbar .nav-links .btn-primary:hover{background:#3b5de7;color:#fff;box-shadow:0 4px 16px rgba(74,108,247,0.3);transform:translateY(-1px)}
.navbar .nav-center{position:absolute;left:50%;transform:translateX(-50%);font-size:13px;font-weight:600;display:flex;align-items:center;gap:8px;white-space:nowrap}
.navbar .nav-center.unauthorized{color:#dc2626}
.navbar .nav-center i{font-size:14px}

.user-dropdown-wrapper{position:relative;cursor:pointer}
.user-dropdown-wrapper .user-trigger{display:flex;align-items:center;gap:8px;padding:4px 12px 4px 4px;border-radius:30px;border:none;background:transparent;cursor:pointer;font-family:inherit;font-size:14px;color:#5a6a7e;transition:background 0.2s}
.user-dropdown-wrapper .user-trigger:hover{background:#f0f3f7}
.user-dropdown-wrapper .user-trigger .avatar{width:32px;height:32px;border-radius:50%;background:#4a6cf7;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:13px;overflow:hidden;flex-shrink:0}
.user-dropdown-wrapper .user-trigger .avatar img{width:100%;height:100%;object-fit:cover}
.user-dropdown-wrapper .user-trigger .user-name{font-weight:500;color:#1a2634;max-width:80px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.user-dropdown-wrapper .user-trigger .arrow{font-size:12px;color:#8a9aae;transition:transform 0.3s}
.user-dropdown-wrapper .user-trigger .arrow.open{transform:rotate(180deg)}
.user-dropdown-menu{position:absolute;top:calc(100% + 8px);right:0;background:#fff;border-radius:12px;border:1px solid #e4e9f0;box-shadow:0 12px 40px rgba(0,0,0,0.12);min-width:180px;padding:8px 0;opacity:0;visibility:hidden;transform:translateY(-8px) scale(0.96);transition:all 0.25s cubic-bezier(0.34,1.56,0.64,1);z-index:200;pointer-events:auto}
.user-dropdown-menu.open{opacity:1;visibility:visible;transform:translateY(0) scale(1);pointer-events:auto}
.user-dropdown-menu .menu-item{display:block;padding:10px 20px;color:#4a5568;font-size:14px;font-weight:500;transition:background 0.15s}
.user-dropdown-menu .menu-item:hover{background:#f7f9fc;color:#4a6cf7}
.user-dropdown-menu .menu-item.danger{color:#e53e3e}
.user-dropdown-menu .menu-item.danger:hover{background:#fff5f5;color:#c0392b}
.user-dropdown-menu .divider{height:1px;background:#f0f2f5;margin:6px 16px}
.user-dropdown-menu .user-info{padding:12px 20px 8px;border-bottom:1px solid #f0f2f5;margin-bottom:4px}
.user-dropdown-menu .user-info .name{font-weight:600;color:#1a2332;font-size:14px}
.user-dropdown-menu .user-info .username{font-size:12px;color:#8a9aae}

.hero{padding:100px 48px 60px;text-align:center;background:linear-gradient(180deg,rgba(240,244,255,0.85) 0%,rgba(255,255,255,0.9) 100%);background-size:cover;background-position:center;background-repeat:no-repeat;min-height:60vh;display:flex;flex-direction:column;justify-content:center;align-items:center}
.hero .hero-icon{width:72px;height:72px;margin-bottom:20px}
.hero .hero-icon svg{width:100%;height:100%;fill:#4a6cf7}
.hero h1{font-size:44px;font-weight:800;color:#1a2332;margin-bottom:12px;letter-spacing:-1px}
.hero h1 .highlight{color:#4a6cf7}
.hero p{font-size:18px;color:#5a6a7e;max-width:560px;line-height:1.7;margin-bottom:28px}
.hero .actions{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}
.hero .actions .btn{padding:12px 36px;border-radius:10px;font-size:16px;font-weight:600;transition:all 0.25s ease}
.hero .actions .btn-primary{background:#4a6cf7;color:#fff;box-shadow:0 4px 16px rgba(74,108,247,0.25)}
.hero .actions .btn-primary:hover{background:#3b5de7;transform:translateY(-2px);box-shadow:0 8px 32px rgba(74,108,247,0.35)}
.hero .actions .btn-outline{background:transparent;color:#4a6cf7;border:2px solid #4a6cf7}
.hero .actions .btn-outline:hover{background:#f0f4ff;transform:translateY(-2px)}

.stats-section{max-width:1200px;margin:-30px auto 40px;padding:0 48px;display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.stat-card{background:#fff;border-radius:14px;padding:22px 24px;border:1px solid #eef2f6;box-shadow:0 2px 8px rgba(0,0,0,0.04);transition:all 0.3s ease;display:flex;align-items:center;gap:16px}
.stat-card:hover{transform:translateY(-3px);box-shadow:0 8px 30px rgba(0,0,0,0.06);border-color:#d1d9e6}
.stat-card .icon{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.stat-card .icon svg{width:22px;height:22px;fill:currentColor}
.stat-card:nth-child(1) .icon{background:#eef2ff;color:#4a6cf7}
.stat-card:nth-child(2) .icon{background:#ecfdf5;color:#10b981}
.stat-card:nth-child(3) .icon{background:#fffbeb;color:#f59e0b}
.stat-card:nth-child(4) .icon{background:#f5f3ff;color:#8b5cf6}
.stat-card .info{flex:1}
.stat-card .info .number{font-size:26px;font-weight:700;color:#1a2332;line-height:1.2}
.stat-card .info .label{font-size:13px;color:#8a9aae}
.stat-card .info .change{font-size:12px;font-weight:600;margin-left:8px}
.stat-card .info .change.up{color:#10b981}
.stat-card .info .change.down{color:#ef4444}

.features{padding:60px 48px 70px;max-width:1200px;margin:0 auto}
.features .section-header{text-align:center;margin-bottom:44px}
.features .section-header .icon{width:44px;height:44px;margin:0 auto 10px}
.features .section-header .icon svg{width:100%;height:100%;fill:#4a6cf7}
.features .section-header h2{font-size:30px;font-weight:700;color:#1a2332}
.features .section-header p{color:#7a8a9e;font-size:16px;margin-top:6px}
.features .grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.features .grid .item{background:#fff;border-radius:14px;border:1px solid #eef2f6;padding:30px 26px;text-align:center;transition:all 0.3s ease}
.features .grid .item:hover{transform:translateY(-4px);box-shadow:0 8px 30px rgba(0,0,0,0.06);border-color:#d1d9e6}
.features .grid .item .item-icon{width:48px;height:48px;margin:0 auto 14px}
.features .grid .item .item-icon svg{width:100%;height:100%;fill:#4a6cf7}
.features .grid .item h3{font-size:17px;font-weight:600;color:#1a2332;margin-bottom:6px}
.features .grid .item p{font-size:14px;color:#7a8a9e;line-height:1.7}

.resource-section{max-width:1200px;margin:0 auto;padding:0 48px 60px}
.resource-section .section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;flex-wrap:wrap;gap:10px}
.resource-section .section-header h2{font-size:22px;font-weight:700;color:#1a2332;display:flex;align-items:center;gap:10px}
.resource-section .section-header h2 .h-icon{width:24px;height:24px}
.resource-section .section-header h2 .h-icon svg{width:100%;height:100%;fill:#4a6cf7}
.resource-section .section-header .more{font-size:14px;color:#4a6cf7;font-weight:500}
.resource-section .section-header .more:hover{color:#3b5de7}
.resource-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.resource-item{background:#fff;border-radius:12px;border:1px solid #eef2f6;padding:16px 18px;transition:all 0.3s ease;cursor:pointer}
.resource-item:hover{transform:translateY(-3px);box-shadow:0 8px 24px rgba(0,0,0,0.06);border-color:#d1d9e6}
.resource-item .name{font-size:14px;font-weight:500;color:#1a2332;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.resource-item .name a{color:#1a2332}
.resource-item .name a:hover{color:#4a6cf7}
.resource-item .meta{font-size:12px;color:#8a9aae;display:flex;align-items:center;gap:10px;margin-top:4px;flex-wrap:wrap}
.resource-item .meta .ext{display:inline-block;padding:0 8px;border-radius:4px;font-size:10px;font-weight:700;text-transform:uppercase;background:#f1f5f9;color:#4a5568}
.resource-item .meta .ext.pdf{background:#fef2f2;color:#dc2626}
.resource-item .meta .ext.zip,.resource-item .meta .ext.rar{background:#fffbeb;color:#d97706}
.resource-item .meta .ext.jpg,.resource-item .meta .ext.png,.resource-item .meta .ext.gif,.resource-item .meta .ext.webp{background:#ecfdf5;color:#059669}
.resource-item .meta .ext.mp4,.resource-item .meta .ext.avi{background:#eef2ff;color:#4338ca}
.resource-item .meta .ext.doc,.resource-item .meta .ext.docx{background:#eef2ff;color:#4338ca}
.resource-item .stats{font-size:12px;color:#94a3b8;margin-top:6px}
.resource-item .stats .count{color:#4a6cf7;font-weight:600}

.login-tip{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.4);backdrop-filter:blur(4px);z-index:999;align-items:center;justify-content:center;padding:20px}
.login-tip.show{display:flex}
.login-tip .tip-box{background:#fff;border-radius:16px;max-width:400px;width:100%;padding:32px 36px;text-align:center;box-shadow:0 20px 60px rgba(0,0,0,0.2);animation:modalIn 0.25s ease}
@keyframes modalIn{from{transform:scale(0.95) translateY(20px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}
.login-tip .tip-box .tip-icon{width:48px;height:48px;margin:0 auto 12px}
.login-tip .tip-box .tip-icon svg{width:100%;height:100%;fill:#4a6cf7}
.login-tip .tip-box h3{font-size:18px;font-weight:700;color:#1a2332;margin-bottom:6px}
.login-tip .tip-box p{font-size:14px;color:#5a6a7e;margin-bottom:20px;line-height:1.6}
.login-tip .tip-box .actions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}
.login-tip .tip-box .actions .btn{padding:9px 28px;border-radius:8px;font-size:14px;font-weight:600;border:none;cursor:pointer;transition:all 0.25s ease;font-family:inherit}
.login-tip .tip-box .actions .btn-primary{background:#4a6cf7;color:#fff}
.login-tip .tip-box .actions .btn-primary:hover{background:#3b5de7;transform:translateY(-1px)}
.login-tip .tip-box .actions .btn-outline{background:transparent;color:#4a6cf7;border:2px solid #4a6cf7}
.login-tip .tip-box .actions .btn-outline:hover{background:#f0f4ff}

.space-section{max-width:800px;margin:0 auto;padding:0 48px 60px;text-align:center}
.space-section .s-icon{width:48px;height:48px;margin:0 auto 10px}
.space-section .s-icon svg{width:100%;height:100%;fill:#4a6cf7}
.space-section h2{font-size:24px;font-weight:700;color:#1a2332}
.space-section .sub{color:#7a8a9e;font-size:15px;margin-bottom:18px}
.space-section .space-info{display:flex;justify-content:space-between;font-size:14px;color:#5a6a7e;margin-bottom:6px}
.space-section .space-info .used{color:#4a6cf7;font-weight:600}
.space-section .space-info .free{color:#10b981;font-weight:600}
.space-section .space-bar{height:10px;background:#eef2f6;border-radius:6px;overflow:hidden;position:relative}
.space-section .space-bar .fill{height:100%;border-radius:6px;background:linear-gradient(90deg,#4a6cf7,#818cf8);transition:width 1s ease}
.space-section .space-bar .fill.warning{background:linear-gradient(90deg,#f59e0b,#ef4444)}
.space-section .space-percent{font-size:14px;color:#5a6a7e;font-weight:600;margin-top:6px}

.partners-section{max-width:1000px;margin:0 auto;padding:0 48px 50px;text-align:center}
.partners-section .p-header{margin-bottom:28px}
.partners-section .p-header .p-icon{width:36px;height:36px;margin:0 auto 6px}
.partners-section .p-header .p-icon svg{width:100%;height:100%;fill:#4a6cf7}
.partners-section .p-header h3{font-size:20px;font-weight:700;color:#1a2332}
.partners-section .p-header p{color:#7a8a9e;font-size:14px}
.partners-grid{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:28px 40px}
.partners-grid .partner{display:flex;flex-direction:column;align-items:center;gap:4px;opacity:0.7;transition:all 0.3s ease}
.partners-grid .partner:hover{opacity:1;transform:translateY(-2px)}
.partners-grid .partner .logo{width:56px;height:56px;border-radius:12px;background:#fff;border:1px solid #eef2f6;display:flex;align-items:center;justify-content:center;overflow:hidden}
.partners-grid .partner .logo img{width:32px;height:32px;object-fit:contain}
.partners-grid .partner .name{font-size:12px;color:#8a9aae;font-weight:500}

.footer{padding:32px 48px 12px;border-top:1px solid #eef2f6;text-align:center;color:#8a9aae;font-size:14px}
.footer .links{display:flex;justify-content:center;gap:20px;margin-bottom:10px;flex-wrap:wrap}
.footer .links a{color:#5a6a7e;transition:color 0.2s}
.footer .links a:hover{color:#4a6cf7}
.footer .icp{margin-top:4px;font-size:13px}
.footer .icp a{color:#8a9aae}
.footer .icp a:hover{color:#4a6cf7}

.license-footer{text-align:center;padding:8px 20px 16px;border-top:1px solid #eef2f6;font-size:12px;color:#94a3b8}
.license-footer .status-text.authorized{color:#16a34a}
.license-footer .status-text.unauthorized{color:#dc2626}
.license-footer i{margin-right:4px}

@media(max-width:1024px){.navbar{padding:0 24px}.hero{padding:80px 24px 50px}.stats-section{padding:0 24px;grid-template-columns:repeat(2,1fr)}.features{padding:40px 24px 50px}.features .grid{grid-template-columns:repeat(2,1fr)}.resource-section{padding:0 24px 40px}.resource-grid{grid-template-columns:repeat(2,1fr)}.space-section{padding:0 24px 40px}.partners-section{padding:0 24px 40px}}
@media(max-width:768px){.navbar{padding:0 16px;height:56px}.navbar .logo{font-size:17px}.navbar .logo .badge{display:none}.navbar .nav-links a{font-size:13px;padding:4px 10px}.navbar .nav-links .btn-primary{padding:6px 16px;font-size:13px}.navbar .nav-center{font-size:11px;position:static;transform:none;margin:0 8px}.user-dropdown-wrapper .user-trigger .user-name{display:none}.hero{padding:72px 16px 40px;min-height:auto}.hero h1{font-size:28px}.hero p{font-size:15px}.hero .actions .btn{padding:10px 24px;font-size:14px}.stats-section{grid-template-columns:1fr 1fr;gap:12px;margin-top:-20px;padding:0 16px}.stat-card{padding:16px 16px;gap:12px}.stat-card .info .number{font-size:20px}.stat-card .icon{width:36px;height:36px}.stat-card .icon svg{width:18px;height:18px}.features{padding:30px 16px 40px}.features .grid{grid-template-columns:1fr;gap:14px}.features .section-header h2{font-size:24px}.resource-section{padding:0 16px 30px}.resource-grid{grid-template-columns:1fr 1fr;gap:12px}.resource-section .section-header h2{font-size:18px}.space-section{padding:0 16px 30px}.space-section h2{font-size:20px}.partners-section{padding:0 16px 30px}.partners-grid{gap:20px 28px}.partners-grid .partner .logo{width:48px;height:48px}.partners-grid .partner .logo img{width:26px;height:26px}.footer{padding:20px 16px 8px}.footer .links{gap:12px;font-size:13px}.login-tip .tip-box{padding:24px 20px;margin:10px}.license-footer{font-size:11px}}
@media(max-width:480px){.navbar .nav-links .hide-mobile{display:none}.navbar .nav-center{font-size:10px}.hero h1{font-size:22px}.stats-section{grid-template-columns:1fr 1fr}.stat-card .info .number{font-size:17px}.stat-card .info .label{font-size:12px}.stat-card .icon{width:30px;height:30px}.stat-card .icon svg{width:15px;height:15px}.resource-grid{grid-template-columns:1fr}.features .grid .item .item-icon{width:36px;height:36px}.partners-grid{gap:16px 20px}.partners-grid .partner .logo{width:40px;height:40px}.partners-grid .partner .logo img{width:20px;height:20px}.partners-grid .partner .name{font-size:10px}.license-watermark .watermark-text{font-size:10px}}