@import "https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@400;500;600;700;800&display=swap";@media (width>=901px){.hero>.hero-copy{min-width:0;padding:66px 48px 30px clamp(48px,50vw - 660px,60px)}.hero>.hero-art{min-width:0}}:root{color:#0b1930;font-synthesis:none;--blue:#0867f2;--ink:#0b1930;--muted:#66748b;--line:#e5eaf2;--soft:#f6f9fd;--coral:#ff6b45;background:#fff;font-family:Noto Sans SC,system-ui,sans-serif}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button{cursor:pointer}header{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:20;background:#ffffffeb;border-bottom:1px solid #e5eaf2cc;height:76px;position:sticky;top:0}.header-inner{justify-content:space-between;align-items:center;max-width:1320px;height:100%;margin:auto;padding:0 28px;display:flex}.brand{color:var(--ink);background:0 0;border:0;align-items:center;gap:10px;font-size:18px;display:flex}.mark{width:30px;height:28px;position:relative}.mark i{background:var(--blue);border-radius:9px;width:10px;height:24px;position:absolute;top:2px;left:5px;transform:rotate(34deg)}.mark i:nth-child(2){left:15px;transform:rotate(-34deg)}.mark i:nth-child(3){border:3px solid #fff;width:11px;height:11px;top:14px;left:9px}header nav{gap:38px;height:100%;display:flex}header nav button{color:#25334b;background:0 0;border:0;padding:0 2px;font-size:15px;position:relative}header nav button.active{color:var(--blue);font-weight:600}header nav button.active:after{content:"";background:var(--blue);height:2px;position:absolute;bottom:0;left:0;right:0}.header-actions{gap:10px;display:flex}.primary,.outline,.ghost{border:0;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-weight:600;display:inline-flex}.primary{background:var(--blue);color:#fff;box-shadow:0 7px 18px #0867f233}.primary:hover{background:#0059dc}.outline{color:var(--ink);background:#fff;border:1px solid #b9c5d8}.ghost{color:var(--ink);background:#f4f6f9}.large{min-height:48px;padding:12px 25px}.large svg{width:17px}.hero{grid-template-columns:47% 53%;align-items:center;max-width:1440px;min-height:610px;margin:auto;display:grid;position:relative;overflow:hidden}.hero-copy{z-index:1;padding:66px 0 30px max(48px,50vw - 660px)}.hero h1{letter-spacing:-4px;margin:0 0 22px;font-size:clamp(48px,5vw,72px);line-height:1.08}.hero h1 em{color:var(--blue);font-style:normal}.hero-copy>p{color:var(--muted);max-width:620px;font-size:19px;line-height:1.8}.hero-actions{gap:14px;margin:30px 0 48px;display:flex}.promise{grid-template-columns:repeat(4,1fr);gap:16px;max-width:640px;display:grid}.promise span{color:#47556a;border-left:1px solid var(--line);padding-left:17px;font-size:13px;line-height:1.55}.promise svg{color:var(--blue);width:23px;margin-bottom:9px;display:block}.hero-art{height:100%;min-height:610px;overflow:hidden}.hero-art img{object-fit:cover;object-position:57% center;width:100%;height:100%}.section{max-width:1320px;margin:0 auto;padding:74px 28px}.section.soft{background:var(--soft);max-width:none;padding-left:max(28px,50vw - 632px);padding-right:max(28px,50vw - 632px)}.section-head{justify-content:space-between;align-items:flex-end;margin-bottom:30px;display:flex}.section-head h2,.page-title h1{margin:0 0 7px;font-size:30px}.section-head p,.page-title p{color:var(--muted);margin:0}.text-action{color:var(--blue);background:0 0;border:0;align-items:center;gap:7px;font-weight:600;display:flex}.text-action svg{width:16px}.course-grid{grid-template-columns:repeat(4,1fr);gap:22px;display:grid}.course{border:1px solid var(--line);background:#fff;border-radius:16px;transition:all .25s;overflow:hidden}.course:hover{transform:translateY(-4px);box-shadow:0 16px 38px #1b375d1a}.course>img{object-fit:cover;width:100%;height:168px}.course-body{padding:17px}.tags{gap:7px;display:flex}.tags span,.feed-tags span{color:var(--blue);background:#eef5ff;border-radius:6px;padding:4px 7px;font-size:12px}.course h3{margin:11px 0 7px;font-size:17px}.course p{color:var(--muted);height:40px;margin:0;font-size:13px;overflow:hidden}.course footer{color:#78869b;justify-content:space-between;align-items:center;margin-top:15px;font-size:12px;display:flex}.course footer span{align-items:center;gap:4px;display:flex}.course footer svg{width:14px}.course footer b{color:var(--coral);font-size:15px}.community-preview{grid-template-columns:1.05fr 1.7fr .52fr;gap:28px;display:grid}.hot-list,.post-list{border:1px solid var(--line);background:#fff;border-radius:16px;padding:20px}.hot-list h3{margin:0 0 10px}.hot-list>div{border-bottom:1px solid var(--line);grid-template-columns:28px 1fr auto;align-items:center;gap:8px;padding:13px 0;display:grid}.hot-list b{color:#9aa5b5}.hot-list>div:first-of-type b,.hot-list>div:nth-of-type(2) b,.hot-list>div:nth-of-type(3) b{color:var(--coral)}.hot-list small{color:#8995a7}.post-list article{border-bottom:1px solid var(--line);gap:13px;padding:14px 0;display:flex}.post-list article:last-child{border:0}.avatar{color:#fff;background:linear-gradient(135deg,#0b6bff,#7ab4ff);border-radius:50%;flex:0 0 34px;place-items:center;width:34px;height:34px;display:grid}.post-list span,.post-list small{color:#8390a3;font-size:12px}.post-list h3{margin:3px 0;font-size:15px}.post-list p{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;max-width:530px;margin:0;font-size:12px;overflow:hidden}.post-list small{align-items:center;gap:5px;margin-top:6px;display:flex}.post-list svg{width:13px}.topic-art{gap:12px;display:grid}.topic-art div{color:#fff;background:linear-gradient(135deg,#0e70fc,#052550);border-radius:13px;flex-direction:column;justify-content:end;min-height:80px;padding:14px;display:flex}.topic-art div:nth-child(2){background:linear-gradient(135deg,#121a36,#5475b4)}.topic-art div:nth-child(3){background:linear-gradient(135deg,#ee7d42,#242c3a)}.topic-art span{font-size:12px}.work-grid{grid-template-columns:repeat(6,1fr);gap:12px;display:grid}.work-grid article{min-width:0}.work-grid img{aspect-ratio:1/1.05;object-fit:cover;border-radius:14px;width:100%}.work-grid article:nth-child(2) img,.work-grid article:nth-child(5) img{aspect-ratio:1/1.23}.work-grid article div{justify-content:space-between;padding:7px 3px;font-size:13px;display:flex}.work-grid article span{color:#7e8998;align-items:center;gap:3px;display:flex}.work-grid svg{width:14px}.product-grid{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.product-grid article{border:1px solid var(--line);border-radius:14px;grid-template-columns:48px 1fr 18px;align-items:center;gap:14px;padding:18px;display:grid}.product-grid h3{margin:0;font-size:15px}.product-grid p{color:var(--muted);margin:4px 0 8px;font-size:12px}.product-grid b{color:var(--coral)}.product-grid>article>svg{color:#9aa6b8;width:17px}.product-icon{color:#7b4cff;background:#efeaff;border-radius:12px;place-items:center;height:48px;display:grid}.product-icon.i1{color:#1671f4;background:#e8f3ff}.product-icon.i2{color:#fa6f35;background:#fff0e9}.product-icon.i3{color:#1468dc;background:#e9f5ff}.join{text-align:center;background:radial-gradient(circle at 10% 100%,#dceaff 0,#0000 28%),radial-gradient(circle at 90% 100%,#ffe8dc 0,#0000 24%),#f8fbff;border-radius:28px;max-width:1320px;margin:15px auto 65px;padding:70px 30px}.join h2{margin:0;font-size:28px}.join p{color:var(--muted)}.join>div{justify-content:center;gap:12px;margin-top:25px;display:flex}.page{max-width:1320px;min-height:720px;margin:auto;padding:64px 28px 100px}.page-title{justify-content:space-between;align-items:center;margin-bottom:36px;display:flex}.page-title h1{letter-spacing:-2px;font-size:46px}.filters{flex-wrap:wrap;gap:9px;margin-bottom:30px;display:flex}.filters button{color:#536177;background:#f2f5f9;border:0;border-radius:999px;padding:9px 16px}.filters button.active{background:var(--blue);color:#fff}.feed{max-width:900px}.feed article{border-bottom:1px solid var(--line);grid-template-columns:48px 1fr;gap:16px;padding:26px 0;display:grid}.avatar.big{width:48px;height:48px}.meta{align-items:center;gap:10px;display:flex}.meta span{color:var(--muted);font-size:12px}.feed h2{margin:8px 0;font-size:21px}.feed p{color:var(--muted);line-height:1.8}.feed-tags{gap:7px;display:flex}.feed footer{color:#7b879a;gap:22px;margin-top:14px;font-size:13px;display:flex}.feed footer span{align-items:center;gap:4px;display:flex}.feed footer svg{width:15px}.gallery-grid{columns:4 240px;column-gap:18px}.gallery-grid article{break-inside:avoid;border:1px solid var(--line);border-radius:16px;margin-bottom:18px;overflow:hidden}.gallery-grid img{aspect-ratio:1.2;object-fit:cover;width:100%;display:block}.gallery-grid article:nth-child(3n) img{aspect-ratio:.9}.gallery-grid article>div{padding:16px}.gallery-grid article>div>span{color:var(--blue);font-size:12px}.gallery-grid h2{margin:6px 0;font-size:18px}.gallery-grid p{color:var(--muted);font-size:13px}.gallery-grid footer{justify-content:space-between;font-size:13px;display:flex}.gallery-grid footer span{color:#78869b;align-items:center;gap:4px;display:flex}.gallery-grid footer svg{width:15px}.market-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.market-grid article{border:1px solid var(--line);border-radius:18px;overflow:hidden}.market-cover{color:#075ed9;background:linear-gradient(135deg,#edf5ff,#d8e8ff);justify-content:center;align-items:center;gap:12px;height:150px;font-size:20px;font-weight:700;display:flex}.market-cover svg{width:44px;height:44px}.market-cover.c1{color:#6345dd;background:linear-gradient(135deg,#edf0ff,#e1ddff)}.market-cover.c2{color:#f36b35;background:linear-gradient(135deg,#fff4ee,#ffe2d4)}.market-grid article>div:last-child{padding:22px}.market-grid small{color:var(--muted)}.market-grid h2{margin:7px 0}.market-grid p{color:var(--muted);min-height:50px}.price{margin:17px 0}.price b{color:var(--coral);font-size:22px}.price span{color:#8994a5;font-size:12px}.site-footer{border-top:1px solid var(--line);color:#7d8999;align-items:center;gap:22px;min-height:110px;padding:30px max(28px,50vw - 632px);font-size:12px;display:flex}.site-footer nav{margin-left:auto}.mobile-nav{display:none}.modal-backdrop{z-index:50;background:#0712257a;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{background:#fff;border-radius:22px;width:min(480px,100%);max-height:90vh;padding:36px;position:relative;overflow:auto;box-shadow:0 30px 80px #00000040}.modal-close{background:#f0f3f7;border:0;border-radius:50%;place-items:center;width:34px;height:34px;display:grid;position:absolute;top:18px;right:18px}.modal-close svg{width:17px}.auth>.brand{margin:auto}.auth h2,.publish h2{text-align:center;margin:30px 0 5px}.auth>p{text-align:center;color:var(--muted);margin:0 0 25px}.modal form{gap:16px;display:grid}.modal label{gap:7px;font-size:13px;font-weight:600;display:grid}.modal input,.modal textarea,.modal select{border:1px solid #ced6e2;border-radius:10px;outline:none;width:100%;padding:11px 13px}.modal input:focus,.modal textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px #0867f21a}.switch{color:var(--blue);background:0 0;border:0;margin:18px auto 0;display:block}.toast{color:#fff;z-index:80;background:#0b1930;border-radius:10px;padding:12px 20px;position:fixed;bottom:32px;left:50%;transform:translate(-50%);box-shadow:0 12px 30px #0003}.loading{justify-content:center;align-items:center;gap:8px;min-height:400px;display:flex}.loading span{background:var(--blue);border-radius:50%;width:9px;height:9px;animation:.8s infinite alternate pulse}.loading span:nth-child(2){animation-delay:.2s}.loading span:nth-child(3){animation-delay:.4s}@keyframes pulse{to{opacity:.25;transform:translateY(-7px)}}.empty{text-align:center;background:var(--soft);color:var(--muted);border-radius:18px;padding:70px}@media (width<=900px){header{height:64px}header nav,.header-actions .ghost{display:none}.header-actions .primary{padding:9px 13px}.hero{min-height:0;display:block}.hero-copy{padding:50px 22px 20px}.hero h1{letter-spacing:-3px;font-size:46px}.hero-copy>p{font-size:16px}.hero-art{height:340px;min-height:0}.hero-art img{object-position:66% center}.promise{grid-template-columns:repeat(2,1fr)}.section{padding:55px 20px}.section-head{align-items:flex-start}.section-head p{max-width:270px;font-size:13px}.text-action{font-size:0}.text-action svg{width:20px}.course-grid{scroll-snap-type:x mandatory;padding-bottom:15px;display:flex;overflow:auto}.course{scroll-snap-align:start;min-width:280px}.community-preview{display:block}.hot-list{margin-bottom:14px}.post-list p{max-width:68vw}.topic-art{display:none}.work-grid{grid-template-columns:repeat(2,1fr)}.product-grid{grid-template-columns:1fr}.join{margin:10px 16px 90px;padding:48px 20px}.join h2{font-size:23px}.page{padding:42px 18px 100px}.page-title h1{font-size:38px}.gallery-grid{columns:2 150px}.market-grid{grid-template-columns:1fr}.site-footer{padding:30px 20px 100px;display:grid}.site-footer nav{margin:0}.mobile-nav{z-index:30;border:1px solid var(--line);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#fffffff2;border-radius:20px;grid-template-columns:repeat(5,1fr);height:68px;padding:7px;display:grid;position:fixed;bottom:12px;left:12px;right:12px;box-shadow:0 10px 35px #142a4c2e}.mobile-nav button{color:#657287;background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;gap:2px;font-size:10px;display:flex}.mobile-nav button.active{color:var(--blue);font-weight:700}.mobile-nav svg{width:21px}.modal{padding:30px 22px}}@media (width<=520px){.brand{font-size:15px}.hero h1{font-size:42px}.hero-actions{flex-direction:column;align-items:stretch}.hero-art{height:260px}.section-head h2{font-size:24px}.work-grid{gap:9px}.work-grid article:nth-child(n+5){display:none}.join>div{flex-direction:column}.gallery-grid{columns:1}.site-footer>.brand{font-size:16px}}