:root{
  font-family:Inter,-apple-system,BlinkMacSystemFont,"SF Pro Display","Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;
  color:#1d2939;
  background:#edf2f8;
  font-synthesis:none;
  --ink:#1d2939;
  --muted:#667085;
  --blue:#3b6fe8;
  --blue-dark:#2858c7;
  --blue-soft:#edf3ff;
  --line:rgba(255,255,255,.78);
  --line-dark:rgba(105,124,151,.16);
  --glass:rgba(255,255,255,.64);
  --glass-strong:rgba(255,255,255,.82);
  --shadow:0 24px 60px rgba(68,88,118,.13),0 2px 10px rgba(68,88,118,.06);
  --shadow-soft:0 12px 36px rgba(70,91,122,.09);
}
*{box-sizing:border-box}
[hidden]{display:none!important}
html{min-height:100%;background:#edf2f8}
body{margin:0;min-height:100vh;background:
  radial-gradient(circle at 11% 9%,rgba(184,213,255,.88),transparent 30rem),
  radial-gradient(circle at 88% 18%,rgba(220,205,255,.65),transparent 32rem),
  radial-gradient(circle at 70% 86%,rgba(180,232,225,.52),transparent 34rem),
  linear-gradient(145deg,#eef4fb 0%,#f7f9fc 44%,#edf1f8 100%);
  background-attachment:fixed;
}
body::before,body::after{content:"";position:fixed;z-index:0;pointer-events:none;border-radius:50%;filter:blur(8px)}
body::before{width:20rem;height:20rem;left:19%;top:18%;background:rgba(255,255,255,.44)}
body::after{width:26rem;height:26rem;right:4%;bottom:-8rem;background:rgba(184,211,255,.24)}
button,input,textarea,select{font:inherit}
button,a,select{-webkit-tap-highlight-color:transparent}
button{cursor:pointer;border:1px solid rgba(108,127,153,.17);border-radius:12px;background:rgba(255,255,255,.74);color:#344054;padding:10px 16px;font-size:14px;font-weight:600;box-shadow:0 3px 12px rgba(55,75,105,.05);transition:transform .18s ease,background .18s ease,border-color .18s ease,box-shadow .18s ease}
button:hover{background:#fff;border-color:rgba(91,116,153,.26);box-shadow:0 8px 20px rgba(55,75,105,.09);transform:translateY(-1px)}
button:active{transform:translateY(0)}
button:disabled{opacity:.5;cursor:wait;transform:none}
a{color:var(--blue);text-decoration:none}
a:hover{text-decoration:none;color:var(--blue-dark)}
button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid rgba(59,111,232,.25);outline-offset:2px}
.primary{background:linear-gradient(135deg,#4d7cf0,#3766dc);color:#fff;border-color:rgba(54,94,198,.55);box-shadow:0 9px 20px rgba(59,111,232,.24)}
.primary:hover{background:linear-gradient(135deg,#5a87f3,#2f5ed1);border-color:transparent;box-shadow:0 12px 28px rgba(59,111,232,.3)}
.secondary{background:rgba(237,243,255,.86);color:#315fc6;border-color:rgba(85,125,219,.16)}
.danger{color:#b54747}
.shell{position:relative;z-index:1;display:flex;min-height:100vh;padding:18px;gap:18px}
.sidebar{width:248px;position:fixed;inset:18px auto 18px 18px;padding:27px 18px;display:flex;flex-direction:column;background:rgba(255,255,255,.58);border:1px solid rgba(255,255,255,.88);border-radius:24px;box-shadow:var(--shadow);backdrop-filter:blur(28px) saturate(145%);-webkit-backdrop-filter:blur(28px) saturate(145%)}
.brand{display:flex;align-items:center;gap:12px;font-size:24px;color:#1f3152;font-weight:720;letter-spacing:3px;margin:0 8px 34px}
.brand:hover{color:#1f3152}
.brand-mark{display:grid;place-items:center;background:linear-gradient(145deg,rgba(255,255,255,.96),rgba(219,230,250,.88));color:#3264d5;border:1px solid rgba(255,255,255,.98);box-shadow:inset 0 1px 1px rgba(255,255,255,.9),0 10px 24px rgba(64,99,168,.18);border-radius:14px;width:44px;height:44px;font-size:23px;letter-spacing:0}
.brand small{display:block;font-size:10px;letter-spacing:1.5px;color:#8490a5;font-weight:650;margin-top:4px}
.account-label{display:flex;align-items:center;justify-content:space-between;font-size:12px;color:#7c879a;margin:0 6px 9px;font-weight:600}
.icon-btn{border:0;padding:0 6px;background:transparent;box-shadow:none;font-size:21px;color:#667085}
.icon-btn:hover{box-shadow:none;background:rgba(255,255,255,.52)}
.sidebar select{width:100%;background:rgba(255,255,255,.72);margin-bottom:25px;border:1px solid rgba(113,133,163,.16);padding:12px;border-radius:12px;font-size:14px;color:#344054;box-shadow:inset 0 1px 0 #fff,0 7px 16px rgba(77,97,126,.05)}
nav{display:grid;gap:7px}
nav button{display:flex;gap:12px;align-items:center;text-align:left;border:1px solid transparent;background:transparent;padding:12px 13px;font-size:14px;color:#69758a;font-weight:600;box-shadow:none}
nav button:hover{background:rgba(255,255,255,.54);border-color:rgba(255,255,255,.72);box-shadow:none}
nav button span{font-size:18px;width:20px;text-align:center;color:#8290a8}
nav button.active{background:rgba(255,255,255,.84);color:#2858bd;border-color:rgba(255,255,255,.98);box-shadow:0 9px 22px rgba(65,89,126,.10),inset 0 1px 0 #fff}
nav button.active span{color:#4371d8}
nav b{margin-left:auto;background:#eaf1ff;color:#4b6db8;padding:2px 8px;border-radius:7px;font-size:12px}
.nav-separator{height:1px;background:rgba(107,127,157,.14);margin:15px 8px}
.sidebar-bottom{margin-top:auto;padding:19px 8px 0;font-size:12px;color:#5f6d83;border-top:1px solid rgba(107,127,157,.12)}
.sidebar-bottom small{display:block;margin-top:10px;color:#98a2b3;font-size:11px;letter-spacing:1.2px}
.status-dot{display:inline-block;width:7px;height:7px;background:#55b48a;border-radius:50%;margin-right:7px;box-shadow:0 0 0 4px rgba(85,180,138,.12)}
main{margin-left:266px;min-width:0;flex:1;background:rgba(255,255,255,.24);border:1px solid rgba(255,255,255,.5);border-radius:24px;box-shadow:inset 0 1px 0 rgba(255,255,255,.65);backdrop-filter:blur(11px);-webkit-backdrop-filter:blur(11px);overflow:hidden}.login-main{margin-left:0}
.topbar{height:74px;border-bottom:1px solid rgba(121,139,165,.12);display:flex;align-items:center;justify-content:space-between;padding:0 38px;font-size:14px;background:rgba(255,255,255,.34);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}
.breadcrumb,.slash{color:#98a2b3}.slash{padding:0 12px}.topbar-right{display:flex;gap:20px;align-items:center;color:#7b879a;font-size:13px}.avatar{display:grid;place-items:center;width:34px;height:34px;padding:0;border-radius:12px;background:rgba(255,255,255,.8);border:1px solid rgba(255,255,255,.95);color:#4969a5;box-shadow:0 7px 16px rgba(55,76,108,.08)}
#content{padding:38px;max-width:1500px;margin:auto}
.page-heading{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:28px}
.eyebrow{font-size:12px;letter-spacing:2px;color:#7d8ba1;font-weight:700;margin-bottom:10px}
h1{font-size:30px;font-weight:700;letter-spacing:-.8px;margin:0 0 10px;color:#1d2b43}
h2{font-size:18px;font-weight:700;margin:0;color:#26364f}
h3{font-size:16px;line-height:1.65;margin:0 0 8px;font-weight:680;color:#2d3d55}
p{line-height:1.8}.subtitle{font-size:14px;color:#718096;margin:0}.actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:22px}
.stat{position:relative;overflow:hidden;padding:20px 21px;background:rgba(255,255,255,.58);border:1px solid rgba(255,255,255,.88);border-radius:17px;box-shadow:var(--shadow-soft);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}
.stat::after{content:"";position:absolute;width:5rem;height:5rem;border-radius:50%;right:-2.5rem;top:-2.5rem;background:rgba(104,147,240,.1)}
.stat-label{font-size:13px;color:#748196;display:flex;justify-content:space-between;font-weight:600}.stat-value{font-size:31px;font-weight:680;margin-top:13px;letter-spacing:-1px;color:#243755}.stat-value small{font-size:12px;font-weight:500;letter-spacing:0;color:#98a2b3;margin-left:8px}.stat-value.stat-text{font-size:21px;letter-spacing:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.grid-main{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(300px,1fr);gap:20px}
.panel{background:rgba(255,255,255,.62);border:1px solid rgba(255,255,255,.9);border-radius:18px;overflow:hidden;box-shadow:var(--shadow-soft);backdrop-filter:blur(22px) saturate(130%);-webkit-backdrop-filter:blur(22px) saturate(130%)}
.panel-head{padding:21px 23px;border-bottom:1px solid rgba(111,131,158,.12);display:flex;align-items:center;justify-content:space-between;gap:12px;background:rgba(255,255,255,.16)}
.panel-head small{font-size:12px;color:#8a96a9;margin-top:7px;display:block}
.tag{font-size:12px;background:rgba(235,242,255,.78);color:#4b6fb9;padding:5px 10px;border:1px solid rgba(105,142,221,.1);border-radius:8px;display:inline-block;white-space:nowrap;font-weight:600}
.tag.orange{background:rgba(255,245,223,.78);color:#9b6e28}.tag.red{background:rgba(255,236,231,.8);color:#a95849}
.filters{display:flex;gap:9px;align-items:center;flex-wrap:wrap;padding:16px 23px;background:rgba(255,255,255,.26);border-bottom:1px solid rgba(111,131,158,.11)}
.filter-chip{padding:5px 11px;font-size:12px;background:rgba(237,242,250,.8);border:1px solid rgba(120,139,168,.1);border-radius:20px;color:#5d6d84}.filters .muted{font-size:12px}.search{width:100%;font-size:14px!important;padding:11px 13px!important}
.feed-item{padding:20px 23px;border-bottom:1px solid rgba(111,131,158,.1);display:flex;gap:15px;transition:background .18s ease}.feed-item:hover{background:rgba(255,255,255,.38)}.feed-item:last-child{border-bottom:0}
.feed-number{font-size:15px;color:#9daac0;font-weight:600;min-width:22px;padding-top:3px}.feed-title{color:#2d405e;font-size:15px;line-height:1.75;font-weight:650}.feed-desc{font-size:14px;line-height:1.75;color:#718096;margin:7px 0 11px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.meta{display:flex;gap:9px;flex-wrap:wrap;color:#8b97aa;font-size:12px;align-items:center}
.topic-card{padding:20px 23px;border-bottom:1px solid rgba(111,131,158,.1);transition:background .18s ease}.topic-card:hover{background:rgba(255,255,255,.35)}.topic-card:last-child{border-bottom:0}.topic-card h3{margin-top:10px}.topic-card p{font-size:14px;color:#728096;margin:9px 0 15px}.topic-card button{font-size:13px;padding:8px 12px}
.muted{color:#8a96a9}.empty{padding:43px 25px;text-align:center}.empty-symbol{font-size:30px;color:#7f9bd4;display:block;margin-bottom:16px}.empty h3{font-size:16px;color:#51627e;font-weight:650}.empty p{font-size:14px;color:#8490a3;margin:8px auto 19px;max-width:390px}
.note{font-size:13px;color:#62718a;line-height:1.8;background:rgba(255,255,255,.5);border:1px solid rgba(255,255,255,.86);padding:15px 19px;border-radius:13px;margin-bottom:22px;box-shadow:0 7px 20px rgba(61,84,117,.05);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.list{display:grid;gap:14px}.list-card{background:rgba(255,255,255,.62);border:1px solid rgba(255,255,255,.9);border-radius:17px;padding:21px 22px;display:flex;align-items:center;justify-content:space-between;gap:22px;box-shadow:var(--shadow-soft);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.list-card p{font-size:14px;color:#718096;margin:5px 0}.list-card .meta{margin-top:10px}.small-btn{font-size:13px;padding:7px 11px}
.article-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.article-card{padding:22px;background:rgba(255,255,255,.62);border:1px solid rgba(255,255,255,.9);border-radius:17px;display:flex;flex-direction:column;box-shadow:var(--shadow-soft);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);transition:transform .18s ease,box-shadow .18s ease}.article-card:hover{transform:translateY(-2px);box-shadow:0 20px 42px rgba(67,88,119,.13)}.article-card h3{font-size:18px;margin-top:17px}.article-card p{font-size:14px;color:#738197;flex:1}.article-card .actions{margin-top:20px}
.schedule-banner{background:linear-gradient(135deg,rgba(255,255,255,.76),rgba(234,242,255,.66));border:1px solid rgba(255,255,255,.92);padding:23px;border-radius:17px;margin-bottom:20px;display:flex;align-items:center;justify-content:space-between;gap:20px;box-shadow:var(--shadow-soft);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px)}.schedule-banner p{font-size:14px;color:#68778f;margin-bottom:0}
.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;font-size:14px}th{text-align:left;font-size:12px;color:#7f8b9e;font-weight:650;background:rgba(255,255,255,.28)}td,th{padding:16px 21px;border-bottom:1px solid rgba(111,131,158,.11)}td:last-child{max-width:380px;font-size:13px;color:#758198;line-height:1.75}
footer{font-size:12px;color:#7f8b9e;padding:15px 38px 24px;display:flex;justify-content:space-between;gap:15px}
dialog{border:1px solid rgba(255,255,255,.95);border-radius:20px;padding:0;width:min(680px,calc(100vw - 32px));max-height:90vh;box-shadow:0 32px 100px rgba(33,48,73,.25);color:#2d3d55;background:rgba(249,251,255,.86);backdrop-filter:blur(30px) saturate(145%);-webkit-backdrop-filter:blur(30px) saturate(145%)}dialog::backdrop{background:rgba(29,42,62,.28);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.modal-head{padding:23px 27px 18px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(111,131,158,.13)}.modal-body{padding:23px 27px}.modal-foot{padding:17px 27px;border-top:1px solid rgba(111,131,158,.13);display:flex;justify-content:flex-end;gap:10px;background:rgba(255,255,255,.34)}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.field{display:flex;flex-direction:column;gap:8px;font-size:14px;color:#536177;font-weight:600}.field.full{grid-column:1/-1}.field small{font-size:12px;color:#8b97a9;line-height:1.7;font-weight:500}.checkbox{display:flex;align-items:center;gap:9px;font-size:14px;color:#5e6d84;line-height:1.7;grid-column:1/-1}.checkbox input{accent-color:var(--blue);width:17px;height:17px}.form-section{grid-column:1/-1;border-top:1px solid rgba(111,131,158,.14);padding-top:20px;font-size:14px;font-weight:700;color:#55647b}.credential-help{grid-column:1/-1;display:grid;grid-template-columns:1fr auto;gap:5px 16px;padding:14px 16px;border:1px solid rgba(75,111,185,.15);border-radius:12px;background:rgba(237,243,255,.72);color:#62718a;font-size:12px;line-height:1.7}.credential-help strong{color:#405576;font-size:13px}.credential-help span{grid-column:1}.credential-help a{grid-column:2;grid-row:1/3;align-self:center;font-weight:650;white-space:nowrap}.credential-warning{grid-column:1/-1;padding:12px 15px;border:1px solid rgba(190,78,62,.25);border-radius:11px;background:rgba(255,235,230,.82);color:#ad4035;font-size:13px;line-height:1.7}.credential-warning strong{color:#943127}.credential-warning b{font-size:14px;letter-spacing:.03em;color:#8d261d;user-select:all}
input,textarea,select{border:1px solid rgba(103,125,158,.18);border-radius:11px;background:rgba(255,255,255,.76);padding:11px 12px;font-size:14px;color:#344054;max-width:100%;box-shadow:inset 0 1px 1px rgba(52,64,84,.03);transition:border-color .18s ease,box-shadow .18s ease,background .18s ease}input:focus,textarea:focus,select:focus{outline:none;background:#fff;border-color:rgba(70,113,210,.52);box-shadow:0 0 0 4px rgba(59,111,232,.1)}textarea{resize:vertical;line-height:1.8;min-height:92px}.editor{min-height:330px}
.wx-phone{width:min(100%,430px);margin:22px auto 26px;padding:12px;background:#e8ecea;border-radius:24px;box-shadow:0 18px 45px rgba(48,65,57,.13)}
.wx-preview{background:#fff;border-radius:16px;padding:29px 23px 34px;min-height:520px;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;word-wrap:break-word}
.wx-preview h1{font-size:23px;line-height:1.45;letter-spacing:0;color:#202124;margin:0 0 11px;font-weight:700}
.wx-preview .wx-byline{font-size:13px;color:#576b95;margin-bottom:28px}.wx-preview .wx-byline span{color:#b2b8b5;margin-left:8px}
.wx-preview p{font-size:16px;line-height:1.95;letter-spacing:.04em;color:#3f4650;margin:0 0 20px;text-align:justify}
.wx-preview h2{font-size:20px;line-height:1.6;color:#202124;margin:34px 0 18px;padding-left:12px;border-left:4px solid #07c160;font-weight:700}
.wx-preview h3{font-size:17px;line-height:1.65;color:#202124;margin:28px 0 14px;font-weight:700}
.wx-preview blockquote{font-size:15px;line-height:1.9;color:#53615b;background:#f2f8f5;border:0;border-radius:6px;margin:8px 0 24px;padding:16px 18px}
.wx-preview ul{font-size:16px;line-height:1.85;color:#3f4650;margin:4px 0 22px;padding-left:24px}.wx-preview li{margin:0 0 10px;padding-left:4px}
.wx-preview strong{color:#202124;font-weight:700}.wx-preview sup{color:#07a86b;font-size:11px;margin-left:2px}.wx-divider{text-align:center;color:#b8c2bd;font-size:13px;letter-spacing:8px;margin:28px 0}
.wx-preview figure{margin:26px 0}.wx-preview figure img{display:block;width:100%;height:auto;border-radius:8px}.wx-preview figcaption{font-size:12px;line-height:1.6;color:#929a96;text-align:center;margin-top:8px}.image-studio{grid-column:1/-1;margin-top:4px;padding:16px;border:1px solid rgba(105,124,151,.15);border-radius:15px;background:rgba(241,246,252,.72)}.image-studio .panel-head{padding:0 0 14px}.image-studio h3{margin:0 0 4px}.cover-picker{display:grid;grid-template-columns:minmax(0,1fr) 150px;gap:14px;align-items:stretch;margin:15px 0}.cover-preview{min-height:92px;border:1px dashed rgba(103,125,158,.24);border-radius:11px;background:rgba(255,255,255,.58);display:flex;align-items:center;justify-content:center;overflow:hidden;color:#8995a7;font-size:12px;text-align:center;padding:8px}.cover-preview img{width:100%;height:92px;object-fit:cover;border-radius:7px}.ai-image-row{display:grid;grid-template-columns:1fr auto;gap:9px;margin-bottom:14px}.image-library{display:flex;gap:10px;overflow-x:auto;padding:2px 1px 7px;min-height:82px;align-items:center}.image-tile{position:relative;flex:0 0 116px;height:76px;padding:0;overflow:hidden;border-radius:10px;background:#dbe5f1}.image-tile img{width:100%;height:100%;object-fit:cover;display:block}.image-tile span{position:absolute;left:5px;bottom:5px;padding:3px 6px;border-radius:6px;background:rgba(18,29,45,.72);color:#fff;font-size:10px}.image-tile:hover{transform:translateY(-1px)}.push-cover{display:flex;align-items:center;gap:14px;margin:18px 0;padding:11px;border:1px solid rgba(103,125,158,.15);border-radius:12px;background:rgba(241,246,252,.7);color:#5e6d84;font-size:13px}.push-cover img{width:145px;height:82px;object-fit:cover;border-radius:8px}.push-cover.fallback{min-height:58px;justify-content:center}
.source-links{font-size:13px;line-height:2;word-break:break-word}.wide-dialog{width:min(900px,calc(100vw - 32px))}
#toast{position:fixed;bottom:26px;left:50%;transform:translate(-50%,15px);background:rgba(24,37,56,.88);border:1px solid rgba(255,255,255,.24);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);color:white;padding:13px 22px;max-width:90vw;border-radius:12px;font-size:14px;opacity:0;pointer-events:none;transition:.2s;box-shadow:0 12px 35px rgba(23,35,53,.28);z-index:10}#toast.show{opacity:1;transform:translate(-50%,0)}
.error-note{background:rgba(255,239,234,.72);color:#9a5044;border-color:rgba(255,255,255,.8)}.form-error{grid-column:1/-1;margin-bottom:18px;padding:12px 15px;border:1px solid rgba(190,78,62,.2);border-radius:12px;background:rgba(255,235,230,.82);color:#9a4035;font-size:14px;line-height:1.6}.form-error[hidden]{display:none}.inline-status{font-size:14px;line-height:1.7;padding:12px 16px;background:rgba(255,255,255,.52);border:1px solid rgba(255,255,255,.86);border-radius:12px;margin-bottom:20px;box-shadow:var(--shadow-soft)}.loading{padding:80px;text-align:center;color:#748197}.intro-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:24px}.intro-step{border:1px solid rgba(255,255,255,.92);background:rgba(255,255,255,.6);padding:24px;border-radius:17px;box-shadow:var(--shadow-soft);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.intro-step b{font-size:24px;color:#7190d3;font-weight:600}.intro-step h3{margin-top:18px}.intro-step p{font-size:14px;color:#748197}.login{max-width:420px;margin:70px auto}.login input{width:100%;margin:16px 0}.login button{width:100%}.auth-switch{margin-top:18px;text-align:center;color:var(--muted);font-size:14px}.login .auth-switch button{display:inline;width:auto;padding:0;border:0;background:transparent;color:var(--blue);font-weight:700;box-shadow:none}.login .auth-switch button:hover{color:var(--blue-dark);transform:none}.url-text{word-break:break-all}.account-details{flex:1}.connection{font-size:12px;color:#758399}.file-upload{margin-top:12px}.subtle{font-size:12px;color:#8793a6;line-height:1.75}
.code-row{display:grid;grid-template-columns:1fr 116px;gap:10px;align-items:end}.code-row button{margin-bottom:16px;height:42px;padding:8px}.code-row .field{min-width:0}
.plan-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:22px}.plan-card{padding:24px;background:rgba(255,255,255,.58);border:1px solid rgba(255,255,255,.9);border-radius:18px;box-shadow:var(--shadow-soft)}.plan-card.current{border-color:rgba(59,111,232,.42);box-shadow:0 14px 38px rgba(59,111,232,.14)}.plan-card h2{font-size:23px;margin:18px 0 10px}.plan-card p{font-size:13px;color:#718096;margin:0}.admin-section{margin-top:20px}.code-output{width:100%;min-height:180px;margin-top:18px;font:600 16px/2 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.08em}.membership-stats .stat-text small{display:block;margin:5px 0 0}
.member-contact{display:flex;align-items:center;gap:30px;margin-bottom:22px;padding:24px;background:linear-gradient(135deg,rgba(255,255,255,.78),rgba(237,243,255,.68));border:1px solid rgba(255,255,255,.94);border-radius:18px;box-shadow:var(--shadow-soft)}.member-contact img{display:block;width:210px;height:auto;flex:0 0 210px;border-radius:14px;border:1px solid rgba(105,124,151,.14);box-shadow:0 12px 30px rgba(55,75,105,.12)}.member-contact h2{font-size:22px;line-height:1.55;margin:16px 0 8px}.member-contact p{font-size:14px;color:#718096;margin:0;max-width:590px}
@supports not ((backdrop-filter:blur(10px)) or (-webkit-backdrop-filter:blur(10px))){.sidebar,.panel,.stat,.list-card,.article-card,.schedule-banner,dialog{background:rgba(255,255,255,.94)}}
@media(min-width:1600px){#content{padding-top:46px}.feed-item{padding-top:24px;padding-bottom:24px}}
@media(max-width:1100px){.shell{padding:12px;gap:12px}.sidebar{width:210px;inset:12px auto 12px 12px;padding:24px 14px}.brand{font-size:22px}.brand-mark{width:40px;height:40px}.sidebar-bottom small{display:none}main{margin-left:222px;border-radius:20px}#content{padding:28px}.topbar{padding:0 28px}.grid-main{grid-template-columns:1fr}.article-grid{grid-template-columns:repeat(2,1fr)}footer{padding:20px 28px}.stats{gap:10px}.stat{padding:17px}}
@media(max-width:700px){body{background:radial-gradient(circle at 25% 5%,rgba(194,218,255,.8),transparent 22rem),linear-gradient(155deg,#f2f6fc,#eef2f8)}.shell{display:block;padding:9px}.sidebar{position:static;width:100%;padding:16px 14px 11px;border-radius:18px;margin-bottom:9px}.brand{margin:0 0 17px;font-size:21px}.brand-mark{width:36px;height:36px;font-size:19px;border-radius:11px}.brand small{font-size:9px}.sidebar select{margin-bottom:10px}.account-label{display:none}nav{display:flex;overflow:auto;gap:5px;padding-bottom:2px;scrollbar-width:none}nav::-webkit-scrollbar{display:none}nav button{white-space:nowrap;font-size:13px;padding:9px 10px;gap:6px;border-radius:10px}nav button span{font-size:15px}.nav-separator,.sidebar-bottom{display:none}main{margin-left:0;border-radius:18px}.topbar{height:55px;padding:0 18px}.topbar-right{gap:9px}.topbar-right #today{display:none}#content{padding:24px 14px}.page-heading{align-items:flex-start;flex-direction:column;gap:16px}h1{font-size:25px}.eyebrow{font-size:11px}.stats{grid-template-columns:repeat(2,1fr)}.stat-value{font-size:27px}.grid-main{gap:16px}.panel-head{padding:18px}.feed-item,.topic-card{padding:18px}.article-grid,.plan-grid{grid-template-columns:1fr}.list-card{align-items:flex-start;flex-direction:column}.form-grid{grid-template-columns:1fr}.field{grid-column:1/-1}.modal-head,.modal-body,.modal-foot{padding:19px}.intro-steps{grid-template-columns:1fr}.intro-step{padding:20px}.schedule-banner{align-items:flex-start;flex-direction:column}.cover-picker{grid-template-columns:1fr}.cover-preview{min-height:120px}.cover-preview img{height:120px}.ai-image-row{grid-template-columns:1fr}.image-studio .panel-head{padding:0 0 14px}.member-contact{align-items:center;flex-direction:column;text-align:center;padding:20px}.member-contact img{width:min(240px,100%);flex-basis:auto}.member-contact h2{font-size:19px}footer{padding:15px 16px;flex-direction:column;font-size:12px}.avatar{width:29px;height:29px}.login{margin:20px auto}.stats .stat{min-width:0}.stat-value small{display:block;margin:4px 0 0}}
@media(max-width:460px){.credential-help{grid-template-columns:1fr}.credential-help span,.credential-help a{grid-column:1;grid-row:auto}.credential-help a{margin-top:3px}.code-row{grid-template-columns:1fr}.code-row button{margin:-8px 0 8px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important}}