:root{--sidebar-width:260px;--bg-color:#fdfaf7;--primary-gradient:linear-gradient(135deg, #ff9f43 0%, #ff6b6b 100%);--accent-color:#ff9f43;--glass-bg:#ffffffd9;--glass-border:#ff9f431a;--card-shadow:0 4px 15px #ff9f430d;--card-hover-shadow:0 10px 30px #ff9f4326;--text-main:#2d3436;--text-secondary:#636e72}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-main);background-image:radial-gradient(at 0 0,#ff9f430d 0,#0000 50%),radial-gradient(at 100% 0,#ff6b6b0d 0,#0000 50%);font-family:Inter,PingFang SC,Microsoft YaHei,sans-serif;overflow-x:hidden}.app-container{min-height:100vh;display:flex}.sidebar{width:var(--sidebar-width);background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);border-right:1px solid var(--glass-border);z-index:100;flex-direction:column;height:100vh;display:flex;position:fixed;top:0;left:0}.logo-section{justify-content:center;align-items:center;padding:40px 24px;display:flex}.logo-image{object-fit:contain;max-width:180px;max-height:60px}.nav-menu{flex:1;padding:10px 15px}.nav-item{cursor:pointer;color:var(--text-main);border-radius:12px;align-items:center;margin-bottom:8px;padding:14px 20px;font-weight:500;transition:all .3s;display:flex}.nav-item:hover{color:var(--accent-color);background:#ff9f4314;transform:translate(5px)}.nav-item.active{background:var(--primary-gradient);color:#fff;box-shadow:0 4px 15px #ff9f434d}.nav-icon{margin-right:12px;font-size:1.2rem}.main-area{margin-left:var(--sidebar-width);flex-direction:column;flex:1;display:flex}.search-container{border-bottom:1px solid var(--glass-border);background:#fff url(/cubes.png);flex-direction:column;align-items:center;padding:80px 40px;display:flex}.search-box-wrapper{width:100%;max-width:700px;position:relative}.search-tabs{gap:20px;margin-bottom:15px;display:flex}.search-tab{appearance:none;color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;padding-bottom:5px;font-size:.9rem;transition:all .2s}.search-tab:hover{color:var(--accent-color)}.search-tab.active{color:var(--accent-color);border-bottom-color:var(--accent-color);font-weight:700}.search-input-group{background:#fff;border:2px solid #0000;border-radius:30px;padding:5px;transition:all .3s;display:flex;box-shadow:0 10px 40px #ff9f431a}.search-input-group:focus-within{border-color:var(--accent-color);box-shadow:0 10px 40px #ff9f4333}.search-input-group input{border:none;border-radius:30px 0 0 30px;outline:none;flex:1;padding:12px 25px;font-size:1.05rem}.search-btn{background:var(--primary-gradient);color:#fff;cursor:pointer;border:none;border-radius:25px;padding:0 35px;font-weight:700;transition:transform .2s,opacity .2s}.search-btn:hover{opacity:.95;transform:scale(1.02)}.content-section{padding:40px}.section-title{align-items:center;margin-bottom:30px;display:flex}.section-title h2{color:var(--text-main);margin-right:15px;font-size:1.6rem;position:relative}.section-title h2:after{content:"";background:var(--primary-gradient);border-radius:2px;width:40px;height:4px;position:absolute;bottom:-8px;left:0}.card-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:30px;display:grid}.nav-card{box-shadow:var(--card-shadow);background:#fff;border:1px solid #ff9f430d;border-radius:20px;padding:26px;text-decoration:none;transition:all .4s cubic-bezier(.175,.885,.32,1.275);display:flex;position:relative;overflow:hidden}.nav-card:hover{box-shadow:var(--card-hover-shadow);border-color:#ff9f4333;transform:translateY(-10px)}.card-icon{background:#fff9f4;border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;width:60px;height:60px;margin-right:20px;font-size:1.6rem;transition:all .3s;display:flex;box-shadow:inset 0 0 15px #ff9f430d}.nav-card:hover .card-icon{background:#fff0e6;transform:rotate(5deg)scale(1.1)}.card-body{flex:1;min-width:0}.card-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.card-title{color:var(--text-main);white-space:nowrap;text-overflow:ellipsis;font-size:1.15rem;font-weight:700;overflow:hidden}.card-desc{color:var(--text-secondary);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.9rem;line-height:1.6;display:-webkit-box;overflow:hidden}.badge-hot{color:#fff;background:#ff7675;border-radius:6px;padding:2px 8px;font-size:.65rem;font-weight:700}.empty-state{box-shadow:var(--card-shadow);background:#ffffffc7;border:1px solid #ff9f431f;border-radius:20px;margin-top:32px;padding:28px 32px}.empty-state h3{margin-bottom:8px;font-size:1.05rem}.empty-state p{color:var(--text-secondary);line-height:1.6}@media (width<=960px){.sidebar{width:100%;height:auto;position:static}.app-container{flex-direction:column}.main-area{margin-left:0}.search-container,.content-section{padding:28px 20px}}@media (width<=640px){.search-tabs{flex-wrap:wrap;gap:12px}.search-input-group{border-radius:24px;flex-direction:column;padding:10px}.search-input-group input{border-radius:18px;width:100%;padding:12px 16px}.search-btn{border-radius:18px;min-height:44px;margin-top:8px}.card-grid{grid-template-columns:1fr;gap:20px}}