.inner-page{min-height:100vh;padding-top:112px;background:linear-gradient(180deg,#050711 0%,#071124 42%,#050913 100%)}
.inner-site-header{position:fixed;z-index:30;top:0;left:50%;display:flex;width:min(1440px,calc(100% - 52px));height:82px;align-items:center;justify-content:space-between;transform:translateX(-50%)}
.inner-site-header::before{position:absolute;z-index:-1;inset:8px -12px;border:1px solid rgba(150,165,221,.22);border-radius:21px;background:rgba(4,8,21,.72);box-shadow:0 16px 55px rgba(0,0,0,.24);content:"";backdrop-filter:blur(18px)}
.inner-site-header .desktop-nav{display:flex}
.inner-site-header .desktop-nav a.is-current{color:#fff0c4;text-shadow:0 0 17px rgba(246,211,137,.45)}
.inner-site-header .desktop-nav a.is-current::after{transform:scaleX(1)}
.inner-site-header .login-button{display:inline-flex;align-items:center;justify-content:center;min-width:105px;height:44px;border:1px solid rgba(237,218,168,.72);border-radius:999px;background:rgba(5,8,18,.24);color:#fff4da;cursor:pointer;font-size:15px}
.inner-main{width:var(--width);margin:0 auto 100px}
.inner-hero{position:relative;overflow:hidden;margin-bottom:34px;padding:72px 64px;border:1px solid rgba(146,125,226,.23);border-radius:24px;background:radial-gradient(circle at 84% 17%,rgba(127,75,255,.25),transparent 31%),linear-gradient(135deg,rgba(11,19,48,.96),rgba(13,10,37,.94));box-shadow:0 24px 60px rgba(0,0,0,.23)}
.inner-hero::after{position:absolute;right:-80px;bottom:-150px;width:470px;height:470px;border:1px solid rgba(210,174,102,.23);border-radius:50%;box-shadow:0 0 0 36px rgba(210,174,102,.03),0 0 0 86px rgba(151,106,255,.035);content:"";transform:rotate(-18deg)}
.inner-kicker{position:relative;z-index:1;margin:0 0 15px;color:var(--gold);font-size:13px;letter-spacing:.24em;text-transform:uppercase}
.inner-hero h1{position:relative;z-index:1;margin:0;color:#fff2d0;font-family:"Songti SC","STSong",Georgia,serif;font-size:clamp(44px,5vw,76px);font-weight:500;letter-spacing:.03em;text-shadow:0 0 24px rgba(232,195,122,.17)}
.inner-hero p{position:relative;z-index:1;max-width:680px;margin:18px 0 0;color:#b7b8d0;font-size:18px;line-height:1.8}
.inner-hero__actions{position:relative;z-index:1;display:flex;gap:14px;margin-top:28px}
.content-panel{position:relative;padding:28px;border:1px solid rgba(132,151,218,.2);border-radius:18px;background:rgba(7,14,31,.76);box-shadow:0 18px 42px rgba(0,0,0,.16)}
.content-panel h2{margin:0;color:#fff0ca;font-family:"Songti SC","STSong",Georgia,serif;font-size:28px;font-weight:500}
.content-panel h3{margin:0;color:#f7f0e4;font-family:"Songti SC","STSong",Georgia,serif;font-size:21px;font-weight:500}
.panel-caption{margin:9px 0 0;color:#96a3c0;font-size:14px;line-height:1.7}
.catalog-layout{display:grid;grid-template-columns:245px minmax(0,1fr);gap:20px;align-items:start}
.catalog-sidebar{position:sticky;top:104px}
.filter-group+.filter-group{margin-top:28px;padding-top:23px;border-top:1px solid rgba(135,147,195,.14)}
.filter-group h3{margin-bottom:15px;color:#d8d6e7;font-family:inherit;font-size:14px;font-weight:600}
.filter-option{display:flex;align-items:center;gap:10px;margin:12px 0;color:#aab4cf;font-size:13px;cursor:pointer}
.filter-option input{accent-color:#a577ff}
.filter-count{margin-left:auto;color:#737e9c;font-size:12px}
.catalog-toolbar{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:19px}
.catalog-toolbar strong{color:#f5eacf;font-size:17px;font-weight:500}
.catalog-toolbar small{display:block;margin-top:6px;color:#7f8ca9;font-size:12px}
.search-field{display:flex;min-width:270px;height:43px;border:1px solid rgba(158,139,221,.34);border-radius:10px;background:rgba(3,8,22,.65)}
.search-field input{min-width:0;flex:1;padding:0 13px;border:0;outline:0;color:#f5f0e6;background:transparent;font-size:13px}
.search-field button{width:46px;border:0;border-left:1px solid rgba(158,139,221,.2);background:transparent;color:#cdb9ff;cursor:pointer}
.article-list{display:grid;gap:13px}
.article-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:20px;padding:22px 23px;border:1px solid rgba(132,151,218,.18);border-radius:13px;background:rgba(9,17,37,.72);transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}
.article-card:hover{border-color:rgba(174,143,255,.59);box-shadow:0 15px 32px rgba(0,0,0,.2);transform:translateY(-3px)}
.article-card__meta{display:flex;align-items:center;gap:9px;color:#7e8aa8;font-size:12px}
.article-card h3{margin:11px 0 8px;color:#f6efdf;font-family:"Songti SC","STSong",serif;font-size:22px;font-weight:500}
.article-card p{max-width:680px;margin:0;color:#9da9c2;font-size:13px;line-height:1.75}
.article-card__side{display:flex;min-width:90px;flex-direction:column;align-items:flex-end;justify-content:space-between;gap:15px;color:#7e89a5;font-size:12px;text-align:right}
.access-badge,.status-badge{display:inline-flex;align-items:center;min-height:24px;padding:0 9px;border-radius:999px;color:#b6a1ea;background:rgba(117,74,221,.15);font-size:11px;white-space:nowrap}
.access-badge--free{color:#9fd2bd;background:rgba(56,149,112,.13)}
.tag{display:inline-flex;align-items:center;height:24px;padding:0 9px;border:1px solid rgba(155,130,224,.22);border-radius:999px;color:#ad9dd0;background:rgba(109,74,183,.1);font-size:11px;white-space:nowrap}
.pagination{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:25px}
.pagination button{min-width:34px;height:34px;border:1px solid rgba(147,133,203,.25);border-radius:8px;color:#b8afd0;background:rgba(10,16,36,.75);cursor:pointer}
.pagination button.is-current{border-color:#a982ff;color:#fff;background:rgba(113,63,231,.44)}
.detail-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:22px;align-items:start}
.article-detail{padding:42px 48px}
.article-detail__head{padding-bottom:25px;border-bottom:1px solid rgba(135,147,195,.16)}
.article-detail__head h1{margin:14px 0 12px;color:#fff0d1;font-family:"Songti SC","STSong",Georgia,serif;font-size:42px;font-weight:500;line-height:1.3}
.article-meta{display:flex;flex-wrap:wrap;gap:14px;color:#8996b2;font-size:12px}
.article-body{color:#c5c9d8;font-size:15px;line-height:2}
.article-body h2{margin:32px 0 10px;color:#f2e9d2;font-family:"Songti SC","STSong",Georgia,serif;font-size:26px;font-weight:500}
.article-body h3{margin:25px 0 8px;color:#e8d8c0;font-size:19px;font-weight:600}
.article-body p{margin:13px 0}.article-body ul{padding-left:22px}.article-body li{margin:7px 0}
.article-aside{display:grid;gap:14px}.article-aside .content-panel{padding:22px}.article-aside strong{display:block;color:#f1e5c8;font-size:18px;font-weight:500}.article-aside p{margin:8px 0 0;color:#929fba;font-size:13px;line-height:1.7}
.paywall{margin-top:32px;padding:30px;border:1px solid rgba(224,185,101,.35);border-radius:14px;background:linear-gradient(135deg,rgba(54,31,83,.65),rgba(22,17,49,.82));text-align:center}
.paywall h3{margin:0;color:#f8e7bd;font-family:"Songti SC","STSong",serif;font-size:25px;font-weight:500}.paywall p{margin:10px auto 20px;max-width:520px;color:#b9accb;font-size:14px;line-height:1.7}
.app-grid-inner{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.tool-card{display:flex;min-height:230px;flex-direction:column;padding:23px;border:1px solid rgba(133,151,217,.2);border-radius:15px;background:linear-gradient(145deg,rgba(18,28,65,.9),rgba(8,12,27,.94));transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}.tool-card:hover{border-color:rgba(177,145,255,.68);box-shadow:0 17px 33px rgba(0,0,0,.2);transform:translateY(-4px)}.tool-card__icon{display:grid;width:46px;height:46px;place-items:center;border:1px solid rgba(202,174,255,.45);border-radius:13px;color:#dbc7ff;background:rgba(118,68,235,.16);font-size:22px}.tool-card h3{margin:18px 0 9px;color:#f7efdf;font-family:"Songti SC","STSong",serif;font-size:22px;font-weight:500}.tool-card p{margin:0;color:#9ca8c1;font-size:13px;line-height:1.7}.tool-card__foot{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:20px;color:#bfaeff;font-size:12px}
.plan-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:28px}.plan-card{position:relative;padding:28px 25px;border:1px solid rgba(148,128,218,.28);border-radius:16px;background:rgba(10,16,37,.8)}.plan-card--featured{border-color:rgba(225,185,95,.76);background:linear-gradient(145deg,rgba(45,29,73,.92),rgba(12,15,37,.92));box-shadow:0 0 32px rgba(173,116,255,.13)}.plan-card__flag{position:absolute;top:14px;right:14px;color:#f5d58e;font-size:11px}.plan-card h3{margin:0;color:#f8edcf;font-family:"Songti SC","STSong",serif;font-size:23px;font-weight:500}.plan-price{margin:18px 0 5px;color:#fff5d9;font-size:34px}.plan-price small{margin-left:5px;color:#8996b2;font-size:12px}.plan-card p{margin:0;color:#9ba7c0;font-size:13px}.plan-card ul{display:grid;gap:9px;margin:22px 0;padding:0;list-style:none;color:#c1c4d2;font-size:13px}.plan-card li::before{margin-right:8px;color:#e5c278;content:"✦"}
.activation-panel{display:flex;align-items:center;gap:13px;margin-top:26px;padding:21px;border:1px solid rgba(137,151,213,.2);border-radius:14px;background:rgba(7,14,30,.72)}.activation-panel p{margin:0 auto 0 0;color:#9ca8c1;font-size:13px;line-height:1.6}.activation-panel input{width:230px;height:43px;padding:0 12px;border:1px solid rgba(145,132,210,.34);border-radius:9px;outline:0;color:#fff;background:rgba(3,8,21,.72)}
.account-layout{display:grid;grid-template-columns:245px minmax(0,1fr);gap:20px;align-items:start}.account-sidebar{position:sticky;top:104px}.profile-card{text-align:center}.avatar{display:grid;width:72px;height:72px;margin:0 auto 15px;place-items:center;border:1px solid rgba(225,190,104,.5);border-radius:50%;color:#f4d68f;background:radial-gradient(circle,rgba(131,73,231,.6),rgba(18,14,44,.85));font-family:Georgia,serif;font-size:25px}.profile-card h3{margin:0;color:#f8eed6;font-size:18px;font-weight:500}.profile-card p{margin:7px 0 0;color:#8f9bb6;font-size:12px}.account-menu{display:grid;gap:6px;margin-top:16px}.account-menu a{padding:11px 12px;border-radius:8px;color:#9da8bf;font-size:13px}.account-menu a.is-current,.account-menu a:hover{color:#f3e5c8;background:rgba(123,78,224,.16)}.account-content{display:grid;gap:17px}.account-stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.account-stat{padding:20px;border:1px solid rgba(136,152,215,.19);border-radius:13px;background:rgba(8,16,35,.72)}.account-stat span{display:block;color:#7f8eac;font-size:12px}.account-stat strong{display:block;margin-top:8px;color:#f3e7ca;font-size:24px;font-weight:500}.account-table{width:100%;border-collapse:collapse}.account-table th,.account-table td{padding:14px 10px;border-bottom:1px solid rgba(139,150,201,.13);color:#aeb6ca;font-size:13px;text-align:left}.account-table th{color:#7d8aa5;font-size:11px;font-weight:500}
.editor-layout{display:grid;grid-template-columns:minmax(0,1fr) 285px;gap:18px;align-items:start}.editor-panel{padding:29px}.editor-form{display:grid;gap:18px}.field{display:grid;gap:8px}.field label{color:#cbd0dd;font-size:13px}.field input,.field select,.field textarea{width:100%;padding:12px 13px;border:1px solid rgba(143,140,202,.28);border-radius:9px;outline:0;color:#f5f0e6;background:rgba(3,8,22,.72);font:inherit}.field textarea{min-height:330px;resize:vertical;line-height:1.75}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.editor-toolbar{display:flex;align-items:center;gap:8px;padding:9px;border:1px solid rgba(143,140,202,.22);border-bottom:0;border-radius:9px 9px 0 0;background:rgba(18,22,49,.7)}.editor-toolbar button{border:0;border-radius:5px;color:#b8a8e6;background:transparent;cursor:pointer}.editor-toolbar+textarea{border-radius:0 0 9px 9px}.editor-side{display:grid;gap:15px}.editor-side .content-panel{padding:22px}.check-row{display:flex;align-items:center;gap:9px;color:#a7b0c4;font-size:13px}.check-row input{accent-color:#a675ff}
.auth-layout{display:grid;min-height:610px;place-items:center}.auth-card{width:min(460px,100%);padding:36px;border:1px solid rgba(165,135,241,.35);border-radius:18px;background:linear-gradient(145deg,rgba(17,24,59,.96),rgba(23,12,53,.96));box-shadow:0 24px 70px rgba(0,0,0,.28)}.auth-card h1{margin:0;color:#fff0cf;font-family:"Songti SC","STSong",serif;font-size:32px;font-weight:500;text-align:center}.auth-card>p{margin:11px 0 25px;color:#a6b0c8;font-size:13px;text-align:center}.auth-card .field{margin-top:14px}.auth-card__links{display:flex;justify-content:space-between;margin-top:18px;color:#bca8ee;font-size:12px}.auth-divider{display:flex;align-items:center;gap:10px;margin:22px 0;color:#707c98;font-size:12px}.auth-divider::before,.auth-divider::after{height:1px;flex:1;background:rgba(142,149,190,.16);content:""}.auth-provider{width:100%;height:43px;border:1px solid rgba(224,191,111,.42);border-radius:9px;color:#f0d89f;background:rgba(116,74,187,.13);cursor:pointer}
.inner-footer{margin-top:80px}
.inner-toast{position:fixed;z-index:80;right:28px;bottom:28px;max-width:360px;padding:13px 17px;border:1px solid rgba(174,138,255,.48);border-radius:11px;color:#fff;background:rgba(15,13,37,.94);box-shadow:0 15px 35px rgba(0,0,0,.25);opacity:0;pointer-events:none;transform:translateY(12px);transition:opacity .25s ease,transform .25s ease}.inner-toast.is-visible{opacity:1;transform:translateY(0)}

/* 2026-09-24 visual refresh: bitmap advertising heroes, image-led cards and richer accents */
.inner-site{--coral:#ff8b72;--mint:#70e0c2;--cyan:#62c9ff;--violet:#9d74ff;background:#040711;color:#eef1ff}
.inner-hero--image{min-height:342px;display:flex;align-items:center;margin-bottom:36px;padding:58px 64px;background-image:linear-gradient(90deg,rgba(3,7,21,.95) 0%,rgba(3,7,21,.78) 33%,rgba(3,7,21,.22) 72%,rgba(3,7,21,.52) 100%),var(--hero-image);background-position:center;background-size:cover;box-shadow:0 28px 80px rgba(0,0,0,.32),inset 0 0 0 1px rgba(255,255,255,.05)}
.inner-hero--image::after{right:-74px;bottom:-166px;opacity:.52;border-color:rgba(255,211,125,.38);box-shadow:0 0 0 34px rgba(123,89,255,.09),0 0 0 82px rgba(98,201,255,.06)}
.inner-hero__copy{position:relative;z-index:2;max-width:620px}.inner-hero--image h1{font-size:clamp(48px,5vw,78px);text-shadow:0 4px 24px rgba(0,0,0,.52)}.inner-hero--image p:not(.inner-kicker){color:#e0e6ff;text-shadow:0 2px 15px rgba(0,0,0,.45)}
.inner-hero--knowledge{border-color:rgba(99,164,255,.35)}.inner-hero--apps{border-color:rgba(225,107,255,.33)}.inner-hero--membership{border-color:rgba(238,190,91,.48)}.inner-hero--monkey{border-color:rgba(255,139,114,.48)}
.button--coral{border:1px solid rgba(255,171,144,.9);color:#fff5ef;background:linear-gradient(135deg,#c74f69,#ff8b72);box-shadow:0 0 28px rgba(255,111,113,.3),inset 0 1px rgba(255,255,255,.38)}.button--coral:hover{box-shadow:0 0 42px rgba(255,111,113,.56)}
.button--mint{border:1px solid rgba(119,235,204,.72);color:#eafff8;background:rgba(37,150,149,.3);box-shadow:0 0 24px rgba(83,224,196,.18)}.button--mint:hover{box-shadow:0 0 36px rgba(83,224,196,.42)}
.knowledge-catalog{padding:28px 30px 34px;border:1px solid rgba(109,143,226,.24);border-radius:22px;background:linear-gradient(145deg,rgba(9,18,43,.94),rgba(7,10,26,.94));box-shadow:0 24px 65px rgba(0,0,0,.2)}
.knowledge-catalog .catalog-toolbar{align-items:end;margin-bottom:22px}.knowledge-catalog .catalog-toolbar h2{margin:4px 0 0;color:#fff1cf;font-family:"Songti SC","STSong",serif;font-size:29px;font-weight:500}.knowledge-catalog .catalog-toolbar small{max-width:650px;color:#9daed0;font-size:13px;line-height:1.6}
.category-tabs{display:flex;flex-wrap:wrap;gap:9px;margin-bottom:25px;padding-bottom:21px;border-bottom:1px solid rgba(137,157,219,.16)}.category-tab{position:relative;cursor:pointer}.category-tab input{position:absolute;width:1px;height:1px;opacity:0}.category-tab span{display:inline-flex;min-height:35px;align-items:center;padding:0 15px;border:1px solid rgba(128,151,224,.25);border-radius:999px;color:#aeb9d4;background:rgba(24,31,67,.54);font-size:12px;transition:color .2s ease,border-color .2s ease,background .2s ease,transform .2s ease}.category-tab:hover span{color:#fff;border-color:rgba(165,130,255,.72);transform:translateY(-2px)}.category-tab.is-active span,.category-tab input:checked+span{border-color:rgba(244,207,123,.82);color:#fff2cc;background:linear-gradient(135deg,rgba(104,72,201,.48),rgba(58,38,119,.36));box-shadow:0 0 21px rgba(145,92,255,.18)}.category-tab--access{margin-left:auto}.category-tab--access span{border-color:rgba(255,139,114,.44);color:#ffb09e}
.article-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.article-card{display:flex;min-width:0;flex-direction:column;gap:0;overflow:hidden;padding:0;border:1px solid rgba(128,151,224,.2);border-radius:17px;background:rgba(7,14,33,.92);transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease}.article-card:hover{border-color:rgba(222,176,255,.72);box-shadow:0 20px 42px rgba(0,0,0,.3),0 0 29px rgba(103,70,213,.16);transform:translateY(-6px)}.article-card__cover{position:relative;display:block;aspect-ratio:1/1;overflow:hidden;background-position:center;background-size:cover}.article-card__cover::before{position:absolute;inset:0;background:linear-gradient(155deg,rgba(15,18,62,.12),rgba(7,8,27,.76));content:""}.article-card__cover::after{position:absolute;right:-18%;bottom:-38%;width:70%;height:70%;border:1px solid rgba(255,207,120,.58);border-radius:50%;box-shadow:0 0 0 24px rgba(139,91,255,.09);content:""}.cover-kicker,.cover-index{position:absolute;z-index:1;color:#fff4d6;text-shadow:0 2px 10px rgba(0,0,0,.55)}.cover-kicker{top:17px;left:17px;font-size:11px;letter-spacing:.16em}.cover-index{right:17px;bottom:13px;font-family:Georgia,serif;font-size:26px;color:#f6d786}.article-card__body{display:flex;min-height:198px;flex-direction:column;padding:18px 18px 17px}.article-card__meta{gap:7px;font-size:11px}.article-card h3{margin:11px 0 8px;font-size:20px;line-height:1.42}.article-card p{font-size:12px;line-height:1.7}.article-card__foot{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:auto;padding-top:15px;color:#8191b6;font-size:11px}.article-card__foot a{color:#cdbaff;font-size:12px}
.app-directory{padding:30px;border-color:rgba(111,160,240,.27);background:linear-gradient(145deg,rgba(10,18,45,.94),rgba(13,8,34,.94))}.app-grid-inner{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.tool-card{min-height:0;padding:0;overflow:hidden;border-color:rgba(123,153,235,.25);background:rgba(8,14,33,.9)}.tool-card__cover{position:relative;display:flex;min-height:176px;align-items:flex-end;justify-content:space-between;padding:18px;background-position:center;background-size:cover}.tool-card__cover::before{position:absolute;inset:0;background:linear-gradient(180deg,rgba(8,12,36,.06),rgba(7,8,27,.84));content:""}.tool-card__cover small,.tool-card__icon{position:relative;z-index:1}.tool-card__cover small{color:#d9d3f0;font-size:10px;letter-spacing:.18em}.tool-card__icon{display:grid;width:45px;height:45px;place-items:center;margin:0;border:1px solid rgba(255,218,139,.66);border-radius:14px;color:#fff1bd;background:rgba(71,42,166,.62);font-size:21px;box-shadow:0 0 22px rgba(152,99,255,.33)}.tool-card__body{display:flex;min-height:194px;flex-direction:column;padding:19px 20px 18px}.tool-card__meta{display:flex;justify-content:space-between;gap:10px;color:#7891ba;font-size:11px}.tool-card h3{margin:13px 0 8px;font-size:21px}.tool-card p{font-size:13px;line-height:1.7}.tool-card__foot{padding-top:18px}.tool-card__foot a{color:#f0cd86}.tool-card__foot b{margin-left:6px;font-size:18px;font-weight:400}.tool-card:hover .tool-card__cover{filter:saturate(1.2)}
.membership-directory{padding:30px;border-color:rgba(231,183,83,.35);background:radial-gradient(circle at 82% 7%,rgba(126,71,210,.2),transparent 28%),linear-gradient(145deg,rgba(17,16,44,.97),rgba(7,10,27,.96))}.membership-intro{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.membership-intro h2{margin:2px 0 9px;color:#fff0c6;font-family:"Songti SC","STSong",serif;font-size:31px;font-weight:500}.membership-seal{display:grid;width:82px;height:82px;place-items:center;border:1px solid rgba(240,203,119,.72);border-radius:50%;color:#f9d779;font-size:26px;background:radial-gradient(circle,rgba(157,91,255,.55),rgba(22,13,48,.6));box-shadow:0 0 35px rgba(231,180,85,.18),inset 0 0 22px rgba(255,224,143,.12);transform:rotate(9deg)}.membership-seal small{display:block;margin-top:-31px;font-size:8px;line-height:1.15;letter-spacing:.15em;text-align:center}.plan-grid{gap:18px}.plan-card{display:flex;min-height:383px;flex-direction:column;align-items:flex-start;padding:28px 25px 24px;border-color:rgba(134,157,228,.29);background:linear-gradient(160deg,rgba(14,22,51,.95),rgba(8,10,27,.96));text-align:left;cursor:pointer;transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease}.plan-card:hover{border-color:rgba(255,218,134,.7);box-shadow:0 18px 42px rgba(0,0,0,.25),0 0 28px rgba(129,80,224,.18);transform:translateY(-5px)}.plan-card--featured{border-color:rgba(249,201,91,.88);background:linear-gradient(145deg,rgba(65,35,101,.94),rgba(14,12,37,.96));box-shadow:0 0 45px rgba(226,164,64,.14)}.plan-card__eyebrow{margin-bottom:14px;color:#9ea9c9;font-size:10px;letter-spacing:.19em}.plan-card--featured .plan-card__eyebrow{color:#f6d786}.plan-card .button{width:100%;min-width:0;margin-top:auto}.plan-card .button b{margin-left:8px;font-weight:400}.activation-panel{border-color:rgba(244,192,102,.3);background:linear-gradient(90deg,rgba(56,31,90,.5),rgba(10,18,39,.75))}
.about-playground{position:relative;overflow:hidden;padding:43px 38px;border:1px solid rgba(255,139,114,.34);border-radius:22px;background:linear-gradient(135deg,rgba(31,16,59,.95),rgba(8,21,40,.95) 48%,rgba(12,38,46,.95));box-shadow:0 24px 65px rgba(0,0,0,.2)}.about-playground::before{position:absolute;right:-100px;top:-120px;width:330px;height:330px;border:1px solid rgba(112,224,194,.52);border-radius:50%;box-shadow:0 0 0 35px rgba(255,139,114,.08),0 0 0 78px rgba(98,201,255,.05);content:""}.about-intro{position:relative;z-index:1;max-width:660px}.about-intro h2{margin:0;color:#fff2d5;font-family:"Songti SC","STSong",serif;font-size:35px;font-weight:500}.about-intro>p:last-child{margin:14px 0 0;color:#b8c6d9;font-size:15px;line-height:1.85}.about-fun-grid{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin-top:34px}.about-fun-grid article{min-height:175px;padding:22px 18px;border:1px solid rgba(114,170,226,.22);border-radius:16px;background:rgba(5,11,28,.55);transition:transform .25s ease,border-color .25s ease,background .25s ease}.about-fun-grid article:nth-child(2){border-color:rgba(112,224,194,.3);transform:translateY(14px)}.about-fun-grid article:nth-child(3){border-color:rgba(255,139,114,.34);transform:translateY(-7px)}.about-fun-grid article:hover{border-color:rgba(255,218,132,.78);background:rgba(37,24,72,.72);transform:translateY(-6px) rotate(-1deg)}.about-fun-grid span{display:block;color:#f9d276;font-size:26px}.about-fun-grid strong{display:block;margin-top:14px;color:#fff0c9;font-size:18px;font-weight:500}.about-fun-grid p{margin:8px 0 0;color:#9eb1c9;font-size:12px;line-height:1.7}.about-ribbon{position:relative;display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:30px;padding:16px 20px;border:1px dashed rgba(255,174,129,.6);border-radius:999px;color:#fff0cc;background:rgba(200,72,112,.13)}.about-ribbon b{color:#ffb399;font-size:13px;font-weight:500}
@media(max-width:900px){.inner-hero--image{padding:45px 34px}.article-grid,.app-grid-inner{grid-template-columns:repeat(2,minmax(0,1fr))}.about-fun-grid{grid-template-columns:repeat(2,1fr)}.category-tab--access{margin-left:0}.plan-grid{grid-template-columns:1fr}.plan-card{min-height:0}.membership-seal{width:70px;height:70px}}
@media(max-width:600px){.inner-hero--image{min-height:390px;padding:34px 25px;background-position:58% center}.inner-hero--monkey{background-position:64% center}.inner-hero--membership{background-position:61% center}.knowledge-catalog,.app-directory,.membership-directory,.about-playground{padding:20px}.knowledge-catalog .catalog-toolbar,.membership-intro{display:block}.knowledge-catalog .search-field{margin-top:17px}.article-grid,.app-grid-inner,.about-fun-grid{grid-template-columns:1fr}.about-fun-grid article:nth-child(2),.about-fun-grid article:nth-child(3){transform:none}.about-ribbon{align-items:flex-start;flex-direction:column;border-radius:17px}.membership-seal{margin-top:17px}}


/* Inner pages share one image-first rhythm: category controls stay above the grid and every card carries a visual anchor. */
.knowledge-catalog,.app-directory,.membership-directory,.about-playground{position:relative;overflow:hidden}
.knowledge-catalog::before,.app-directory::before,.membership-directory::before,.about-playground::after{position:absolute;right:-110px;top:-150px;width:360px;height:360px;border:1px solid rgba(98,201,255,.2);border-radius:50%;box-shadow:0 0 0 35px rgba(157,116,255,.06),0 0 0 78px rgba(255,139,114,.04);content:"";pointer-events:none}
.knowledge-catalog .catalog-toolbar,.knowledge-catalog .category-tabs,.knowledge-catalog .article-grid,.knowledge-catalog .pagination,.app-directory>*,.membership-directory>* ,.about-playground>*{position:relative;z-index:1}
.category-tabs{align-items:center;gap:10px;padding:16px 0 23px;margin-bottom:28px;border-top:1px solid rgba(137,157,219,.13)}
.category-tab span{min-height:40px;padding-inline:17px;font-size:13px}
.article-grid{gap:20px}
.article-card{border-radius:21px;background:linear-gradient(155deg,rgba(8,15,36,.96),rgba(18,10,42,.92));box-shadow:0 18px 38px rgba(0,0,0,.22),inset 0 1px rgba(255,255,255,.05)}
.article-card__cover{aspect-ratio:1.04/1;background-position:center}
.article-card__cover::before{background:linear-gradient(155deg,rgba(9,12,35,.03),rgba(6,8,26,.66))}
.article-card__body{min-height:220px;padding:22px 21px 20px}
.article-card h3{font-size:22px}
.app-directory{padding:34px;background:radial-gradient(circle at 86% 5%,rgba(98,201,255,.12),transparent 22%),linear-gradient(145deg,rgba(10,18,45,.95),rgba(18,8,40,.95))}
.app-grid-inner{gap:20px}
.tool-card{border-radius:21px;box-shadow:0 18px 42px rgba(0,0,0,.22),inset 0 1px rgba(255,255,255,.05)}
.tool-card__cover{min-height:215px;padding:21px}
.tool-card__body{min-height:214px;padding:23px 22px 20px}
.tool-card h3{font-size:24px}
.tool-card p{font-size:14px;line-height:1.75}
.membership-directory{padding:34px;background:radial-gradient(circle at 86% 3%,rgba(234,170,70,.18),transparent 24%),radial-gradient(circle at 12% 78%,rgba(131,75,255,.18),transparent 24%),linear-gradient(145deg,rgba(22,15,51,.98),rgba(7,10,27,.98))}
.membership-intro{padding-bottom:11px}
.membership-intro h2{font-size:36px}
.membership-seal{width:94px;height:94px;box-shadow:0 0 55px rgba(231,180,85,.24),0 0 0 9px rgba(155,99,255,.08),inset 0 0 25px rgba(255,224,143,.14)}
.plan-grid{gap:20px;margin-top:31px}
.plan-card{min-height:430px;padding:31px 28px 26px;border-radius:22px;background:linear-gradient(160deg,rgba(14,22,51,.97),rgba(8,10,27,.98));box-shadow:0 16px 32px rgba(0,0,0,.24),inset 0 1px rgba(255,255,255,.06)}
.plan-card--featured{transform:translateY(-10px) scale(1.015);box-shadow:0 22px 52px rgba(0,0,0,.3),0 0 48px rgba(226,164,64,.2),inset 0 1px rgba(255,245,203,.22)}
.plan-card--featured:hover{transform:translateY(-15px) scale(1.02)}
.plan-price{font-size:43px;text-shadow:0 0 22px rgba(255,209,119,.19)}
.activation-panel{margin-top:30px;border-radius:18px;box-shadow:inset 0 1px rgba(255,255,255,.08),0 14px 28px rgba(0,0,0,.18)}
.about-playground{padding:50px 42px;background:linear-gradient(135deg,rgba(42,16,68,.96),rgba(8,27,45,.96) 48%,rgba(14,56,55,.96))}
.about-playground::before{right:-70px;top:-150px;width:390px;height:390px}
.about-intro h2{font-size:42px}
.about-fun-grid{gap:16px;margin-top:40px}
.about-fun-grid article{min-height:195px;padding:25px 21px;border-radius:20px;background:rgba(5,11,28,.6);box-shadow:inset 0 1px rgba(255,255,255,.08),0 14px 25px rgba(0,0,0,.16)}
.about-fun-grid strong{font-size:20px}
.about-fun-grid p{font-size:13px}
.about-ribbon{padding:18px 23px;background:linear-gradient(90deg,rgba(220,68,112,.16),rgba(74,197,178,.12));box-shadow:inset 0 1px rgba(255,255,255,.1)}
.about-ribbon b{font-size:14px}

@media(max-width:900px){.plan-card--featured{transform:none}.plan-card--featured:hover{transform:translateY(-5px)}}

/* Fixed publishing geometry: knowledge and app cards reserve the same image and body heights. */
.article-card,.tool-card{height:510px;background:linear-gradient(155deg,rgba(20,38,70,.98),rgba(30,17,57,.98));box-shadow:0 18px 42px rgba(0,0,0,.25),inset 0 1px rgba(255,255,255,.08)}
.article-card__cover,.tool-card__cover{height:235px;min-height:235px;flex:0 0 235px;aspect-ratio:auto}
.article-card__body,.tool-card__body{height:275px;min-height:275px;padding:21px 21px 19px}
.article-card__body{background:linear-gradient(180deg,rgba(16,24,53,.95),rgba(26,14,49,.98))}
.tool-card__body{background:linear-gradient(180deg,rgba(17,34,57,.96),rgba(17,17,48,.98))}
.article-card__cover::before,.tool-card__cover::before{background:linear-gradient(155deg,rgba(6,10,28,.05),rgba(5,8,24,.7))}
.tool-card__cover{padding:21px}
.tool-card__body{padding-top:20px}
.plan-card{overflow:hidden}
.plan-card::before{position:absolute;inset:0 0 auto;height:4px;background:linear-gradient(90deg,transparent,var(--plan-metal,#d9b46e),transparent);content:"";opacity:.9}
.plan-card:nth-child(1){--plan-metal:#b9d7f4;border-color:rgba(165,199,233,.52);background:linear-gradient(155deg,rgba(47,71,103,.92),rgba(10,17,38,.98))}
.plan-card:nth-child(2){--plan-metal:#d8a86e;border-color:rgba(221,177,117,.62);background:linear-gradient(155deg,rgba(85,58,57,.92),rgba(24,16,39,.98))}
.plan-card:nth-child(3){--plan-metal:#f4d26f;border-color:rgba(249,210,111,.9);background:linear-gradient(155deg,rgba(102,65,38,.94),rgba(37,17,35,.98))}
.plan-card:nth-child(1) .plan-price{color:#dceeff}.plan-card:nth-child(2) .plan-price{color:#f4d0a1}.plan-card:nth-child(3) .plan-price{color:#ffe4a7}
.inner-hero--monkey{background-position:center;background-size:cover}
.inner-hero--monkey::after{opacity:.3;border-color:rgba(255,205,112,.2);box-shadow:0 0 0 34px rgba(157,116,255,.08),0 0 0 82px rgba(98,201,255,.04)}
@media(max-width:600px){.article-card,.tool-card{height:auto}.article-card__cover,.tool-card__cover{height:210px;min-height:210px;flex-basis:210px}.article-card__body,.tool-card__body{height:auto;min-height:220px}}

/* Compact card bodies: keep the shared publishing frame while removing the unused lower void. */
.article-card,.tool-card{height:420px;min-height:420px;border-color:rgba(113,164,224,.46);background:linear-gradient(145deg,rgba(27,52,82,.98),rgba(43,27,72,.98));box-shadow:0 18px 38px rgba(0,0,0,.28),inset 0 1px rgba(255,255,255,.1)}
.article-card__cover,.tool-card__cover{height:230px;min-height:230px;flex-basis:230px}
.article-card__body,.tool-card__body{height:190px;min-height:190px;padding:16px 19px 14px}
.article-card__body{background:linear-gradient(180deg,rgba(23,43,76,.96),rgba(38,26,69,.98))}
.tool-card__body{background:linear-gradient(180deg,rgba(20,57,72,.96),rgba(37,29,69,.98))}
.article-card h3,.tool-card h3{margin:8px 0 5px;font-size:19px;line-height:1.3}
.article-card p,.tool-card p{font-size:12px;line-height:1.5}
.article-card__foot,.tool-card__foot{padding-top:8px}
.plan-card,.plan-card--featured{height:420px;min-height:420px;transform:none!important}
.plan-card:hover,.plan-card--featured:hover{transform:translateY(-5px)!important}
.plan-card:nth-child(1){--plan-metal:#d9e8f7;border-color:rgba(205,226,246,.72);background:linear-gradient(135deg,#718aa9 0%,#243b5d 18%,#afc5d9 43%,#1d304e 64%,#5b7597 100%);box-shadow:inset 0 1px rgba(255,255,255,.55),0 18px 40px rgba(45,93,152,.24)}
.plan-card:nth-child(2){--plan-metal:#e1b27b;border-color:rgba(227,177,120,.76);background:linear-gradient(135deg,#96604d 0%,#3d2731 20%,#cf9270 45%,#38242f 67%,#8d5849 100%);box-shadow:inset 0 1px rgba(255,235,203,.48),0 18px 40px rgba(150,72,45,.23)}
.plan-card:nth-child(3){--plan-metal:#ffe49b;border-color:rgba(255,226,139,.92);background:linear-gradient(135deg,#b87931 0%,#51311d 18%,#e8b95c 43%,#4a291e 66%,#b36b2d 100%);box-shadow:inset 0 1px rgba(255,248,205,.6),0 20px 48px rgba(212,132,40,.28)}
.plan-card::after{position:absolute;inset:0;background:linear-gradient(120deg,rgba(255,255,255,.18),transparent 24%,transparent 68%,rgba(255,255,255,.08));content:"";pointer-events:none}
.plan-card>*{position:relative;z-index:1}
.plan-card h3,.plan-card p,.plan-card li,.plan-card .plan-card__eyebrow,.plan-card .plan-price,.plan-card .plan-price small{color:#fff8e6;text-shadow:0 1px 4px rgba(0,0,0,.45)}
.plan-card .button{border-color:rgba(255,244,212,.72);background:rgba(18,15,32,.42);box-shadow:inset 0 1px rgba(255,255,255,.32),0 8px 22px rgba(0,0,0,.2)}
.plan-card li::before{color:#fff1b6}

/* ===== 2026-09-24 Casdoor 会员系统接入 ===== */
.header-auth{display:inline-flex;align-items:center;gap:10px}
.user-chip{display:inline-flex;align-items:center;gap:8px;padding:5px 12px 5px 5px;border:1px solid var(--line);border-radius:999px;background:rgba(15,13,37,.72);backdrop-filter:blur(4px)}
.user-chip__avatar{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#a474ff,#e9c884);color:#050711;font-weight:700;font-size:13px}
.user-chip:hover{border-color:rgba(174,138,255,.6)}
.notice-bar{position:sticky;top:70px;z-index:50;display:flex;align-items:center;gap:12px;width:var(--width);margin:14px auto 0;padding:10px 14px;border:1px solid rgba(233,200,132,.4);border-radius:12px;background:rgba(20,16,40,.88);color:var(--gold2);font-size:14px}
.notice-bar__tag{flex:none;padding:2px 10px;border-radius:999px;background:linear-gradient(135deg,#a474ff,#e9c884);color:#050711;font-weight:700;font-size:12px}
.notice-bar__text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.notice-bar a{flex:none;margin-left:auto;color:var(--gold2)}
.feedback-fab{position:fixed;left:22px;bottom:22px;z-index:70;display:inline-flex;align-items:center;gap:8px;padding:11px 18px;border-radius:999px;border:1px solid rgba(174,138,255,.48);background:rgba(15,13,37,.92);color:#f8f2e7;cursor:pointer;box-shadow:0 12px 30px rgba(0,0,0,.28);backdrop-filter:blur(6px)}
.feedback-fab:hover{border-color:var(--violet);transform:translateY(-1px)}
#feedback-form textarea{width:100%;min-height:96px;padding:11px 13px;border-radius:10px;border:1px solid var(--line);background:rgba(5,7,20,.72);color:var(--text);font:inherit;resize:vertical}
.member-status{margin-top:10px;min-height:20px;color:var(--gold2);font-size:14px}

.charge-form{display:flex;flex-direction:column;gap:10px;margin-top:12px}
.charge-form input{width:100%;padding:11px 13px;border-radius:10px;border:1px solid var(--line,#2a2440);background:rgba(5,7,20,0.6);color:inherit;font:inherit}
.charge-status{min-height:20px;color:#e9c884;font-size:14px;margin:4px 0 0}

/* 我的文章/会员权益页：编辑器侧栏嵌入账号侧栏下方 */
.editor-side-embed{display:flex;flex-direction:column;gap:16px;margin-top:18px}
.editor-side-embed .content-panel{margin:0}