:root{--brand-primary:#165dff;--brand-accent:#4058ff;--text-primary:#1d2129;--text-secondary:#4e5969;--text-tertiary:#86909c;--bg-page:#f7f8fa;--bg-card:#ffffff;--border-color:#e5e6eb;--header-height:68px;--radius-card:14px;--shadow-card:0 1px 3px rgba(29,33,41,0.06);--shadow-card-hover:0 16px 32px -12px rgba(22,93,255,0.24);--semi-color-primary:#165dff;--semi-color-primary-hover:#0e4be0;--semi-color-primary-active:#0b3fb8;--semi-color-primary-light-default:#e8f0ff;--semi-color-link:#165dff;--semi-color-focus-border:#165dff;--semi-border-radius-small:6px;--semi-border-radius-medium:10px;--semi-border-radius-large:14px}body[theme-mode=dark]{--semi-color-primary:#3e7bff;--semi-color-primary-hover:#5b90ff;--semi-color-primary-active:#2b63d9;--semi-color-primary-light-default:rgba(62,123,255,0.16);--semi-color-link:#3e7bff;--semi-color-focus-border:#3e7bff;--brand-primary:#3e7bff;--text-primary:#f2f3f5;--text-secondary:#c9cdd4;--text-tertiary:#8f959e;--bg-page:#0e1116;--bg-card:#151a21;--border-color:#2a3038}*{box-sizing:border-box}body,html{margin:0;padding:0}body{background:var(--bg-page);color:var(--text-primary);font-family:PingFang SC,HarmonyOS Sans SC,Microsoft YaHei,system-ui,-apple-system,Segoe UI,sans-serif;font-size:14px;line-height:1.6;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}.site-header{position:fixed;top:0;left:0;right:0;z-index:100;height:var(--header-height);display:flex;align-items:center;background:rgba(255,255,255,.78);-webkit-backdrop-filter:saturate(180%) blur(14px);backdrop-filter:saturate(180%) blur(14px);border-bottom:1px solid rgba(229,230,235,.8)}.site-header__inner{width:100%;max-width:1200px;margin:0 auto;padding:0 24px;gap:32px}.site-header__inner,.site-nav{display:flex;align-items:center}.site-nav{gap:6px;flex:1 1}.site-nav__link{padding:8px 14px;border-radius:8px;font-size:14px;color:var(--text-secondary);transition:color .2s ease-out,background-color .2s ease-out}.site-nav__link:hover{color:var(--brand-primary);background:rgba(22,93,255,.06)}.site-nav__link--active{color:var(--brand-primary);font-weight:600}.site-header__actions{display:flex;align-items:center;gap:12px}.site-main{padding-top:var(--header-height);min-height:calc(100vh - var(--header-height))}.page-shell{width:100%;max-width:1200px;margin:0 auto;padding:40px 24px 72px}.hero{position:relative;overflow:hidden;padding:72px 24px 64px;background:linear-gradient(180deg,#eef3ff,#f7f8fa)}.hero:before{top:-160px;right:-120px;width:480px;height:480px;background:radial-gradient(circle,rgba(64,88,255,.24) 0,rgba(64,88,255,0) 70%)}.hero:after,.hero:before{content:"";position:absolute;border-radius:50%}.hero:after{bottom:-220px;left:-140px;width:520px;height:520px;background:radial-gradient(circle,rgba(22,93,255,.16) 0,rgba(22,93,255,0) 70%)}.hero__inner{position:relative;z-index:1;max-width:1200px;margin:0 auto;display:flex;flex-direction:column;align-items:center;text-align:center}.hero__badge{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border-radius:999px;background:rgba(22,93,255,.08);color:var(--brand-primary);font-size:13px;font-weight:500;border:1px solid rgba(22,93,255,.16)}.hero__title{margin:20px 0 12px;font-size:44px;line-height:1.2;font-weight:700;letter-spacing:-.02em;color:var(--text-primary)}.hero__title em{font-style:normal;background:linear-gradient(120deg,var(--brand-primary) 0,var(--brand-accent) 100%);-webkit-background-clip:text;background-clip:text;color:transparent}.hero__subtitle{margin:0 0 28px;max-width:620px;font-size:16px;color:var(--text-secondary)}.hero__search{width:100%;max-width:620px;display:flex;align-items:center;gap:12px;padding:8px 8px 8px 20px;border-radius:16px;background:#fff;box-shadow:0 12px 32px -16px rgba(22,93,255,.36);border:1px solid rgba(229,230,235,.9)}.hero__search-input{flex:1 1;border:none;outline:none;background:transparent;font-size:15px;color:var(--text-primary);height:40px}.hero__search-input::placeholder{color:var(--text-tertiary)}.hero__tags{margin-top:18px;display:flex;flex-wrap:wrap;justify-content:center;gap:8px;font-size:13px;color:var(--text-tertiary)}.hero__tag{padding:4px 12px;border-radius:999px;background:rgba(255,255,255,.9);border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;transition:all .2s ease-out}.hero__tag:hover{border-color:var(--brand-primary);color:var(--brand-primary);transform:translateY(-1px)}.category-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:16px;gap:16px}.category-tile{position:relative;overflow:hidden;padding:22px 20px;border-radius:var(--radius-card);color:#fff;cursor:pointer;transition:transform .2s ease-out,box-shadow .2s ease-out}.category-tile:hover{transform:translateY(-4px);box-shadow:var(--shadow-card-hover)}.category-tile__icon{font-size:22px;opacity:.92}.category-tile__name{margin-top:26px;font-size:18px;font-weight:600}.category-tile__meta{margin-top:4px;font-size:12px;opacity:.82}.resource-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:18px;gap:18px}.resource-card{display:flex;flex-direction:column;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-card);overflow:hidden;transition:transform .2s ease-out,box-shadow .2s ease-out,border-color .2s ease-out}.resource-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-card-hover);border-color:rgba(22,93,255,.32)}.resource-card__cover{height:148px;display:flex;align-items:center;justify-content:center;font-size:26px;font-weight:700;letter-spacing:.08em;color:rgba(255,255,255,.94)}.resource-card__body{display:flex;flex-direction:column;gap:10px;padding:16px 18px 18px;flex:1 1}.resource-card__title{font-size:16px;font-weight:600;color:var(--text-primary)}.resource-card__summary{font-size:13px;color:var(--text-tertiary);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:40px}.resource-card__meta{display:flex;align-items:center;justify-content:space-between;margin-top:auto;font-size:12px;color:var(--text-tertiary)}.resource-card__tags{display:flex;flex-wrap:wrap;gap:6px}.resource-card__tag{padding:2px 8px;border-radius:6px;background:rgba(22,93,255,.07);color:var(--brand-primary);font-size:12px}.list-layout{display:grid;grid-template-columns:232px minmax(0,1fr);grid-gap:24px;gap:24px;align-items:start}.filter-panel{position:-webkit-sticky;position:sticky;top:calc(var(--header-height) + 20px);padding:20px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-card)}.filter-panel__title{margin:0 0 12px;font-size:13px;font-weight:600;color:var(--text-secondary)}.filter-list{display:flex;flex-direction:column;gap:4px}.filter-item{padding:8px 10px;border-radius:8px;font-size:13px;color:var(--text-secondary);cursor:pointer;transition:background-color .2s ease-out,color .2s ease-out}.filter-item:hover{background:var(--bg-page);color:var(--brand-primary)}.filter-item--active{background:rgba(22,93,255,.08);color:var(--brand-primary);font-weight:600}.breadcrumb{display:flex;align-items:center;gap:8px;margin-bottom:20px;font-size:13px}.breadcrumb,.empty-block{color:var(--text-tertiary)}.empty-block{padding:72px 24px;text-align:center;background:var(--bg-card);border:1px dashed var(--border-color);border-radius:var(--radius-card)}.site-footer{border-top:1px solid var(--border-color);background:#fff}.site-footer__inner{max-width:1200px;margin:0 auto;padding:48px 24px 28px;display:grid;grid-template-columns:1.4fr repeat(3,1fr);grid-gap:32px;gap:32px}.site-footer__title{margin:0 0 12px;font-size:13px;font-weight:600;color:var(--text-primary)}.site-footer__link{display:block;padding:5px 0;font-size:13px;color:var(--text-tertiary);transition:color .2s ease-out}.site-footer__link:hover{color:var(--brand-primary)}.site-footer__bottom{max-width:1200px;margin:0 auto;padding:16px 24px 28px;border-top:1px solid var(--border-color);font-size:12px;color:var(--text-tertiary);display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}@media (max-width:1199px){.category-grid,.resource-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:900px){.list-layout{grid-template-columns:minmax(0,1fr)}.filter-panel{position:static}.site-footer__inner{grid-template-columns:repeat(2,minmax(0,1fr))}.hero__title{font-size:34px}}@media (max-width:767px){.site-header__inner{gap:12px;padding:0 16px}.site-nav{display:none}.category-grid,.resource-grid{grid-template-columns:minmax(0,1fr)}.hero{padding:48px 16px 40px}.hero__title{font-size:28px}.page-shell{padding:28px 16px 56px}}