:root{--glass-ink:#15213b;--glass-copy:#43516d;--glass-muted:#71809a;--glass-violet:#6f63e8;--glass-cyan:#38bfe7;--glass-line:#4b629c24;--glass-surface:#ffffffad;--glass-surface-strong:#ffffffd6;--glass-shadow:0 24px 68px #4053841f;--content-width:1160px;--radius-card:22px;--radius-section:28px}*{box-sizing:border-box}html,body,#root{height:100%}body{color:var(--glass-ink);-webkit-font-smoothing:antialiased;margin:0;font-family:PingFang SC,Noto Sans CJK SC,Microsoft YaHei,Segoe UI,system-ui,-apple-system,sans-serif;font-size:15px;line-height:1.6}.portal-aurora{background:radial-gradient(circle at 10% 12%,#47c2ee33,#0000 34%),radial-gradient(circle at 88% 8%,#8469ee2e,#0000 32%),radial-gradient(circle at 50% 96%,#6f63e81f,#0000 40%),linear-gradient(160deg,#f5fbff 0%,#f4f3ff 55%,#f3f8ff 100%);min-height:100%}.portal-shell{width:min(100% - 40px, var(--content-width));margin-inline:auto}.portal-shell--wide{width:100%;max-width:100%;padding-inline:0}.portal-nav{z-index:50;-webkit-backdrop-filter:blur(20px)saturate(150%);backdrop-filter:blur(20px)saturate(150%);border-bottom:1px solid var(--glass-line);background:#ffffffa8;align-items:center;gap:16px;padding:14px min(40px,5vw);display:flex;position:sticky;top:0}.portal-nav__brand{color:var(--glass-ink);cursor:pointer;background:0 0;border:none;align-items:center;gap:10px;padding:0;font-size:16px;font-weight:700;display:flex}.portal-nav__logo{background:linear-gradient(135deg, var(--glass-violet), var(--glass-cyan));color:#fff;border-radius:9px;place-items:center;width:30px;height:30px;font-size:15px;font-weight:800;display:grid;box-shadow:0 6px 16px #6f63e852}.portal-nav__links{gap:6px;margin-left:auto;display:flex}.portal-nav__link{color:var(--glass-copy);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:999px;padding:8px 16px;font-size:14px;font-weight:600;transition:all .2s}.portal-nav__link:hover{color:var(--glass-ink);background:#ffffffb3}.portal-nav__link.is-active{color:var(--glass-violet);background:#6f63e81f;border-color:#6f63e847}.portal-hero{text-align:center;padding:clamp(56px,9vw,110px) 0 36px}.portal-hero__eyebrow{color:#1d7fa6;background:#38bfe71f;border:1px solid #38bfe747;border-radius:999px;margin-bottom:22px;padding:6px 16px;font-size:13px;font-weight:600;display:inline-block}.portal-hero__title{letter-spacing:-.5px;background:linear-gradient(120deg,#15213b,#6f63e8 70%,#38bfe7);color:#0000;-webkit-background-clip:text;background-clip:text;margin:0 0 14px;font-size:clamp(28px,4.4vw,44px);font-weight:800;line-height:1.18}.portal-hero__subtitle{max-width:640px;color:var(--glass-copy);margin:0 auto;font-size:clamp(15px,2vw,17px)}.portal-hero__stats{flex-wrap:wrap;justify-content:center;gap:26px;margin-top:30px;display:flex}.portal-hero__stat{text-align:center}.portal-hero__stat b{color:var(--glass-violet);font-size:22px;display:block}.portal-hero__stat span{color:var(--glass-muted);font-size:13px}.entry-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:8px 0 60px;display:grid}.entry-card{border-radius:var(--radius-section);background:var(--glass-surface);min-height:220px;box-shadow:var(--glass-shadow);-webkit-backdrop-filter:blur(24px)saturate(145%);backdrop-filter:blur(24px)saturate(145%);color:inherit;text-align:left;cursor:pointer;border:1px solid #ffffffeb;flex-direction:column;gap:14px;padding:28px;transition:transform .2s,border-color .2s,box-shadow .2s;display:flex}.entry-card:hover,.entry-card:focus-visible{border-color:#6f63e857;transform:translateY(-3px);box-shadow:0 30px 80px #4053842e}.entry-card__icon{color:#fff;border-radius:14px;place-items:center;width:50px;height:50px;font-size:24px;display:grid}.entry-card__icon--learn{background:linear-gradient(135deg,#6f63e8,#9b8cf0)}.entry-card__icon--forum{background:linear-gradient(135deg,#38bfe7,#5ad7f5)}.entry-card__title{margin:0;font-size:21px;font-weight:700}.entry-card__desc{color:var(--glass-copy);margin:0}.entry-card__tags{flex-wrap:wrap;gap:8px;margin-top:auto;display:flex}.entry-card__tag{color:var(--glass-violet);background:#6f63e81a;border-radius:999px;padding:4px 12px;font-size:12px;font-weight:600}.entry-card__cta{color:var(--glass-violet);align-items:center;gap:6px;font-size:14px;font-weight:700;display:flex}.section-head{justify-content:space-between;align-items:baseline;margin:48px 0 18px;display:flex}.section-head h2{margin:0;font-size:22px;font-weight:700}.section-head p{color:var(--glass-muted);margin:0;font-size:14px}.board-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;display:grid}.board-card{border-radius:var(--radius-card);background:var(--glass-surface);min-height:168px;box-shadow:var(--glass-shadow);-webkit-backdrop-filter:blur(24px)saturate(145%);backdrop-filter:blur(24px)saturate(145%);color:inherit;text-align:left;cursor:pointer;border:1px solid #ffffffeb;flex-direction:column;gap:12px;padding:22px;transition:transform .2s,border-color .2s,box-shadow .2s;display:flex}.board-card:hover,.board-card:focus-visible{border-color:#38bfe757;transform:translateY(-2px);box-shadow:0 28px 76px #40538429}.board-card__head{align-items:center;gap:10px;display:flex}.board-card__badge{border-radius:999px;padding:3px 10px;font-size:11px;font-weight:700}.board-card__badge--fixed{color:var(--glass-violet);background:#6f63e824}.board-card__badge--custom{color:#1d7fa6;background:#38bfe724}.board-card__title{margin:0;font-size:17px;font-weight:700}.board-card__desc{color:var(--glass-copy);margin:0;font-size:14px}.board-card__meta{color:var(--glass-muted);gap:14px;margin-top:auto;font-size:13px;display:flex}.board-detail{padding:30px 0 80px}.board-detail__back{border:1px solid var(--glass-line);color:var(--glass-copy);cursor:pointer;background:#fff9;border-radius:999px;align-items:center;gap:6px;margin-bottom:18px;padding:7px 14px;font-size:13px;font-weight:600;display:inline-flex}.board-detail__back:hover{color:var(--glass-violet);border-color:#6f63e84d}.board-detail__title{margin:0 0 6px;font-size:26px;font-weight:800}.board-detail__sub{color:var(--glass-muted);margin:0 0 22px}.brand-pills{flex-wrap:wrap;gap:8px;margin-bottom:22px;display:flex}.brand-pill{border:1px solid var(--glass-line);color:var(--glass-copy);cursor:pointer;background:#ffffffb3;border-radius:999px;padding:7px 16px;font-size:13px;font-weight:600;transition:all .18s}.brand-pill.is-active{background:linear-gradient(135deg, var(--glass-violet), var(--glass-cyan));color:#fff;border-color:#0000}.brand-pill__logo{object-fit:contain;vertical-align:middle;filter:brightness(0)saturate();width:20px;height:20px;margin-right:6px;transition:filter .18s}.brand-pill.is-active .brand-pill__logo{filter:brightness(0)invert()}.brand-pill__logo-wrap{background:#ffffffb3;border:2px solid;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;margin-right:8px;padding:4px;transition:all .18s;display:inline-flex}.brand-pill__logo-wrap img{object-fit:contain;max-width:100%;max-height:100%;display:block}.brand-pill:not(.is-active) .brand-pill__logo-wrap img{filter:grayscale()opacity(.6)}.brand-pill.is-active .brand-pill__logo-wrap{background:#fff;box-shadow:0 4px 12px #0000001a}.kind-tabs{border:1px solid var(--glass-line);background:#fff9;border-radius:16px;gap:6px;margin-bottom:22px;padding:6px;display:flex;overflow-x:auto}.kind-tab{min-width:96px;color:var(--glass-copy);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:11px;flex:1;padding:10px 14px;font-size:14px;font-weight:600;transition:all .18s}.kind-tab.is-active{color:var(--glass-violet);background:#fff;box-shadow:0 8px 22px #4053841f}.resource-list{flex-direction:column;gap:12px;display:flex}.resource-item{border:1px solid var(--glass-line);background:#ffffffa8;border-radius:16px;align-items:center;gap:14px;padding:16px 20px;transition:all .18s;display:flex}.resource-item:hover{background:#ffffffd1;border-color:#6f63e847}.resource-item__icon{border-radius:11px;flex-shrink:0;place-items:center;width:40px;height:40px;font-size:18px;display:grid}.resource-item__icon--file{color:var(--glass-violet);background:#6f63e81f}.resource-item__icon--image{color:#e68a00;background:#ff98001f}.resource-item__icon--link{color:#1d7fa6;background:#38bfe71f}.resource-item__icon--video{color:#d65a3a;background:#eb78601f}.resource-item__icon--text{color:#2e8b3f;background:#4caf501f}.resource-item__preview-btn{cursor:pointer;font:inherit;color:inherit;text-align:left;background:0 0;border:none;padding:0;font-weight:600}.resource-item__preview-btn:hover{color:var(--glass-violet);text-decoration:underline}.image-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px;display:grid}.image-card{border:1px solid var(--glass-line);background:#ffffffa8;border-radius:16px;flex-direction:column;transition:all .18s;display:flex;overflow:hidden}.image-card:hover{border-color:#ff98004d;box-shadow:0 12px 32px #4053841f}.image-card__thumb{aspect-ratio:16/10;cursor:pointer;background:#6f63e80f;border:none;width:100%;padding:0;overflow:hidden}.image-card__thumb img{object-fit:cover;width:100%;height:100%;transition:transform .2s;display:block}.image-card__thumb:hover img{transform:scale(1.04)}.image-card__placeholder{width:100%;height:100%;color:var(--glass-muted);place-items:center;font-size:36px;display:grid}.image-card__info{flex-direction:column;flex:1;gap:2px;padding:10px 14px;display:flex}.image-card__title{color:var(--glass-ink);text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:600;overflow:hidden}.image-card__meta{color:var(--glass-muted);font-size:11px}.image-card .icon-btn{align-self:flex-end;margin:0 10px 10px 0}.image-card__actions{flex-wrap:wrap;gap:6px;padding:0 10px 10px;display:flex}.resource-item__body{flex:1;min-width:0}.resource-item__title{margin:0;font-size:15px;font-weight:600}.resource-item__title a{color:inherit;text-decoration:none}.resource-item__title a:hover{color:var(--glass-violet)}.resource-item__meta{color:var(--glass-muted);margin-top:3px;font-size:12px}.resource-item__actions{flex-shrink:0;gap:8px;display:flex}.icon-btn{border:1px solid var(--glass-line);width:36px;height:36px;color:var(--glass-muted);cursor:pointer;background:#ffffffb3;border-radius:10px;place-items:center;transition:all .16s;display:grid}.icon-btn:hover{color:var(--glass-violet);border-color:#6f63e84d}.icon-btn--danger:hover{color:#d65a3a;border-color:#d65a3a4d}.text-post{border:1px solid var(--glass-line);background:#ffffffa8;border-radius:16px;padding:18px 22px}.text-post__head{align-items:center;gap:10px;margin-bottom:8px;display:flex}.text-post__avatar{background:linear-gradient(135deg, var(--glass-violet), var(--glass-cyan));color:#fff;border-radius:50%;place-items:center;width:32px;height:32px;font-size:13px;font-weight:700;display:grid}.text-post__author{font-size:14px;font-weight:600}.text-post__time{color:var(--glass-muted);font-size:12px}.text-post__folder{color:#1d7fa6;background:#38bfe71a;border-radius:999px;padding:2px 8px;font-size:11px;font-weight:600}.text-post__body{color:var(--glass-copy);white-space:pre-wrap;word-break:break-word}.add-bar{border:1px solid var(--glass-line);background:#ffffffb3;border-radius:16px;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:18px;padding:14px;display:flex}.add-bar input,.add-bar textarea{border:1px solid var(--glass-line);font:inherit;color:var(--glass-ink);background:#fffc;border-radius:11px;flex:1;padding:10px 14px}.add-bar input:focus,.add-bar textarea:focus{border-color:var(--glass-violet);outline:none;box-shadow:0 0 0 3px #6f63e829}.add-bar textarea{resize:vertical;min-height:44px}.btn{font:inherit;cursor:pointer;white-space:nowrap;border:none;border-radius:11px;padding:10px 20px;font-weight:600;transition:all .18s}.btn--primary{background:linear-gradient(135deg, var(--glass-violet), #8a7df0);color:#fff}.btn--primary:hover{box-shadow:0 8px 22px #6f63e852}.btn--primary:disabled{opacity:.5;cursor:not-allowed}.btn--ghost{border:1px solid var(--glass-line);color:var(--glass-copy);background:#ffffffb3}.btn--ghost:hover{color:var(--glass-violet);border-color:#6f63e84d}.visitor-bar{color:var(--glass-copy);background:#38bfe714;border:1px solid #38bfe738;border-radius:14px;align-items:center;gap:12px;margin-bottom:22px;padding:12px 18px;font-size:13px;display:flex}.visitor-bar input{border:1px solid var(--glass-line);font:inherit;background:#ffffffd9;border-radius:9px;width:150px;padding:7px 12px}.empty{text-align:center;color:var(--glass-muted);padding:48px 20px}.empty__icon{margin-bottom:10px;font-size:36px}.status-line{text-align:center;color:var(--glass-muted);padding:30px}.glass-dialog-layer{z-index:1000;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#1f2b483d;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.glass-dialog{-webkit-backdrop-filter:blur(28px)saturate(145%);backdrop-filter:blur(28px)saturate(145%);background:#f9fbffeb;border:1px solid #fffffff0;border-radius:26px;flex-direction:column;width:min(640px,100vw - 40px);max-height:min(82vh,760px);display:flex;overflow:hidden;box-shadow:0 34px 100px #2937603d}.glass-dialog__head{border-bottom:1px solid var(--glass-line);justify-content:space-between;align-items:center;padding:18px 24px 12px;display:flex}.glass-dialog__title{margin:0;font-size:18px;font-weight:700}.glass-dialog__body{padding:22px 24px 26px;overflow:auto}.glass-dialog__close{border:1px solid var(--glass-line);min-width:40px;min-height:40px;color:var(--glass-muted);cursor:pointer;background:#ffffffb3;border-radius:11px;place-items:center;display:grid}.glass-dialog__close:hover{color:var(--glass-violet)}.glass-dialog__close:focus-visible{outline-offset:3px;outline:3px solid #38bfe76b}.glass-dialog__field{margin-bottom:16px}.glass-dialog__field label{color:var(--glass-copy);margin-bottom:6px;font-size:13px;font-weight:600;display:block}.glass-dialog__field input,.glass-dialog__field textarea,.glass-dialog__field select{border:1px solid var(--glass-line);width:100%;font:inherit;color:var(--glass-ink);background:#ffffffd9;border-radius:11px;padding:10px 14px}.glass-dialog__field input:focus,.glass-dialog__field textarea:focus,.glass-dialog__field select:focus{border-color:var(--glass-violet);outline:none;box-shadow:0 0 0 3px #6f63e829}.brand-board-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px;margin-bottom:30px;display:grid}.brand-board-card{border-radius:var(--radius-card);background:var(--glass-surface);box-shadow:var(--glass-shadow);-webkit-backdrop-filter:blur(24px)saturate(145%);backdrop-filter:blur(24px)saturate(145%);color:inherit;text-align:left;cursor:pointer;border:1px solid #ffffffeb;flex-direction:column;gap:14px;padding:24px;transition:transform .2s,border-color .2s,box-shadow .2s;display:flex}.brand-board-card:hover,.brand-board-card:focus-visible{border-color:#38bfe757;transform:translateY(-3px);box-shadow:0 30px 80px #4053842e}.brand-board-card__icon{color:#fff;border-radius:14px;place-items:center;width:48px;height:48px;font-size:22px;display:grid;box-shadow:0 6px 18px #00000026}.brand-board-card__logo{background:#fff9;border:2px solid;border-radius:14px;justify-content:center;align-items:center;width:100%;min-height:64px;max-height:90px;padding:14px 20px;display:flex;box-shadow:0 4px 14px #0000000f}.brand-board-card__logo img{object-fit:contain;width:auto;max-width:100%;height:auto;max-height:56px;display:block}.brand-board-card__body{flex:1}.brand-board-card__title{margin:0 0 4px;font-size:18px;font-weight:700}.brand-board-card__desc{color:var(--glass-copy);margin:0;font-size:13px;line-height:1.5}.brand-board-card__meta{color:var(--glass-muted);gap:8px;font-size:16px;display:flex}.action-btn{border:1px solid var(--glass-line);color:var(--glass-copy);font:inherit;cursor:pointer;white-space:nowrap;background:#fffc;border-radius:9px;align-items:center;gap:4px;padding:7px 14px;font-size:13px;font-weight:600;text-decoration:none;transition:all .16s;display:inline-flex}.action-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #00000014}.action-btn--preview{color:var(--glass-violet);background:#6f63e81a;border-color:#6f63e83d}.action-btn--preview:hover{background:#6f63e82e;border-color:#6f63e866}.action-btn--download{color:#1d7fa6;background:#38bfe71a;border-color:#38bfe73d}.action-btn--download:hover{background:#38bfe72e;border-color:#38bfe766}.action-btn--delete{color:#c0492f;background:#d65a3a14;border-color:#d65a3a33}.action-btn--delete:hover{background:#d65a3a29;border-color:#d65a3a66}.folder-toolbar{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:18px;display:flex}.folder-toolbar__actions{flex-wrap:wrap;align-items:center;gap:8px;margin-left:auto;display:flex}.folder-bar{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.folder-pill{border:1px solid var(--glass-line);color:var(--glass-copy);cursor:pointer;background:#ffffffb3;border-radius:999px;align-items:center;gap:4px;padding:7px 14px;font-size:13px;font-weight:600;transition:all .18s;display:inline-flex}.folder-pill:hover{color:var(--glass-violet);border-color:#6f63e84d}.folder-pill.is-active{background:linear-gradient(135deg, var(--glass-violet), var(--glass-cyan));color:#fff;border-color:#0000}.resource-item__folder{color:#1d7fa6;font-weight:600}.resource-item__checkbox{cursor:pointer;width:20px;height:20px;accent-color:var(--glass-violet);flex-shrink:0}.resource-item.is-selected{border-color:var(--glass-violet);background:#6f63e80f}.preview-loading{color:var(--glass-muted);flex-direction:column;align-items:center;gap:16px;padding:60px 20px;display:flex}.preview-loading__spinner{border:3px solid var(--glass-line);border-top-color:var(--glass-violet);border-radius:50%;width:36px;height:36px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.preview-fallback{text-align:center;padding:40px 20px}.preview-fallback p{color:var(--glass-muted);margin:0 0 16px;font-size:15px}.glass-dialog--wide{width:min(960px,100vw - 40px)}.glass-dialog--fullscreen{border-radius:20px;width:calc(100vw - 32px);max-width:1600px;height:calc(100vh - 32px);max-height:calc(100vh - 32px)}.glass-dialog--fullscreen .glass-dialog__body{flex-direction:column;flex:1;padding:16px 20px 20px;display:flex;overflow:auto}.glass-dialog--fullscreen .preview-media{flex:1;min-height:0}.glass-dialog--fullscreen .preview-loading{flex:1}@media (width<=760px){.entry-grid,.brand-board-grid{grid-template-columns:1fr}.portal-nav__link{padding:8px 11px;font-size:13px}.portal-hero{text-align:center}.add-bar{flex-direction:column;align-items:stretch}.add-bar input,.add-bar textarea{width:100%}.resource-item{flex-direction:column;align-items:flex-start;gap:10px}.resource-item__actions{width:100%}}@media (prefers-reduced-motion:reduce){*{transition:none!important}}