:root{--bg:#0b0d12;--panel:#11151d;--panel2:#171d27;--line:#29313d;--text:#f4f0e8;--muted:#8c96a3;--gold:#d7ad63;--gold2:#f1c879;--red:#e25e4d;--green:#4cd5a1;--shadow:0 20px 60px rgba(0,0,0,.34)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:"Noto Sans SC","Microsoft YaHei",sans-serif;font-size:14px;line-height:1.6}body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.34;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:36px 36px}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer;border:0}.site-shell{min-height:100vh;display:flex;flex-direction:column}.topbar{height:76px;background:rgba(11,13,18,.94);border-bottom:1px solid rgba(215,173,99,.24);display:flex;align-items:center;padding:0 clamp(18px,5vw,72px);gap:42px;position:sticky;top:0;z-index:20}.brand{display:flex;align-items:center;gap:10px;min-width:160px}.brand b{font-size:21px;letter-spacing:.1em;color:var(--gold2)}.brand small,.footer-brand small{display:block;font-size:8px;letter-spacing:.2em;color:#727d8a;font-weight:700}.brand-mark{width:34px;height:34px;display:grid;place-items:center;color:var(--gold)}.brand-mark svg{width:100%;height:100%}.brand-mark.small{width:26px;height:26px}.main-nav{display:flex;align-items:center;gap:24px;flex:1}.nav-link{font-size:13px;color:#8b95a0;padding:27px 0 23px;border-bottom:2px solid transparent;transition:.2s}.nav-link:hover,.nav-link.is-active{color:var(--gold2);border-color:var(--gold)}.top-actions{display:flex;align-items:center;gap:15px}.icon-btn,.text-btn{background:transparent;color:var(--text);padding:7px 4px}.icon-btn{font-size:23px;line-height:1}.text-btn{color:#aab2ba}.primary-btn,.outline-btn{height:43px;padding:0 19px;border-radius:3px;display:inline-flex;align-items:center;justify-content:center;gap:9px;font-weight:700;font-size:13px;transition:.2s}.primary-btn{background:var(--gold);color:#19140c;box-shadow:0 8px 20px rgba(215,173,99,.12)}.primary-btn:hover{background:var(--gold2);transform:translateY(-1px)}.primary-btn span,.outline-btn span{font-size:18px;line-height:0}.primary-btn.compact{height:36px;padding:0 14px;font-size:12px}.outline-btn{background:transparent;border:1px solid var(--gold);color:var(--gold2)}.outline-btn:hover{background:var(--gold);color:#19140c}.outline-btn.full,.primary-btn.full{width:100%}.avatar-btn{width:34px;height:34px;border-radius:50%;background:var(--gold);font-weight:800;color:#19140c}.hidden{display:none!important}.view{max-width:1280px;width:100%;margin:0 auto;padding:0 clamp(18px,5vw,72px) 78px;flex:1}.hero-wrap{display:grid;grid-template-columns:1fr 1.03fr;gap:62px;align-items:center;padding:72px 0 64px;min-height:570px}.eyebrow,.section-label{font-size:10px;letter-spacing:.2em;font-weight:800;color:var(--gold)}.eyebrow{display:flex;align-items:center;gap:8px}.pulse-dot,.status-dot{width:7px;height:7px;border-radius:50%;background:var(--green);display:inline-block;box-shadow:0 0 0 5px rgba(76,213,161,.1)}.hero-copy h1{font-size:clamp(43px,5.2vw,74px);letter-spacing:-.035em;line-height:1.12;margin:20px 0 20px;font-weight:800}.hero-copy h1 em{font-style:normal;color:var(--gold2)}.hero-copy p{color:#99a4b0;max-width:520px;font-size:15px;line-height:1.9;margin-bottom:28px}.hero-actions{display:flex;align-items:center;gap:24px}.ghost-link,.text-link{font-weight:600;font-size:13px;color:#c2a875}.ghost-link span,.text-link span{font-size:18px;margin-left:5px}.social-proof{display:flex;align-items:center;gap:13px;margin-top:38px;color:#7f8994;font-size:11px}.social-proof b{color:var(--gold2)}.avatar-stack{display:flex}.avatar-stack span{width:26px;height:26px;border-radius:50%;background:#263343;border:2px solid var(--bg);display:grid;place-items:center;font-size:8px;margin-left:-5px;color:var(--gold2)}.avatar-stack span:first-child{margin-left:0;background:#4c3428}.avatar-stack span:nth-child(2){background:#273b52}.avatar-stack span:nth-child(3){background:#3c3448}.avatar-stack span:nth-child(4){background:#30473d}.hero-visual{height:440px;position:relative}.visual-grid{position:absolute;inset:16px 0 0 45px;background-image:linear-gradient(rgba(215,173,99,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(215,173,99,.08) 1px,transparent 1px);background-size:27px 27px;mask-image:linear-gradient(90deg,transparent,black 18%,black 82%,transparent)}.floating-card{background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow);position:absolute}.card-main{width:316px;height:365px;right:16%;top:23px;padding:21px;transform:rotate(2.5deg);z-index:2}.card-top,.card-meta{display:flex;align-items:center;justify-content:space-between}.card-kicker,.note-label{font-size:9px;letter-spacing:.16em;color:#838d99;font-weight:700}.card-arrow{font-size:19px;color:var(--gold)}.card-graphic{height:168px;margin:18px 0 17px;background:#182733;border:1px solid #304c50;display:grid;place-items:center;position:relative;overflow:hidden}.graphic-ring{position:absolute;border:1px solid rgba(215,173,99,.44);border-radius:50%}.ring-one{width:132px;height:132px}.ring-two{width:87px;height:87px;border-color:var(--red)}.graphic-core{min-width:56px;height:42px;padding:0 12px;border-radius:2px;background:var(--gold);color:#15100a;display:grid;place-items:center;font-size:18px;font-weight:800;z-index:1}.card-title{font-size:25px;line-height:1.3;font-weight:800}.card-title span{color:#8d99a4}.card-meta{font-size:10px;color:#85909b;margin-top:17px}.card-meta strong{font-size:16px;color:var(--gold2)}.card-small{padding:16px;width:157px}.card-note{left:5%;bottom:43px;transform:rotate(-4deg);background:#201c18;border-color:#5f4a30}.card-note strong{display:block;font-size:17px;line-height:1.45;margin:12px 0 15px;color:#eee2cf}.note-author{font-size:9px;color:#a89476}.card-stat{right:0;bottom:8px;transform:rotate(4deg);background:#171d26}.stat-value{font-size:25px;font-weight:800;color:var(--gold2);display:block}.stat-label{font-size:10px;color:#8b96a2}.mini-chart{height:35px;display:flex;align-items:end;gap:4px;margin-top:12px}.mini-chart i{display:block;width:12px;background:#586373;height:35%;opacity:.72}.mini-chart i:nth-child(2){height:50%}.mini-chart i:nth-child(3){height:42%}.mini-chart i:nth-child(4){height:70%;background:var(--red)}.mini-chart i:nth-child(5){height:58%}.mini-chart i:nth-child(6){height:88%}.mini-chart i:nth-child(7){height:100%;background:var(--gold)}.section-head{display:flex;align-items:end;justify-content:space-between;margin:6px 0 23px}.section-head h2,.join-banner h2{font-size:27px;margin:8px 0 0;letter-spacing:-.02em}.content-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.content-card{background:var(--panel);border:1px solid var(--line);min-height:300px;display:flex;flex-direction:column;transition:.22s;cursor:pointer}.content-card:hover{border-color:rgba(215,173,99,.66);box-shadow:0 14px 40px rgba(0,0,0,.28);transform:translateY(-3px)}.content-cover{height:174px;position:relative;overflow:hidden;padding:16px;border-bottom:1px solid var(--line)}.cover-design{background:#1d2c31}.cover-lua{background:#16212d;color:white}.cover-material{background:#33251f}.cover-ui{background:#292438}.cover-business{background:#332c1e}.cover-inspire{background:#1c2d36}.cover-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(215,173,99,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(215,173,99,.12) 1px,transparent 1px);background-size:22px 22px}.cover-text{position:absolute;bottom:14px;left:16px;font-size:29px;font-weight:800;line-height:1.15;color:var(--gold2)}.cover-lua .cover-text{color:#67d6ac}.cover-ui .cover-text{color:#b8a3e8}.cover-note{position:absolute;top:15px;right:15px;font-size:9px;letter-spacing:.15em;font-weight:700;opacity:.6;color:#d2b77d}.content-body{padding:17px 17px 15px;display:flex;flex-direction:column;flex:1}.content-tags{display:flex;gap:6px;margin-bottom:10px}.content-tag{font-size:9px;padding:3px 7px;background:#1b2530;color:#aeb7c0;border:1px solid #2c3743}.content-body h3{font-size:17px;line-height:1.45;margin:0 0 8px}.content-body p{font-size:12px;color:#87939e;margin:0 0 14px;line-height:1.65}.content-meta{display:flex;justify-content:space-between;align-items:center;font-size:10px;color:#8d98a3;margin-top:auto}.content-meta .locked{color:var(--red)}.join-banner{margin-top:70px;padding:39px 45px;background:#17140f;border:1px solid #5b482a;color:#fff;display:flex;align-items:center;justify-content:space-between;gap:30px}.join-banner h2{font-size:29px}.join-banner p{color:#a8a19a;margin:7px 0 0}.join-banner .section-label{color:var(--gold)}.join-banner .outline-btn{border-color:var(--gold);color:var(--gold2);white-space:nowrap}.page-intro{display:flex;justify-content:space-between;align-items:end;padding:68px 0 28px;border-bottom:1px solid var(--line)}.page-intro h1{font-size:50px;margin:12px 0 4px}.page-intro p{color:var(--muted);margin:0}.center-intro{display:block;text-align:center;border:0;padding-bottom:42px}.filter-btn{background:var(--panel);border:1px solid var(--line);height:38px;padding:0 15px;color:var(--text);display:flex;gap:10px;align-items:center}.filter-row{display:flex;gap:8px;padding:20px 0}.chip{padding:7px 14px;border:1px solid transparent;background:transparent;color:#86919d;border-radius:2px}.chip.is-selected,.chip:hover{background:var(--gold);color:#18130b}.library-grid{grid-template-columns:repeat(3,1fr)}.plans{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;max-width:1000px;margin:0 auto}.plan{background:var(--panel);border:1px solid var(--line);padding:29px 25px;position:relative}.featured-plan{border:1px solid var(--gold);box-shadow:var(--shadow);transform:translateY(-7px)}.plan-tag{font-size:9px;letter-spacing:.16em;font-weight:800;color:#89949f}.plan-tag.accent{color:var(--gold)}.plan h3{font-size:22px;margin:19px 0 12px}.plan-price{font-size:34px;font-weight:800;color:var(--gold2)}.plan-price small{font-size:12px;font-weight:500;color:#8b98a1}.plan p{color:#7e8995;font-size:12px;min-height:42px}.plan ul{list-style:none;padding:0;margin:22px 0 25px;border-top:1px solid var(--line)}.plan li{padding:9px 0;border-bottom:1px solid var(--line);font-size:12px;color:#a0aab3}.plan li::before{content:"✓";color:var(--green);font-weight:800;margin-right:8px}.footer{margin-top:auto;padding:28px clamp(18px,5vw,72px);border-top:1px solid var(--line);display:flex;align-items:center;gap:50px;color:#7d8894}.footer-brand{display:flex;align-items:center;gap:9px;color:var(--gold)}.footer-brand b{font-size:17px}.footer-links{display:flex;gap:20px;font-size:11px}.footer-links a:hover{color:var(--gold2)}.copyright{font-size:10px;margin-left:auto}.modal{position:fixed;inset:0;z-index:60;display:grid;place-items:center}.modal-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.74);backdrop-filter:blur(4px)}.modal-card{position:relative;background:var(--panel);border:1px solid var(--line);width:min(420px,calc(100% - 36px));padding:36px;z-index:1;box-shadow:0 28px 90px rgba(0,0,0,.45)}.modal-close{position:absolute;right:15px;top:10px;background:transparent;font-size:25px;color:#7f8a95}.modal-brand{text-align:center;margin-bottom:16px}.modal-brand .brand-mark{margin:0 auto}.auth-tabs{display:flex;border-bottom:1px solid var(--line);margin-bottom:22px}.auth-tab{flex:1;background:transparent;padding:10px;color:#89949e;border-bottom:2px solid transparent}.auth-tab.is-active{color:var(--gold2);border-color:var(--gold);font-weight:700}.modal-card label{display:block;font-size:11px;color:#97a2ac;margin-bottom:15px}.modal-card input{display:block;width:100%;height:43px;border:1px solid var(--line);background:#0c1015;color:var(--text);padding:0 12px;margin-top:6px;outline:none}.modal-card input:focus{border-color:var(--gold)}.form-note{font-size:10px;color:#818d98;text-align:center;margin:15px 0 0}.detail-card{width:min(530px,calc(100% - 36px));padding:0 30px 28px}.detail-cover{height:180px;margin:0 -30px 23px}.detail-card h2{font-size:27px;margin:10px 0}.detail-card>p{color:#89949f;font-size:13px;line-height:1.8}.detail-foot{display:flex;align-items:center;justify-content:space-between;margin-top:25px;font-size:11px;color:#929da6}.toast{position:fixed;left:50%;bottom:28px;transform:translate(-50%,20px);background:var(--gold);color:#1a140b;padding:10px 18px;font-size:12px;font-weight:700;opacity:0;pointer-events:none;transition:.25s;z-index:100}.toast.show{opacity:1;transform:translate(-50%,0)}.admin-layout{display:grid;grid-template-columns:220px 1fr;min-height:700px;margin:0 -72px}.admin-side{background:#0a0d12;color:#fff;padding:28px 20px;display:flex;flex-direction:column;border-right:1px solid var(--line)}.admin-title{display:flex;align-items:center;gap:9px;font-size:17px;font-weight:700;margin:0 10px 48px;color:var(--gold)}.admin-title small{display:block;font-size:8px;color:#84909c;letter-spacing:.15em}.admin-side nav{display:grid;gap:7px}.side-link{background:transparent;color:#9aa4ae;text-align:left;padding:12px 12px;display:flex;justify-content:space-between;font-size:12px}.side-link:hover,.side-link.is-current{background:#1b2028;color:var(--gold2)}.side-link.is-current{border-left:2px solid var(--gold)}.back-site{font-size:11px;color:#8b98a4;margin:auto 12px 10px}.admin-content{padding:44px 54px;background:#0e1117}.admin-top{display:flex;justify-content:space-between;align-items:end;border-bottom:1px solid var(--line);padding-bottom:22px;margin-bottom:28px}.admin-top h1{font-size:32px;margin:7px 0 0}.admin-user{font-size:11px;color:#82909b;display:flex;align-items:center;gap:8px}.admin-user button{background:transparent;color:#d97867;font-size:11px;margin-left:12px}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:30px}.stat-box{background:var(--panel);border:1px solid var(--line);padding:18px}.stat-box span{font-size:10px;color:#8b98a3}.stat-box strong{display:block;font-size:28px;margin:6px 0;color:var(--gold2)}.stat-box small{font-size:10px;color:var(--green)}.admin-table{background:var(--panel);border:1px solid var(--line);width:100%;border-collapse:collapse;font-size:11px}.admin-table th,.admin-table td{text-align:left;padding:13px 15px;border-bottom:1px solid var(--line)}.admin-table th{color:#87939e;font-weight:500;background:#151a22}.admin-table td{color:#bac1c8}.admin-table .badge{font-size:10px;padding:3px 7px;background:#18372d;color:var(--green)}.admin-table .muted-badge{background:#242b34;color:#9aa4ad}.admin-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.admin-toolbar h3{font-size:16px;margin:0}.admin-action{height:34px;padding:0 13px;background:var(--gold);color:#19140c;font-size:11px;font-weight:700}.empty-state{background:var(--panel);border:1px dashed var(--line);padding:48px;text-align:center;color:#89949f;font-size:12px}
@media(max-width:900px){.topbar{gap:18px;padding:0 18px}.main-nav{gap:15px}.hero-wrap{grid-template-columns:1fr;gap:10px;padding-top:55px}.hero-visual{height:390px}.card-main{right:17%}.content-grid,.plans{grid-template-columns:repeat(2,1fr)}.admin-layout{margin:0 -18px;grid-template-columns:180px 1fr}.admin-content{padding:32px 24px}.stat-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.topbar{height:68px}.main-nav{display:none}.top-actions{margin-left:auto;gap:9px}.icon-btn{display:none}.primary-btn.compact{padding:0 10px}.hero-copy h1{font-size:44px}.hero-copy p{font-size:14px}.hero-visual{height:350px;margin:0 -14px}.card-main{width:250px;height:305px;right:12%;padding:16px}.card-graphic{height:125px}.card-title{font-size:21px}.card-small{width:125px;padding:12px}.card-note{left:0;bottom:34px}.card-stat{right:0;bottom:0}.section-head h2,.join-banner h2{font-size:23px}.content-grid,.library-grid,.plans{grid-template-columns:1fr}.join-banner{display:block;padding:30px 25px}.join-banner .outline-btn{margin-top:20px}.page-intro{padding-top:48px}.page-intro h1{font-size:38px}.footer{display:block}.footer-links{margin:20px 0}.copyright{display:block}.admin-layout{display:block;margin:0 -18px}.admin-side{min-height:auto;padding:18px}.admin-title{margin-bottom:18px}.admin-side nav{display:flex;overflow:auto}.side-link{white-space:nowrap}.back-site{display:none}.admin-content{padding:28px 18px}.admin-top{align-items:start;gap:15px}.admin-user{white-space:nowrap}.stat-grid{gap:8px}.stat-box strong{font-size:22px}.admin-table{font-size:10px;display:block;overflow:auto;white-space:nowrap}.modal-card{padding:30px 24px}}