@import "https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@400;500;600;700&family=Playfair+Display:wght@600;700&display=swap";:root{--bg:#fcf8ff;--surface:#fffaff;--lavender:#eee3ff;--lavender-2:#e4d2ff;--purple:#6c4cb4;--purple-dark:#2c086e;--text:#201a23;--muted:#6e6573;--border:#d7ceda;--node:#ebe7ed;--success:#bff0c7;--shadow:0 12px 35px #4a2b6914;color:var(--text);background:var(--bg);font-synthesis:none;font-family:Noto Sans SC,system-ui,-apple-system,sans-serif}*{box-sizing:border-box}body{background:var(--bg);min-width:320px;min-height:100vh;margin:0}button,input{font:inherit;color:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:0}.app-shell{min-height:100vh}.topbar{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);z-index:20;background:#fcf8ffeb;border-bottom:1px solid #d7ceda80;align-items:center;height:74px;padding:0 20px;display:flex;position:fixed;inset:0 0 auto}.brand,.auth-brand{align-items:center;gap:10px;font-family:Georgia,Times New Roman,serif;font-size:22px;display:flex}.cat-logo{font-size:27px}.top-actions{align-items:center;gap:22px;margin-left:auto;display:flex}.top-actions svg{width:22px}.avatar{color:#5d4d71;background:#eee6fa;border-radius:50%;width:35px;height:35px}.sidebar{border-right:1px solid var(--border);background:var(--bg);z-index:15;flex-direction:column;width:240px;padding:10px 8px 20px;display:flex;position:fixed;top:74px;bottom:0;left:0}.sidebar nav,.bottom-nav{flex-direction:column;gap:8px;display:flex}.sidebar a,.sidebar button{text-align:left;border-radius:28px;align-items:center;gap:16px;height:56px;padding:0 18px;font-size:16px;display:flex}.sidebar a svg,.sidebar button svg{width:21px}.sidebar a.router-link-active{background:#e8dcfa}.bottom-nav{border-top:1px solid #e6dfea;margin-top:auto;padding-top:8px}.main-content{min-height:100vh;margin-left:240px;padding:118px 48px 60px}.content-narrow{width:100%;max-width:1152px;margin:0 auto}.content-small{width:100%;max-width:860px;margin:0 auto}.page-header{align-items:flex-start;gap:20px;margin-bottom:38px;display:flex}.page-header h1{margin:0 0 4px;font-family:Georgia,Times New Roman,serif;font-size:30px;font-weight:500}.page-header p{color:var(--muted);margin:0}.back{margin-top:1px;font-size:34px;line-height:1}.mobile-menu{display:none}.primary{background:var(--purple);border-radius:24px;padding:11px 24px;font-weight:600;transition:all .2s;color:#fff!important}.primary:hover{background:#593a9e;transform:translateY(-1px)}.primary:disabled{opacity:.6}.full{width:100%;height:44px}.loader,.empty-state{min-height:300px;color:var(--muted);place-items:center;display:grid}.auth-page{background-color:#fffaff;background-image:linear-gradient(#f2ebf5 1px,#0000 1px),linear-gradient(90deg,#f2ebf5 1px,#0000 1px);background-size:32px 32px;place-items:center;min-height:100vh;padding:80px 20px 30px;display:grid}.auth-brand{position:absolute;top:22px;left:24px}.auth-card{width:min(400px,100vw - 32px);box-shadow:var(--shadow);background:#fcf8ffed;border:1px solid #e0d8e3;border-radius:12px;padding:30px 28px}.auth-card h1{margin:0;font-family:Georgia,serif;font-size:28px}.auth-card>p{color:var(--muted);margin:4px 0 24px;font-size:13px}.auth-card label,.settings-panel label{margin:15px 0 6px;font-size:13px;display:block}.auth-card input,.settings-panel input{background:0 0;border:1px solid #cfc3d4;border-radius:7px;outline:none;width:100%;height:42px;padding:0 12px}.auth-card input:focus,.settings-panel input:focus{border-color:var(--purple);box-shadow:0 0 0 3px #6c4cb41a}.password-input{position:relative}.password-input button{height:34px;position:absolute;top:4px;right:5px}.password-input svg{width:18px}.auth-row{justify-content:space-between;align-items:center;margin:14px 0;font-size:12px;display:flex}.auth-row .check{align-items:center;gap:7px;margin:0;display:flex}.check input{width:14px;height:14px}.auth-row a,.auth-footer a{color:var(--purple);font-weight:600}.form-error{color:#b5284c;margin:8px 0;font-size:12px}.auth-footer{text-align:center;margin-top:17px;font-size:12px}.plan-summary{background:linear-gradient(135deg,#f0e4ff,#eadcff);border-radius:32px;overflow:hidden}.plan-summary>p{color:#6a5796;margin:0;padding:26px 25px 0;font-size:13px}.plan-summary h1{color:var(--purple-dark);margin:8px 25px 14px;font-family:Georgia,serif;font-size:32px}.usage-line{color:#694c9d;justify-content:space-between;padding:0 25px;display:flex}.usage-line strong{color:var(--purple-dark);font-size:25px}.progress{background:#d6c6ec;border-radius:10px;height:6px;margin:9px 25px 14px;position:relative}.progress i{background:#351081;border-radius:10px;min-width:5px;height:100%;display:block}.plan-summary>small{color:#674f8e;padding:0 25px 22px;display:block}.summary-bottom{border-top:1px solid #d8cae9;grid-template-columns:1fr 1fr;padding:18px;display:grid}.summary-bottom>div{text-align:center;color:#684e94;justify-items:center;font-size:13px;display:grid}.summary-bottom svg{width:23px}.summary-bottom strong{color:var(--purple-dark);font-size:15px}.subscription-card{border:1px solid var(--border);border-radius:12px;gap:20px;margin-top:16px;padding:38px;display:flex}.subscription-card>img{border:1px solid #eee;border-radius:12px;width:130px;height:130px}.sub-detail{flex:1;min-width:0}.sub-detail label{font-size:13px}.url-field{border:1px solid #77707d;border-radius:12px;align-items:center;height:56px;margin-top:-2px;padding-left:14px;font-size:16px;display:flex}.url-field span{white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.url-field button{padding:10px 8px}.url-field svg{width:20px}.sub-detail>small{color:var(--muted);margin:10px 0;display:block}.import-actions{justify-content:flex-end;gap:10px;display:flex}.import-actions button{background:#e8dcf8;border-radius:24px;padding:12px 22px}.text-link{color:var(--purple);justify-content:flex-end;align-items:center;gap:8px;margin-top:26px;font-size:14px;display:flex}.text-link svg{width:18px}.qr-placeholder{background:var(--lavender);width:130px;height:130px;color:var(--muted);border:1px solid #eee;border-radius:12px;flex:none;place-items:center;font-size:13px;display:grid}.plan-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.plan-card{border:1px solid var(--border);border-radius:16px;flex-direction:column;min-height:450px;padding:24px;display:flex;position:relative}.plan-card.recommended{border:2px solid var(--purple)}.recommend{color:#243e6b;background:#cfe3ff;border-radius:12px;padding:3px 12px;font-size:12px;position:absolute;top:-14px;left:15px}.plan-card h2{margin:0 0 10px;font-family:Georgia,serif;font-size:23px}.plan-card>strong{font-size:15px}.plan-card ul{min-height:122px;padding-left:27px;font-size:14px;line-height:1.8}.cycle{border-bottom:1px solid #e2dce6;margin-top:auto;display:flex}.cycle span{text-align:center;color:#4c4552;flex:1;padding:10px}.cycle span.active{color:var(--purple);border-bottom:3px solid var(--purple)}.price{margin-top:20px;font-size:28px;font-weight:700}.price small{color:var(--muted);font-size:14px;font-weight:400}.plan-card>p{color:var(--muted);font-size:12px}.plan-card>button{align-self:flex-end;margin-top:auto}.toast{color:#fff;box-shadow:var(--shadow);background:#2f2042;border-radius:10px;padding:13px 20px;position:fixed;bottom:30px;right:30px}.payment-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:50;background:#19111f7a;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.payment-dialog{background:var(--surface);border:1px solid var(--border);text-align:center;border-radius:24px;width:min(430px,100%);padding:34px;position:relative;box-shadow:0 24px 70px #1e122f40}.payment-dialog h2{margin:10px 0 8px;font-family:Georgia,Times New Roman,serif;font-size:26px}.payment-dialog>p{color:var(--muted);line-height:1.65}.payment-close{border-radius:50%;place-items:center;width:36px;height:36px;display:grid;position:absolute;top:16px;right:16px}.payment-close:hover{background:var(--lavender)}.payment-close svg{width:20px}.payment-qr{border:10px solid #fff;border-radius:16px;width:224px;height:224px;margin:14px auto 12px;display:block}.payment-subtitle{margin:0!important}.payment-status{color:var(--purple);justify-content:center;align-items:center;gap:8px;margin-top:8px;font-size:14px;display:flex}.status-dot{background:var(--purple);border-radius:50%;width:8px;height:8px;animation:1.8s infinite pulse;box-shadow:0 0 0 5px #6c4cb41f}.order-number{color:var(--muted);margin:13px 0;font-size:12px}.payment-tip{font-size:12px;margin:0!important}.payment-state{width:58px;height:58px;margin-top:12px}.payment-state.success{color:#1d9b56}.payment-state.pending{color:var(--purple)}.payment-state.danger{color:#c13e5d}.payment-note{background:var(--lavender);text-align:left;border-radius:12px;margin:18px 0;padding:13px;font-size:12px;line-height:1.55}.payment-dialog .full{margin-top:18px}@keyframes pulse{50%{box-shadow:0 0 0 9px #6c4cb400}}.announcement-layout{grid-template-columns:2fr 1fr;gap:40px;display:grid}.announcement{background:#f5eff8;border-radius:12px;overflow:hidden}.announcement-art{background:linear-gradient(145deg,#f4ae92,#f6d1bf 42%,#c99b85);place-items:center;height:230px;display:grid;position:relative;overflow:hidden}.announcement-art:before{content:"🐈";filter:grayscale(.25);opacity:.55;font-size:185px;transform:rotate(-14deg)}.announcement-art span{color:#463331;font-family:Georgia,serif;font-size:34px;position:absolute;bottom:22px;right:30px}.announcement h2,.announcement p,.announcement>small{margin-left:26px;margin-right:26px}.announcement h2{font-family:Georgia,serif}.announcement>small{color:var(--muted);margin-bottom:24px;display:block}.announcement-layout aside h3{font-family:Georgia,serif}.announcement-layout aside>div{align-items:center;gap:12px;display:flex}.mini-art{background:#f1d4c8;border-radius:8px;place-items:center;width:44px;height:44px;display:grid}.announcement-layout aside strong,.announcement-layout aside small{font-size:13px;display:block}.announcement-layout aside small{color:var(--muted)}.balance{background:var(--lavender-2);border-radius:12px;justify-content:space-between;align-items:center;padding:28px;display:flex}.balance span,.balance strong,.balance p{display:block}.balance strong{font-size:34px}.balance p{color:var(--muted);margin-bottom:0;font-size:13px}.balance>svg{color:#fff;background:var(--purple);border-radius:50%;width:58px;height:58px;padding:16px}.stat-grid{grid-template-columns:repeat(4,1fr);gap:15px;margin:16px 0;display:grid}.stat-grid>div{border:1px solid var(--border);border-radius:13px;align-items:flex-start;gap:12px;padding:16px;display:flex}.stat-grid svg{background:var(--lavender);width:40px;height:40px;color:var(--purple-dark);border-radius:50%;padding:9px}.stat-grid span{font-size:13px}.stat-grid strong{margin-top:8px;font-size:25px;display:block}.panel{border:1px solid var(--border);border-radius:12px;margin-top:16px;padding:24px}.panel h2{margin:0;font-family:Georgia,serif;font-weight:500}.panel-head{justify-content:space-between;align-items:center;display:flex}.panel-head span{font-size:13px}.invite-row{background:#f1ecf3;border-radius:12px;align-items:center;gap:18px;margin-top:20px;padding:20px;display:flex}.invite-row code{flex:1;font:14px inherit}.invite-row span{color:var(--muted);font-size:12px}.invite-row svg{width:19px}.commission>div{border:1px solid var(--border);height:130px;color:var(--muted);border-radius:12px;place-items:center;margin-top:14px;display:grid}.more-grid{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.more-grid a{background:#e9e4eb;border-radius:7px;align-items:center;gap:12px;min-height:74px;padding:15px;transition:all .2s;display:flex}.more-grid a:hover{background:#ded3eb;transform:translateY(-2px)}.more-grid svg{color:var(--purple);background:#f4eaff;border-radius:6px;width:38px;height:38px;padding:8px}.more-grid span,.more-grid small{display:block}.more-grid small{color:var(--muted);margin-top:4px;font-size:11px}.node-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.node-grid article{background:var(--node);border-radius:16px;min-width:0;min-height:136px;padding:18px 20px}.node-head{justify-content:space-between;gap:8px;display:flex}.node-head strong{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.online{background:var(--success);color:#095e2d;white-space:nowrap;border-radius:14px;padding:3px 8px;font-size:12px}.tags{flex-wrap:wrap;align-items:center;gap:7px;margin-top:20px;display:flex}.tags span{color:#6c4d65;border:1px solid #cbbdce;border-radius:7px;padding:3px 9px;font-size:11px}.tags span:nth-child(2){color:var(--purple);border-color:#baa9dd}.tags b{background:#e8dcfa;border-radius:10px;margin-left:auto;padding:5px 10px;font-size:11px}.tags b svg{vertical-align:-2px;width:12px;height:12px}.table-wrap{border:1px solid var(--border);border-radius:12px;overflow:hidden}.table-wrap table{border-collapse:collapse;width:100%}.table-wrap th,.table-wrap td{text-align:left;border-bottom:1px solid #e8e1ea;padding:15px 20px;font-size:13px}.table-wrap th{color:var(--muted);background:#f2edf4}.order-list{border:1px solid var(--border);border-radius:12px;overflow:hidden}.order-list>div{border-bottom:1px solid var(--border);grid-template-columns:2fr 1fr .5fr .5fr;align-items:center;padding:18px;display:grid}.order-list small{color:var(--muted);font-size:11px;display:block}.order-list em{color:#148140;font-style:normal}.empty-state a{color:var(--purple);margin:0 4px}.settings-panel{border:1px solid var(--border);border-radius:10px;padding:26px}.settings-panel h2{margin:20px 0 10px;font-family:Georgia,serif;font-size:20px}.settings-panel h2:first-child{margin-top:0}.settings-panel input:disabled{background:#f1edf2}.settings-panel>button{margin-top:18px}.switch-row{border-bottom:1px solid #eee7f0;justify-content:space-between;align-items:center;padding:12px 0;display:flex!important}.switch-row input{display:none}.switch-row i{background:#cfc8d3;border-radius:20px;width:40px;height:22px;position:relative}.switch-row i:after{content:"";background:#fff;border-radius:50%;width:16px;height:16px;transition:all .2s;position:absolute;top:3px;left:3px}.switch-row input:checked+i{background:var(--purple)}.switch-row input:checked+i:after{left:21px}.settings-message{color:var(--purple);margin-left:12px;font-size:13px}@media (width<=1400px){.node-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=1100px){.plan-grid{grid-template-columns:repeat(2,1fr)}.more-grid{grid-template-columns:repeat(3,1fr)}.stat-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=760px){.topbar{height:64px;padding:0 14px}.mobile-menu{margin-right:10px;display:block}.mobile-menu svg{width:22px}.brand{font-size:18px}.top-actions{gap:12px}.top-actions>svg{display:none}.sidebar{width:260px;transition:all .25s;top:64px;transform:translate(-100%);box-shadow:20px 0 40px #00000014}.sidebar.open{transform:translate(0)}.main-content{margin:0;padding:94px 16px 40px}.page-header{margin-bottom:25px}.page-header h1{font-size:26px}.plan-grid,.node-grid,.more-grid,.stat-grid{grid-template-columns:1fr}.subscription-card{padding:20px;display:block}.subscription-card>img{margin:0 auto 18px;display:block}.import-actions{flex-direction:column}.import-actions button{width:100%}.announcement-layout{grid-template-columns:1fr}.plan-summary{border-radius:22px}.summary-bottom{padding:14px}.url-field{font-size:13px}.stat-grid{grid-template-columns:1fr 1fr}.invite-row{flex-wrap:wrap}.invite-row code{flex-basis:100%}.invite-row span{flex:1}.panel{padding:18px}.panel-head{align-items:flex-start;gap:12px}.panel-head .primary{white-space:nowrap;padding:9px 13px}.order-list>div{grid-template-columns:1fr 1fr;gap:8px}.order-list b,.order-list em{text-align:right}.table-wrap{overflow-x:auto}.auth-brand{left:18px}.top-actions .avatar{display:block}}@media (width<=430px){.stat-grid{grid-template-columns:1fr}.brand .cat-logo{display:none}.top-actions{margin-left:auto}.plan-card{min-height:420px}.balance{padding:20px}.balance>svg{display:none}.announcement-art{height:180px}}.import-actions .primary{background:var(--purple)}.icon-button{border-radius:50%;place-items:center;width:34px;height:34px;padding:6px;display:grid}.icon-button:hover{background:var(--lavender)}.icon-button svg{width:22px}.menu-scrim{z-index:20;cursor:default;position:fixed;inset:74px 0 0}.top-menu{z-index:22;background:#f5eff8;border:1px solid #eee6f0;border-radius:18px;position:fixed;top:84px;overflow:hidden;box-shadow:0 8px 24px #1d13271f}.top-menu button{text-align:left;align-items:center;gap:12px;width:100%;min-height:48px;padding:0 17px;display:flex}.top-menu button:hover,.top-menu button.selected{background:#e5dced}.top-menu button svg{width:19px;margin-left:auto}.language-menu{width:222px;padding:8px;right:48px}.language-menu button{border-radius:14px}.profile-menu{width:224px;right:8px}.profile-menu>div{border-bottom:1px solid #e3dae7;padding:20px 17px 16px}.profile-menu strong,.profile-menu small{display:block}.profile-menu strong{text-overflow:ellipsis;font-size:13px;overflow:hidden}.profile-menu small{color:var(--muted);margin-top:6px;font-size:12px}.profile-menu button{justify-content:flex-start}.profile-menu button svg{margin:0}[data-theme=dark]{--bg:#191820;--surface:#191820;--lavender:#4b435b;--lavender-2:#40365e;--purple:#cbb9fb;--purple-dark:#f0e7ff;--text:#eeeaf2;--muted:#bdb4c5;--border:#4b4553;--node:#292630;--success:#265f41;--shadow:0 12px 35px #00000040;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}[data-theme=dark] body,[data-theme=dark] .sidebar{background:#191820}[data-theme=dark] .topbar{background:#191820f0;border-color:#302d36}[data-theme=dark] .sidebar a.router-link-active{background:#4e465d}[data-theme=dark] .plan-summary{background:#3e345d}[data-theme=dark] .progress{background:#655a7d}[data-theme=dark] .progress i{background:#e9ddff}[data-theme=dark] .summary-bottom{border-color:#5b5270}[data-theme=dark] .subscription-card,[data-theme=dark] .plan-card,[data-theme=dark] .panel,[data-theme=dark] .settings-panel,[data-theme=dark] .table-wrap,[data-theme=dark] .order-list{background:#191820}[data-theme=dark] .url-field{border-color:#8c8396}[data-theme=dark] .import-actions button{background:#51495f}[data-theme=dark] .import-actions .primary{background:#cbb9fb;color:#291b48!important}[data-theme=dark] .more-grid a,[data-theme=dark] .invite-row,[data-theme=dark] .table-wrap th,[data-theme=dark] .auth-card{background:#292630}[data-theme=dark] .more-grid a:hover{background:#36313f}[data-theme=dark] .top-menu{background:#292630;border-color:#3a3540}[data-theme=dark] .top-menu button:hover,[data-theme=dark] .top-menu button.selected{background:#40394a}[data-theme=dark] .profile-menu>div{border-color:#403b46}[data-theme=dark] .auth-page{background-color:#191820;background-image:linear-gradient(#292630 1px,#0000 1px),linear-gradient(90deg,#292630 1px,#0000 1px)}@media (width<=760px){.menu-scrim{inset:64px 0 0}.top-menu{top:70px}.language-menu{right:46px}.profile-menu{right:8px}}[data-theme=dark] .plan-summary>p,[data-theme=dark] .plan-summary>small,[data-theme=dark] .usage-line,[data-theme=dark] .summary-bottom>div{color:#cfc6dd}[data-theme=dark] .plan-summary h1,[data-theme=dark] .usage-line strong,[data-theme=dark] .summary-bottom strong{color:#f3edff}