#jiali-shell{font-family: Inter, "Segoe UI", "Microsoft YaHei UI", "Microsoft YaHei", sans-serif; color: rgb(32, 44, 54); background: rgb(230, 238, 239); font-synthesis: none; --ink: #202c36; --muted: #697b87; --line: rgba(91,111,118,.15); --glass: rgba(255,255,255,.87); --soft: rgba(244,248,249,.78); --accent: #327f76; --accent-soft: #e6f4ee; --blue: #4770d9; --shadow: 0 8px 30px rgba(33,65,77,.06); --pink: #e87f9b; letter-spacing: 0px; color-scheme: light;}
#jiali-shell *{box-sizing: border-box;}
#jiali-shell{margin: 0px; min-width: 320px;}
#jiali-shell button,#jiali-shell input,#jiali-shell select,#jiali-shell textarea{font: inherit; color: inherit;}
#jiali-shell button,#jiali-shell a,#jiali-shell input,#jiali-shell select{-webkit-tap-highlight-color: transparent;}
#jiali-shell button,#jiali-shell a{touch-action: manipulation;}
#jiali-shell button{cursor: pointer;}
#jiali-shell a{color: inherit; text-decoration: none;}
#jiali-shell button{border: 0px;}
#jiali-shell button:disabled{cursor: default; opacity: 0.6;}
#jiali-shell button:focus-visible,#jiali-shell a:focus-visible,#jiali-shell input:focus-visible,#jiali-shell select:focus-visible,#jiali-shell textarea:focus-visible{outline: rgb(144, 183, 220) solid 3px; outline-offset: 4px;}
#jiali-shell button,#jiali-shell a{transition: background 0.18s, color 0.18s, box-shadow 0.18s, transform 0.18s;}
#jiali-shell svg{width: 20px; height: 20px; stroke-width: 1.7; flex-shrink: 0;}
#jiali-shell button svg{pointer-events: none;}
#jiali-shell h1,#jiali-shell h2,#jiali-shell h3,#jiali-shell p{margin: 0px;}
#jiali-shell button[hidden],#jiali-shell [hidden]{display: none !important;}
#jiali-shell .scenery{position: fixed; inset: 0px; z-index: -2; background: url("assets/cloud-garden.jpg") center center / cover no-repeat;}
#jiali-shell .scenery::after{content: ""; position: absolute; inset: 0px; background: rgba(226, 238, 240, 0.16);}
#jiali-shell .page-shell{max-width: 1376px; padding: 26px 40px 0px; margin: auto;}
#jiali-shell .topbar{height: 82px; display: flex; align-items: center; gap: 28px; padding: 12px 20px 12px 16px; border: 1px solid rgba(255, 255, 255, 0.8); border-radius: 50px; background: rgba(251, 253, 255, 0.88); box-shadow: rgba(35, 64, 76, 0.08) 0px 6px 30px; backdrop-filter: blur(22px); position: relative; z-index: 10;}
#jiali-shell .brand{display: flex; gap: 11px; align-items: center; white-space: nowrap; font-size: 23px; font-weight: 750; line-height: 1.15;}
#jiali-shell .brand-mark{height: 49px; width: 49px; display: grid; place-items: center; background: rgb(50, 127, 118); color: white; border-radius: 50%; box-shadow: rgba(255, 255, 255, 0.11) 0px 0px 0px 5px inset;}
#jiali-shell .brand-mark svg{width: 28px; height: 28px; stroke-width: 1.8;}
#jiali-shell .brand-light{font-weight: 450;}
#jiali-shell .brand small{font-size: 10px; display: block; font-weight: 400; margin-top: 5px; color: var(--muted);}
#jiali-shell .main-nav{display: flex; align-items: center; justify-content: center; gap: 8px; flex: 1 1 0%;}
#jiali-shell .main-nav a{display: flex; align-items: center; justify-content: center; gap: 9px; min-width: 98px; height: 48px; border-radius: 26px; font-size: 14px; font-weight: 600; color: rgb(102, 115, 124);}
#jiali-shell .main-nav a:hover{background: rgba(255, 255, 255, 0.62);}
#jiali-shell .main-nav a.active{background: white; color: var(--accent); box-shadow: rgba(46, 91, 86, 0.1) 0px 3px 13px;}
#jiali-shell .main-nav a.active svg{stroke-width: 2;}
#jiali-shell .header-actions{display: flex; align-items: center; gap: 8px;}
#jiali-shell .icon-button{height: 40px; width: 40px; border: 1px solid var(--line); border-radius: 50%; background: rgba(255, 255, 255, 0.66); display: inline-grid; place-items: center; flex-shrink: 0;}
#jiali-shell .icon-button:hover{background: var(--accent-soft); color: var(--accent);}
#jiali-shell .notification-button{position: relative;}
#jiali-shell .notification-dot{position: absolute; top: 9px; right: 10px; width: 5px; height: 5px; border-radius: 50%; background: var(--pink); box-shadow: white 0px 0px 0px 2px;}
#jiali-shell .avatar-button{width: 42px; height: 42px; background: rgb(224, 239, 234); color: var(--accent); font-size: 18px; border: 3px solid white; border-radius: 50%; position: relative;}
#jiali-shell .avatar-button > span{position: absolute; bottom: -1px; right: -2px; width: 10px; height: 10px; border: 2px solid white; background: rgb(83, 166, 143); border-radius: 50%;}
#jiali-shell .profile-wrap{position: relative;}
#jiali-shell .account-menu{position: absolute; right: 0px; top: 54px; width: 224px; background: var(--glass); backdrop-filter: blur(24px); padding: 8px; border-radius: 8px; box-shadow: rgba(32, 62, 70, 0.19) 0px 10px 45px; border: 1px solid var(--line);}
#jiali-shell .account-menu > div{padding: 12px 10px; border-bottom: 1px solid var(--line); margin-bottom: 5px;}
#jiali-shell .account-menu small{display: block; font-size: 11px; color: var(--muted); margin-top: 5px;}
#jiali-shell .account-menu button{display: flex; align-items: center; gap: 10px; width: 100%; padding: 11px 10px; background: none; text-align: left; font-size: 13px; border-radius: 5px;}
#jiali-shell .account-menu button:hover{background: var(--accent-soft); color: var(--accent);}
#jiali-shell main{min-height: 70vh;}
#jiali-shell .greeting{display: flex; align-items: flex-end; justify-content: space-between; margin: 33px 1px 21px; gap: 20px;}
#jiali-shell .greeting h1{font-size: 24px; font-weight: 650; text-shadow: rgba(255, 255, 255, 0.6) 0px 1px 12px;}
#jiali-shell .greeting p{font-size: 12px; color: rgb(67, 93, 105); margin-top: 8px; text-shadow: rgba(255, 255, 255, 0.8) 0px 1px 8px;}
#jiali-shell .greeting-meta{display: flex; gap: 12px; align-items: center; flex-shrink: 0;}
#jiali-shell .preview-tag{display: inline-flex; align-items: center; gap: 6px; font-size: 10px; font-weight: 500; background: rgba(255, 255, 255, 0.8); padding: 6px 10px; border: 1px solid var(--line); border-radius: 20px; color: rgb(91, 110, 121); white-space: nowrap;}
#jiali-shell .preview-tag::before{content: ""; width: 5px; height: 5px; background: rgb(140, 155, 161); border-radius: 50%;}
#jiali-shell .date{font-size: 11px; color: rgb(67, 93, 105); text-shadow: rgba(255, 255, 255, 0.8) 0px 1px 8px;}
#jiali-shell .announcement{height: 206px; position: relative; isolation: isolate; border: 1px solid rgba(255, 255, 255, 0.68); border-radius: 8px; overflow: hidden; display: flex; flex-direction: column; justify-content: space-between; padding: 22px 26px; background: url("assets/cloud-garden.jpg") center 42% / cover; box-shadow: var(--shadow);}
#jiali-shell .announcement::before{content: ""; position: absolute; inset: 0px; background: linear-gradient(90deg, rgba(20, 66, 69, 0.54), rgba(21, 58, 64, 0.06) 70%); z-index: -1;}
#jiali-shell .announcement-top{display: flex; justify-content: space-between; align-items: flex-start; color: white;}
#jiali-shell .announcement-label{display: flex; align-items: center; gap: 7px; background: rgba(255, 255, 255, 0.23); padding: 6px 10px; font-size: 10px; border: 1px solid rgba(255, 255, 255, 0.25); border-radius: 4px; backdrop-filter: blur(10px);}
#jiali-shell .announcement-label svg{width: 14px; height: 14px;}
#jiali-shell .announcement-title{font-size: 26px; font-weight: 550; margin-top: 12px; line-height: 1.45; text-shadow: rgba(36, 73, 88, 0.25) 0px 2px 10px;}
#jiali-shell .announcement-subtitle{font-size: 11px; margin-top: 5px; color: rgb(240, 245, 243);}
#jiali-shell .announcement-counter{display: flex; gap: 5px; margin-top: 4px;}
#jiali-shell .announcement-counter span{width: 5px; height: 5px; background: rgba(255, 255, 255, 0.44); border-radius: 50%;}
#jiali-shell .announcement-counter .selected{width: 19px; background: white;}
#jiali-shell .announcement-bottom{display: flex; gap: 13px; align-items: center; justify-content: space-between; background: rgba(255, 255, 255, 0.91); border-radius: 6px; padding: 13px 16px; font-size: 12px; backdrop-filter: blur(12px);}
#jiali-shell .announcement-message{display: flex; align-items: center; gap: 10px; min-width: 0px;}
#jiali-shell .announcement-message svg{color: var(--accent); width: 16px; height: 16px;}
#jiali-shell .announcement-message strong{font-weight: 550;}
#jiali-shell .announcement-bottom time{font-size: 10px; color: var(--muted); margin-left: 8px; white-space: nowrap;}
#jiali-shell .text-button{display: inline-flex; align-items: center; justify-content: center; gap: 5px; background: none; font-size: 11px; font-weight: 550; padding: 3px 0px; white-space: nowrap; color: var(--accent);}
#jiali-shell .text-button:hover{color: rgb(32, 91, 85);}
#jiali-shell .text-button svg{width: 15px; height: 15px;}
#jiali-shell .status-strip{display: flex; align-items: center; gap: 11px; margin-top: 17px; padding: 12px 17px; background: rgba(241, 251, 246, 0.91); border: 1px solid rgba(185, 216, 197, 0.627); border-radius: 6px; backdrop-filter: blur(16px); font-size: 11px; color: rgb(53, 111, 96);}
#jiali-shell .status-strip > .status-dot{width: 6px; height: 6px; background: rgb(84, 167, 125); border-radius: 50%;}
#jiali-shell .status-strip > span:last-of-type{color: rgb(108, 138, 125); margin-left: 3px;}
#jiali-shell .status-strip .text-button{margin-left: auto;}
#jiali-shell .stats-grid{display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 18px; margin-top: 19px;}
#jiali-shell .panel{background: var(--glass); border: 1px solid rgba(255, 255, 255, 0.85); border-radius: 8px; backdrop-filter: blur(20px); box-shadow: var(--shadow); min-width: 0px;}
#jiali-shell .stat-card{padding: 23px 23px 18px; min-height: 219px; display: flex; flex-direction: column;}
#jiali-shell .card-heading{display: flex; align-items: center; gap: 10px; justify-content: space-between;}
#jiali-shell .card-title{display: flex; align-items: center; gap: 10px; min-width: 0px;}
#jiali-shell .card-title h2,#jiali-shell .card-title h3{font-size: 13px; font-weight: 600;}
#jiali-shell .icon-tile{display: inline-grid; place-items: center; flex-shrink: 0; width: 35px; height: 35px; border-radius: 8px; color: var(--accent); background: rgb(227, 240, 235);}
#jiali-shell .icon-tile.blue{color: rgb(74, 111, 203); background: rgb(231, 236, 250);}
#jiali-shell .icon-tile.rose{color: rgb(188, 113, 139); background: rgb(247, 230, 235);}
#jiali-shell .icon-tile.amber{color: rgb(183, 131, 56); background: rgb(245, 237, 218);}
#jiali-shell .icon-tile svg{width: 18px; height: 18px;}
#jiali-shell .pill{font-size: 9px; display: inline-flex; align-items: center; gap: 4px; padding: 5px 8px; border-radius: 12px; white-space: nowrap;}
#jiali-shell .pill.green{color: rgb(57, 125, 102); background: rgb(226, 243, 233);}
#jiali-shell .pill.rose{color: rgb(168, 93, 121); background: rgb(247, 229, 237);}
#jiali-shell .pill.blue{color: rgb(73, 106, 179); background: rgb(232, 237, 250);}
#jiali-shell .pill.gray{color: rgb(104, 121, 132); background: rgb(236, 240, 242);}
#jiali-shell .pill i{width: 4px; height: 4px; background: currentcolor; border-radius: 50%;}
#jiali-shell .stat-value{font-size: 34px; font-weight: 650; font-variant-numeric: tabular-nums; line-height: 1.2; margin-top: 24px; display: flex; align-items: baseline; gap: 7px; white-space: nowrap;}
#jiali-shell .stat-value > span{font-size: 12px; font-weight: 450; color: var(--muted);}
#jiali-shell .plan-value{font-size: 27px; margin-top: 24px; font-weight: 600;}
#jiali-shell .stat-details{display: flex; align-items: center; justify-content: space-between; font-size: 10px; color: var(--muted); gap: 8px; margin-top: auto; padding-top: 20px;}
#jiali-shell .stat-details strong{font-weight: 550; color: var(--ink);}
#jiali-shell .progress{height: 4px; border-radius: 4px; background: rgba(121, 146, 149, 0.17); margin-top: 11px; overflow: hidden;}
#jiali-shell .progress span{display: block; height: 100%; border-radius: 4px; background: rgb(106, 169, 139);}
#jiali-shell .progress.blue span{background: rgb(109, 139, 221);}
#jiali-shell .progress.rose span{background: rgb(199, 149, 171);}
#jiali-shell .subscription-section{margin-top: 25px;}
#jiali-shell .section-heading{display: flex; align-items: center; justify-content: space-between; gap: 12px; margin: 0px 1px 13px;}
#jiali-shell .section-heading h2{font-size: 14px; font-weight: 600; display: flex; align-items: center; gap: 8px;}
#jiali-shell .section-heading h2 svg{color: var(--accent); width: 17px; height: 17px;}
#jiali-shell .section-heading p{font-size: 10px; color: rgb(74, 97, 109); text-shadow: white 0px 1px 5px;}
#jiali-shell .subscription-grid{display: grid; grid-template-columns: 1fr 1.15fr 0.85fr; gap: 18px;}
#jiali-shell .subscription-card{padding: 21px 23px; min-height: 218px;}
#jiali-shell .card-description{font-size: 10px; color: var(--muted); margin: 6px 0px 0px 45px; line-height: 1.6;}
#jiali-shell .url-box{display: flex; align-items: center; gap: 10px; background: var(--soft); border: 1px solid var(--line); border-radius: 6px; padding: 10px 10px 10px 12px; margin-top: 24px; height: 49px;}
#jiali-shell .url-box code{font-family: inherit; font-size: 11px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; flex: 1 1 0%; min-width: 0px;}
#jiali-shell .url-box button{height: 29px; width: 29px; border: 0px; border-radius: 5px; background: var(--accent-soft); color: var(--accent); display: grid; place-items: center; flex-shrink: 0;}
#jiali-shell .url-box svg{height: 15px; width: 15px;}
#jiali-shell .card-bottom{display: flex; align-items: center; justify-content: space-between; margin-top: 15px; font-size: 9px; color: var(--muted);}
#jiali-shell .card-bottom .text-button{font-size: 10px;}
#jiali-shell .client-grid{display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 10px; margin-top: 20px;}
#jiali-shell .client-button{background: var(--soft); border: 1px solid var(--line); border-radius: 7px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 9px; min-height: 91px; font-size: 10px; position: relative; padding: 12px 4px 10px;}
#jiali-shell .client-button:hover{border-color: rgb(141, 187, 176); background: var(--accent-soft); transform: translateY(-2px);}
#jiali-shell .client-symbol{display: grid; place-items: center; height: 36px; width: 36px; border-radius: 10px; background: rgb(232, 229, 251); color: rgb(124, 114, 196);}
#jiali-shell .client-symbol svg{width: 23px; height: 23px; stroke-width: 2;}
#jiali-shell .client-symbol.rocket{background: rgb(229, 239, 250); color: rgb(78, 139, 194);}
#jiali-shell .client-symbol.hiddify{background: rgb(250, 240, 215); color: rgb(195, 145, 61);}
#jiali-shell .client-recommend{position: absolute; right: 4px; top: -5px; background: var(--accent); color: white; border-radius: 3px; padding: 2px 4px; font-size: 8px;}
#jiali-shell .qr-area{display: flex; justify-content: space-between; gap: 14px; align-items: center; margin-top: 19px;}
#jiali-shell .qr-thumb{width: 93px; height: 93px; background: rgb(255, 255, 255); border-radius: 6px; padding: 8px; flex-shrink: 0; position: relative; overflow: hidden;}
#jiali-shell .qr-thumb img,#jiali-shell .qr-thumb canvas{display: block; image-rendering: pixelated; width: 100% !important; height: 100% !important;}
#jiali-shell .qr-side{display: flex; flex-direction: column; gap: 9px; align-items: flex-start; font-size: 10px; color: var(--muted);}
#jiali-shell .qr-side strong{font-size: 11px; color: var(--ink); font-weight: 500;}
#jiali-shell .secondary-button,#jiali-shell .primary-button{display: inline-flex; align-items: center; justify-content: center; gap: 7px; min-height: 36px; padding: 9px 14px; font-size: 11px; border-radius: 5px; font-weight: 550; border: 1px solid var(--line); background: var(--soft);}
#jiali-shell .secondary-button:hover{background: var(--accent-soft); border-color: rgb(157, 197, 183);}
#jiali-shell .primary-button{background: var(--accent); color: white; border-color: var(--accent); box-shadow: rgba(50, 127, 118, 0.1) 0px 3px 9px;}
#jiali-shell .primary-button:hover{background: rgb(40, 108, 100); transform: translateY(-1px);}
#jiali-shell .secondary-button svg,#jiali-shell .primary-button svg{width: 15px; height: 15px;}
#jiali-shell .bottom-grid{display: grid; grid-template-columns: 1.5fr 1fr; gap: 18px; margin-top: 23px;}
#jiali-shell .activity-panel,#jiali-shell .invite-panel{padding: 21px 23px;}
#jiali-shell .mini-title{font-size: 13px; font-weight: 600;}
#jiali-shell .activity-list{display: flex; justify-content: space-between; gap: 20px; margin-top: 20px;}
#jiali-shell .activity-item{display: flex; align-items: center; gap: 10px;}
#jiali-shell .small-round{display: grid; place-items: center; width: 31px; height: 31px; background: var(--soft); border-radius: 50%; color: var(--accent);}
#jiali-shell .small-round svg{width: 15px; height: 15px;}
#jiali-shell .activity-item strong{font-size: 11px; font-weight: 500; display: block;}
#jiali-shell .activity-item small{display: block; font-size: 9px; margin-top: 4px; color: var(--muted);}
#jiali-shell .invite-panel{display: flex; align-items: center; justify-content: space-between; gap: 20px;}
#jiali-shell .invite-panel p{font-size: 10px; color: var(--muted); margin-top: 9px;}
#jiali-shell .invite-art{color: rgb(187, 129, 153); display: flex; align-items: center; gap: 18px;}
#jiali-shell .invite-art > svg{height: 32px; width: 32px; stroke-width: 1.2;}
#jiali-shell footer{display: flex; gap: 16px; align-items: center; flex-wrap: wrap; padding: 23px 3px 24px; font-size: 10px; color: rgb(78, 102, 112); text-shadow: rgba(255, 255, 255, 0.667) 0px 1px 6px;}
#jiali-shell footer .footer-brand{display: flex; align-items: center; gap: 6px; font-size: 12px; font-weight: 650;}
#jiali-shell footer .footer-brand svg{width: 18px; height: 18px;}
#jiali-shell footer > div{margin-left: auto; display: flex; align-items: center; gap: 15px;}
#jiali-shell footer button{display: flex; align-items: center; gap: 4px; font-size: 10px; background: none; padding: 0px;}
#jiali-shell footer button svg{width: 12px; height: 12px;}
#jiali-shell .section-kicker{font-size: 9px; font-weight: 600; color: var(--accent); display: block; margin-bottom: 7px;}
#jiali-shell .view-heading{display: flex; justify-content: space-between; align-items: flex-end; gap: 20px; margin: 36px 0px 27px;}
#jiali-shell .view-heading h1{font-size: 25px; font-weight: 650;}
#jiali-shell .view-heading p{font-size: 12px; color: rgb(67, 93, 105); margin-top: 10px;}
#jiali-shell .period-switch{display: flex; padding: 4px; border-radius: 6px; background: rgba(255, 255, 255, 0.78); border: 1px solid var(--line); gap: 3px; flex-shrink: 0;}
#jiali-shell .period-switch button{padding: 8px 16px; background: none; color: var(--muted); font-size: 11px; border-radius: 4px;}
#jiali-shell .period-switch button.active{background: var(--accent); color: white; box-shadow: rgba(40, 79, 66, 0.125) 0px 2px 5px;}
#jiali-shell .plans-grid{display: grid; grid-template-columns: repeat(4, minmax(0px, 1fr)); gap: 18px;}
#jiali-shell .plan-card{position: relative; padding: 25px 23px; display: flex; flex-direction: column; min-height: 428px;}
#jiali-shell .plan-card.recommended{border: 1px solid var(--accent); box-shadow: rgba(50, 127, 118, 0.07) 0px 0px 0px 3px;}
#jiali-shell .recommend-label{position: absolute; right: 13px; top: -10px; background: var(--accent); color: white; padding: 4px 9px; font-size: 9px; border-radius: 3px;}
#jiali-shell .plan-card h2{font-size: 18px; margin-top: 20px;}
#jiali-shell .plan-card > p{font-size: 10px; color: var(--muted); margin-top: 7px;}
#jiali-shell .plan-price{display: flex; align-items: baseline; gap: 4px; margin: 25px 0px;}
#jiali-shell .plan-price strong{font-size: 34px; font-weight: 600;}
#jiali-shell .plan-price .currency{font-size: 17px;}
#jiali-shell .plan-price span:last-child{color: var(--muted); font-size: 10px; margin-left: 3px;}
#jiali-shell .plan-card ul{list-style: none; padding: 19px 0px 24px; margin: 0px; border-top: 1px solid var(--line); display: grid; gap: 15px; font-size: 11px;}
#jiali-shell .plan-card li{display: flex; align-items: center; gap: 8px;}
#jiali-shell .plan-card li svg{width: 14px; height: 14px; color: var(--accent);}
#jiali-shell .plan-card > .primary-button,#jiali-shell .plan-card > .secondary-button{margin-top: auto; width: 100%;}
#jiali-shell .purchase-summary{padding: 18px; background: var(--soft); border: 1px solid var(--line); border-radius: 6px; margin: 18px 0px;}
#jiali-shell .summary-row{display: flex; justify-content: space-between; gap: 20px; font-size: 12px; padding: 9px 0px;}
#jiali-shell .summary-row.total{border-top: 1px solid var(--line); margin-top: 10px; padding-top: 17px; font-weight: 600;}
#jiali-shell .summary-row.total strong{font-size: 23px; color: var(--accent);}
#jiali-shell .notice{display: flex; align-items: flex-start; gap: 8px; font-size: 11px; line-height: 1.8; color: var(--muted); margin: 15px 0px;}
#jiali-shell .notice svg{width: 15px; height: 15px; margin-top: 3px;}
#jiali-shell .node-toolbar{display: flex; gap: 12px; align-items: center; justify-content: space-between; margin-bottom: 18px;}
#jiali-shell .search-box{display: flex; align-items: center; gap: 9px; background: var(--glass); border: 1px solid var(--line); border-radius: 6px; padding: 11px 14px; min-width: 250px;}
#jiali-shell .search-box svg{width: 16px; height: 16px; color: var(--muted);}
#jiali-shell .search-box input{background: none; border: 0px; outline: none; font-size: 12px; width: 100%; min-width: 0px;}
#jiali-shell .node-toolbar select{background: var(--glass); border: 1px solid var(--line); border-radius: 6px; padding: 10px; font-size: 11px;}
#jiali-shell .node-list{overflow: hidden;}
#jiali-shell .node-table{width: 100%; border-collapse: collapse; text-align: left; font-size: 12px; table-layout: fixed;}
#jiali-shell .node-table th{padding: 17px 22px; font-size: 10px; font-weight: 500; color: var(--muted); background: var(--soft);}
#jiali-shell .node-table td{padding: 19px 22px; border-top: 1px solid var(--line);}
#jiali-shell .node-table th:first-child{width: 34%;}
#jiali-shell .node-table th:nth-child(2){width: 25%;}
#jiali-shell .node-name{display: flex; align-items: center; gap: 10px;}
#jiali-shell .node-flag{width: 29px; height: 25px; border-radius: 4px; background: var(--soft); display: grid; place-items: center; font-size: 9px; font-weight: 600; color: var(--muted); border: 1px solid var(--line);}
#jiali-shell .node-latency{font-weight: 600; color: var(--accent);}
#jiali-shell .node-latency small{font-weight: 400; font-size: 9px; margin-left: 3px; color: var(--muted);}
#jiali-shell .node-protocol{color: var(--muted); font-size: 10px;}
#jiali-shell .empty-state{padding: 50px; text-align: center; color: var(--muted); font-size: 12px;}
#jiali-shell .guide-tabs{display: flex; gap: 6px; flex-wrap: wrap; margin-bottom: 20px;}
#jiali-shell .guide-tabs button{padding: 9px 15px; background: var(--glass); border: 1px solid var(--line); border-radius: 5px; font-size: 11px;}
#jiali-shell .guide-tabs button.active{background: var(--accent); color: white; border-color: var(--accent);}
#jiali-shell .guides-grid{display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 18px;}
#jiali-shell .guide-card{padding: 25px; display: flex; flex-direction: column; align-items: flex-start; min-height: 228px;}
#jiali-shell .guide-card h2{font-size: 16px; margin-top: 21px;}
#jiali-shell .guide-card p{font-size: 11px; color: var(--muted); line-height: 1.8; margin: 11px 0px 20px;}
#jiali-shell .guide-card .text-button{margin-top: auto;}
#jiali-shell .guide-meta{display: flex; align-items: center; justify-content: space-between; width: 100%;}
#jiali-shell .guide-meta small{font-size: 10px; color: var(--muted);}
#jiali-shell .faq{margin-top: 27px; padding: 23px;}
#jiali-shell .faq > h2{font-size: 14px; margin-bottom: 10px;}
#jiali-shell .faq details{padding: 17px 0px; border-bottom: 1px solid var(--line); font-size: 12px;}
#jiali-shell .faq details:last-child{border: 0px; padding-bottom: 0px;}
#jiali-shell .faq summary{cursor: pointer;}
#jiali-shell .faq p{font-size: 11px; color: var(--muted); line-height: 1.9; margin-top: 11px;}
#jiali-shell .guide-steps{counter-reset: steps 0; padding: 0px; list-style: none; display: grid; gap: 20px; margin: 22px 0px;}
#jiali-shell .guide-steps li{counter-increment: steps 1; display: flex; align-items: flex-start; gap: 12px; font-size: 12px; line-height: 1.8;}
#jiali-shell .guide-steps li::before{content: counter(steps); height: 25px; min-width: 25px; display: grid; place-items: center; border-radius: 50%; background: var(--accent-soft); color: var(--accent); font-size: 11px;}
#jiali-shell dialog{width: min(480px, 100% - 36px); max-height: calc(100dvh - 48px); overflow-y: auto; padding: 27px; border: 1px solid rgba(255, 255, 255, 0.8); border-radius: 8px; background: var(--glass); color: var(--ink); box-shadow: rgba(25, 60, 75, 0.25) 0px 24px 100px; backdrop-filter: blur(28px);}
#jiali-shell dialog::backdrop{background: rgba(23, 42, 53, 0.3); backdrop-filter: blur(5px);}
#jiali-shell .modal-header{display: flex; justify-content: space-between; align-items: center; gap: 15px; margin-bottom: 20px;}
#jiali-shell .modal-header h2{font-size: 20px; font-weight: 600;}
#jiali-shell .modal-header .icon-button{height: 32px; width: 32px;}
#jiali-shell .modal-header svg{width: 17px; height: 17px;}
#jiali-shell .modal-copy{color: var(--muted); font-size: 12px; line-height: 1.9;}
#jiali-shell .modal-actions{display: flex; justify-content: flex-end; align-items: center; gap: 9px; margin-top: 22px;}
#jiali-shell .modal-qr{display: flex; justify-content: center; background: white; padding: 20px; margin: 20px auto; width: 224px; height: 224px; border: 1px solid var(--line); border-radius: 7px;}
#jiali-shell .modal-qr img,#jiali-shell .modal-qr canvas{width: 100% !important; height: 100% !important;}
#jiali-shell .modal-url{font-size: 10px; padding: 12px; background: var(--soft); border: 1px solid var(--line); border-radius: 5px; overflow-wrap: anywhere; line-height: 1.8;}
#jiali-shell .form-fields{display: grid; gap: 17px;}
#jiali-shell .form-fields label{font-size: 11px; display: grid; gap: 8px;}
#jiali-shell .form-fields input,#jiali-shell .form-fields select,#jiali-shell .form-fields textarea{background: var(--soft); border: 1px solid var(--line); border-radius: 5px; padding: 11px 12px; min-width: 0px; width: 100%; font-size: 12px;}
#jiali-shell .form-fields textarea{resize: vertical; min-height: 100px;}
#jiali-shell .toast{position: fixed; bottom: 28px; left: 50%; transform: translate(-50%, 15px); padding: 13px 20px; border: 1px solid var(--line); border-radius: 6px; background: var(--glass); backdrop-filter: blur(20px); box-shadow: rgba(35, 57, 70, 0.125) 0px 8px 25px; font-size: 12px; z-index: 100; opacity: 0; pointer-events: none; transition: opacity 0.2s, transform 0.2s; max-width: calc(100% - 40px); display: flex; align-items: center; gap: 9px;}
#jiali-shell .toast.visible{opacity: 1; transform: translate(-50%, 0px);}
#jiali-shell .toast svg{width: 16px; height: 16px; color: var(--accent);}
#jiali-shell .device-row,#jiali-shell .order-row{display: flex; gap: 12px; align-items: center; padding: 17px 0px; border-bottom: 1px solid var(--line); font-size: 12px;}
#jiali-shell .device-row:last-child,#jiali-shell .order-row:last-child{border: 0px;}
#jiali-shell .device-row .device-description{flex: 1 1 0%;}
#jiali-shell .device-description strong{font-size: 12px;}
#jiali-shell .device-description p{font-size: 10px; color: var(--muted); margin-top: 5px;}
#jiali-shell .invite-amount{font-size: 38px; color: var(--accent); font-weight: 650; margin: 24px 0px 7px;}
#jiali-shell .invite-label{font-size: 11px; color: var(--muted);}
#jiali-shell .copy-note{font-size: 10px; color: var(--muted); margin-top: 8px;}
#jiali-shell .footer-demo-note{padding-top: 17px; font-size: 10px; line-height: 1.8; color: var(--muted);}
#jiali-shell .view-enter{animation: 0.3s ease-out 0s 1 normal none running enter;}
@keyframes jiali-enter { 
  0% { opacity: 0; transform: translateY(7px); }
  100% { opacity: 1; transform: translateY(0px); }
}
#jiali-shell[data-theme="dark"]{--ink: #e9eff1; --muted: #a1b2b7; --line: rgba(164,190,191,.16); --glass: rgba(25,40,45,.89); --soft: rgba(38,56,61,.83); --accent: #8ec9b2; --accent-soft: #304f46; --blue: #a1b4f0; color-scheme: dark;}
#jiali-shell[data-theme="dark"] .scenery::after{background: rgba(11, 26, 35, 0.55);}
#jiali-shell[data-theme="dark"] .topbar{background: rgba(25, 40, 45, 0.89); border-color: rgba(255, 255, 255, 0.125);}
#jiali-shell[data-theme="dark"] .brand-mark{background: rgb(67, 125, 113); color: white;}
#jiali-shell[data-theme="dark"] .main-nav a{color: rgb(177, 190, 196);}
#jiali-shell[data-theme="dark"] .main-nav a.active{background: rgb(53, 77, 80); color: rgb(179, 217, 199);}
#jiali-shell[data-theme="dark"] .main-nav a:hover{background: rgba(255, 255, 255, 0.063);}
#jiali-shell[data-theme="dark"] .icon-button{background: rgba(255, 255, 255, 0.035);}
#jiali-shell[data-theme="dark"] .avatar-button{background: rgb(53, 89, 78); border-color: rgb(78, 103, 97); color: rgb(202, 233, 221);}
#jiali-shell[data-theme="dark"] .panel{border-color: rgba(255, 255, 255, 0.11);}
#jiali-shell[data-theme="dark"] .greeting h1,#jiali-shell[data-theme="dark"] .greeting p,#jiali-shell[data-theme="dark"] .date,#jiali-shell[data-theme="dark"] footer,#jiali-shell[data-theme="dark"] .section-heading p,#jiali-shell[data-theme="dark"] .view-heading p{color: rgb(238, 244, 241); text-shadow: none;}
#jiali-shell[data-theme="dark"] .preview-tag{background: rgb(41, 63, 68); color: rgb(190, 208, 208);}
#jiali-shell[data-theme="dark"] .status-strip{background: rgba(36, 63, 54, 0.9); border-color: rgba(91, 148, 117, 0.3); color: rgb(165, 206, 185);}
#jiali-shell[data-theme="dark"] .status-strip > span:last-of-type{color: rgb(149, 182, 166);}
#jiali-shell[data-theme="dark"] .announcement-bottom{background: rgba(32, 56, 60, 0.925); color: rgb(224, 238, 237);}
#jiali-shell[data-theme="dark"] .period-switch{background: var(--glass);}
#jiali-shell[data-theme="dark"] .period-switch button.active,#jiali-shell[data-theme="dark"] .primary-button,#jiali-shell[data-theme="dark"] .guide-tabs button.active{color: rgb(25, 58, 48);}
#jiali-shell[data-theme="dark"] .pill.green{background: rgb(44, 81, 68); color: rgb(179, 217, 196);}
#jiali-shell[data-theme="dark"] .pill.rose{background: rgb(85, 61, 73); color: rgb(227, 178, 196);}
#jiali-shell[data-theme="dark"] .pill.blue{background: rgb(52, 70, 98); color: rgb(179, 200, 238);}
#jiali-shell[data-theme="dark"] .pill.gray{background: rgb(61, 80, 87); color: rgb(194, 209, 215);}
#jiali-shell[data-theme="dark"] .icon-tile{background: rgb(48, 77, 67); color: rgb(166, 207, 185);}
#jiali-shell[data-theme="dark"] .icon-tile.blue{background: rgb(51, 68, 98); color: rgb(170, 187, 240);}
#jiali-shell[data-theme="dark"] .icon-tile.rose{background: rgb(77, 58, 70); color: rgb(212, 163, 185);}
#jiali-shell[data-theme="dark"] .icon-tile.amber{background: rgb(78, 71, 53); color: rgb(217, 189, 135);}
#jiali-shell[data-theme="dark"] .text-button:hover{color: rgb(197, 231, 215);}
@media (min-width: 1500px){#jiali-shell .page-shell{padding-top: 32px;}
#jiali-shell .announcement{height: 230px;}
#jiali-shell .stat-card{min-height: 230px;}}
@media (max-width: 1100px){#jiali-shell .page-shell{padding: 21px 25px 0px;}
#jiali-shell .topbar{gap: 16px;}
#jiali-shell .brand{font-size: 20px;}
#jiali-shell .main-nav{gap: 2px;}
#jiali-shell .main-nav a{min-width: 80px; font-size: 13px;}
#jiali-shell .header-actions{gap: 5px;}
#jiali-shell .subscription-grid{grid-template-columns: 1fr 1fr;}
#jiali-shell .subscription-card:last-child{grid-column: 1 / -1; min-height: 0px; display: grid; grid-template-columns: 1fr auto; column-gap: 18px;}
#jiali-shell .subscription-card:last-child .card-description{grid-column: 1; align-self: start; margin-top: -40px;}
#jiali-shell .subscription-card:last-child .qr-area{grid-area: 1 / 2 / 4; margin: 0px; gap: 22px;}
#jiali-shell .qr-thumb{width: 82px; height: 82px;}
#jiali-shell .plans-grid{grid-template-columns: repeat(2, minmax(0px, 1fr));}
#jiali-shell .activity-list{flex-direction: column; gap: 15px;}
#jiali-shell .bottom-grid{grid-template-columns: 1.2fr 1fr;}
#jiali-shell .stat-card{padding: 20px;}
#jiali-shell .stat-value{font-size: 30px;}
#jiali-shell .stat-details{font-size: 9px;}
#jiali-shell .subscription-card:last-child .card-bottom{display: none;}}
@media (max-width: 760px){#jiali-shell .page-shell{padding: 16px 16px 0px;}
#jiali-shell .topbar{height: 66px; padding: 9px 11px; border-radius: 36px; gap: 8px; justify-content: space-between;}
#jiali-shell .brand{font-size: 20px; gap: 8px;}
#jiali-shell .brand-mark{width: 40px; height: 40px;}
#jiali-shell .brand-mark svg{width: 24px; height: 24px;}
#jiali-shell .brand small{font-size: 8px; margin-top: 3px;}
#jiali-shell .main-nav{position: fixed; bottom: 12px; left: 16px; right: 16px; width: auto; flex: initial; z-index: 30; border: 1px solid rgba(255, 255, 255, 0.74); backdrop-filter: blur(24px); background: rgba(250, 253, 254, 0.94); box-shadow: rgba(34, 73, 88, 0.15) 0px 4px 28px; padding: 6px; border-radius: 32px; justify-content: space-around; gap: 3px;}
#jiali-shell .main-nav a{height: 44px; min-width: 0px; flex: 1 1 0%; gap: 6px; font-size: 11px;}
#jiali-shell .main-nav svg{height: 17px; width: 17px;}
#jiali-shell .header-actions{gap: 6px;}
#jiali-shell .header-actions .icon-button{height: 34px; width: 34px;}
#jiali-shell .notification-button{display: none;}
#jiali-shell .avatar-button{width: 36px; height: 36px; font-size: 16px;}
#jiali-shell .greeting{margin-top: 26px; margin-bottom: 19px; align-items: center;}
#jiali-shell .greeting h1{font-size: 21px;}
#jiali-shell .greeting p{font-size: 10px; margin-top: 7px;}
#jiali-shell .greeting-meta .date{display: none;}
#jiali-shell .greeting-meta .preview-tag{font-size: 8px; padding: 5px 7px;}
#jiali-shell .announcement{height: 210px; padding: 19px; background-position: 68% 42%;}
#jiali-shell .announcement-title{font-size: 23px;}
#jiali-shell .announcement-subtitle{font-size: 10px;}
#jiali-shell .announcement-bottom{padding: 11px 12px; gap: 8px; font-size: 10px;}
#jiali-shell .announcement-message{gap: 7px;}
#jiali-shell .announcement-message strong{line-height: 1.7;}
#jiali-shell .announcement-bottom time{display: none;}
#jiali-shell .announcement-bottom .text-button{font-size: 9px;}
#jiali-shell .status-strip{font-size: 9px; padding: 11px 13px; gap: 8px; line-height: 1.7;}
#jiali-shell .status-strip > span:last-of-type{display: none;}
#jiali-shell .status-strip .text-button{font-size: 9px;}
#jiali-shell .stats-grid{grid-template-columns: 1fr 1fr; gap: 12px; margin-top: 15px;}
#jiali-shell .stat-card{padding: 17px 16px; min-height: 195px;}
#jiali-shell .stat-card:first-child{grid-column: 1 / -1; min-height: 145px; display: grid; grid-template-columns: 1fr auto; gap: 12px; align-items: center;}
#jiali-shell .stat-card:first-child .card-heading{grid-column: 1 / -1;}
#jiali-shell .stat-card:first-child .plan-value{margin-top: 0px; font-size: 24px;}
#jiali-shell .stat-card:first-child .stat-details{padding: 0px; margin: 0px; align-self: center; display: grid; gap: 4px; text-align: right;}
#jiali-shell .stat-card:first-child .progress{grid-column: 1 / -1; margin-top: 0px;}
#jiali-shell .card-heading{gap: 5px;}
#jiali-shell .card-title{gap: 8px;}
#jiali-shell .card-title h2,#jiali-shell .card-title h3{font-size: 11px;}
#jiali-shell .icon-tile{width: 30px; height: 30px; border-radius: 7px;}
#jiali-shell .icon-tile svg{width: 16px; height: 16px;}
#jiali-shell .pill{font-size: 8px; padding: 4px 6px;}
#jiali-shell .stat-card:not(:first-child) .card-heading .pill{display: none;}
#jiali-shell .stat-value{font-size: 29px; margin-top: 22px; gap: 4px;}
#jiali-shell .stat-value > span{font-size: 10px;}
#jiali-shell .stat-details{font-size: 8px; gap: 3px; align-items: flex-start; line-height: 1.6; flex-wrap: wrap;}
#jiali-shell .subscription-section{margin-top: 22px;}
#jiali-shell .section-heading h2{font-size: 13px;}
#jiali-shell .section-heading p{font-size: 9px;}
#jiali-shell .subscription-grid{grid-template-columns: 1fr; gap: 12px;}
#jiali-shell .subscription-card{min-height: 0px; padding: 19px;}
#jiali-shell .subscription-card:last-child{grid-column: auto; display: block;}
#jiali-shell .subscription-card:last-child .card-description{margin: 6px 0px 0px 38px;}
#jiali-shell .subscription-card:last-child .qr-area{margin-top: 19px; justify-content: flex-start; gap: 28px;}
#jiali-shell .subscription-card:last-child .card-bottom{display: flex;}
#jiali-shell .card-description{margin-left: 38px; font-size: 10px;}
#jiali-shell .url-box{margin-top: 18px;}
#jiali-shell .client-grid{margin-top: 18px;}
#jiali-shell .client-button{min-height: 92px; font-size: 10px;}
#jiali-shell .client-symbol{width: 39px; height: 39px;}
#jiali-shell .qr-thumb{width: 105px; height: 105px;}
#jiali-shell .qr-side{gap: 12px;}
#jiali-shell .bottom-grid{grid-template-columns: 1fr; margin-top: 17px; gap: 12px;}
#jiali-shell .activity-panel,#jiali-shell .invite-panel{padding: 20px;}
#jiali-shell .activity-list{flex-flow: wrap; gap: 15px;}
#jiali-shell .activity-item small{font-size: 8px;}
#jiali-shell .activity-item strong{font-size: 10px;}
#jiali-shell .invite-panel .primary-button{font-size: 10px; padding: 8px 10px;}
#jiali-shell .invite-art{gap: 12px;}
#jiali-shell footer{padding: 23px 2px 100px; gap: 10px; font-size: 9px;}
#jiali-shell footer > div{width: 100%; margin: 4px 0px 0px; justify-content: space-between;}
#jiali-shell footer .preview-tag{font-size: 8px;}
#jiali-shell .view-heading{margin: 28px 0px 23px; align-items: flex-start; flex-wrap: wrap; gap: 20px;}
#jiali-shell .view-heading h1{font-size: 23px;}
#jiali-shell .view-heading p{font-size: 11px;}
#jiali-shell .period-switch{width: 100%;}
#jiali-shell .period-switch button{flex: 1 1 0%;}
#jiali-shell .plans-grid{gap: 16px; grid-template-columns: 1fr;}
#jiali-shell .plan-card{min-height: 0px; padding: 23px;}
#jiali-shell .plan-card h2{margin-top: 13px;}
#jiali-shell .plan-price{margin: 19px 0px;}
#jiali-shell .plan-card ul{grid-template-columns: 1fr 1fr; gap: 15px; padding: 19px 0px 23px;}
#jiali-shell .plan-card li{font-size: 10px;}
#jiali-shell .guides-grid{grid-template-columns: 1fr;}
#jiali-shell .guide-card{min-height: 200px; padding: 23px;}
#jiali-shell .node-toolbar{gap: 8px; flex-wrap: wrap;}
#jiali-shell .search-box{min-width: 0px; flex: 1 1 0%; width: 100%; padding: 10px;}
#jiali-shell .node-toolbar select{font-size: 10px; padding: 10px 5px;}
#jiali-shell .node-table th,#jiali-shell .node-table td{padding: 15px 12px; font-size: 10px;}
#jiali-shell .node-table th:nth-child(2),#jiali-shell .node-table td:nth-child(2){display: none;}
#jiali-shell .node-table th:first-child{width: 54%;}
#jiali-shell .node-table th:nth-child(3){width: 23%;}
#jiali-shell .node-table th:last-child{width: 23%;}
#jiali-shell .node-name{gap: 6px;}
#jiali-shell .node-flag{width: 23px; height: 22px; font-size: 8px;}
#jiali-shell .node-table .pill{font-size: 7px; padding: 4px 5px;}
#jiali-shell .node-table .node-latency{font-size: 11px;}
#jiali-shell .node-latency small{font-size: 8px;}
#jiali-shell .node-empty{padding: 30px 15px;}
#jiali-shell .toast{bottom: 88px; font-size: 11px; width: max-content;}
#jiali-shell .greeting-meta{gap: 0px;}
#jiali-shell .footer-demo-note{font-size: 9px;}
#jiali-shell[data-theme="dark"] .main-nav{background: rgba(25, 40, 45, 0.96); border-color: rgba(255, 255, 255, 0.14);}}
#jiali-shell .greeting p,#jiali-shell .view-heading p{font-size: 13px;}
#jiali-shell .announcement-label{font-size: 11px;}
#jiali-shell .announcement-subtitle{font-size: 12px;}
#jiali-shell .announcement-bottom{font-size: 13px;}
#jiali-shell .announcement-bottom time{font-size: 11px;}
#jiali-shell .status-strip{font-size: 12px;}
#jiali-shell .card-title h2,#jiali-shell .card-title h3{font-size: 14px;}
#jiali-shell .stat-details{font-size: 12px;}
#jiali-shell .card-description{font-size: 12px;}
#jiali-shell .card-bottom{font-size: 11px;}
#jiali-shell .card-bottom .text-button{font-size: 11px;}
#jiali-shell .url-box code{font-size: 12px;}
#jiali-shell .client-button{font-size: 12px;}
#jiali-shell .qr-side{font-size: 11px;}
#jiali-shell .qr-side strong{font-size: 12px;}
#jiali-shell .activity-item strong{font-size: 12px;}
#jiali-shell .activity-item small{font-size: 11px;}
#jiali-shell .invite-panel p{font-size: 12px;}
#jiali-shell .mini-title{font-size: 14px;}
#jiali-shell .section-heading h2{font-size: 15px;}
#jiali-shell .text-button{font-size: 12px;}
#jiali-shell .pill{font-size: 10px;}
#jiali-shell .plan-card > p,#jiali-shell .plan-card ul{font-size: 12px;}
#jiali-shell .guide-card p{font-size: 12px;}
#jiali-shell .secondary-button,#jiali-shell .primary-button{font-size: 12px;}
#jiali-shell .node-table{font-size: 13px;}
#jiali-shell .node-protocol{font-size: 12px;}
@media (min-width: 761px) and (max-width: 1100px){#jiali-shell .subscription-card:last-child{display: block; min-height: 190px;}
#jiali-shell .subscription-card:last-child .card-description{margin: 6px 0px 0px 45px;}
#jiali-shell .subscription-card:last-child .qr-area{margin-top: 18px; justify-content: flex-start; gap: 25px;}}
@media (max-width: 760px){#jiali-shell .topbar{backdrop-filter: none; background: none; border-color: transparent; isolation: isolate;}
#jiali-shell .topbar::before{content: ""; position: absolute; inset: 0px; z-index: -1; border-radius: inherit; background: rgba(251, 253, 255, 0.89); backdrop-filter: blur(22px); border: 1px solid rgba(255, 255, 255, 0.8);}
#jiali-shell[data-theme="dark"] .topbar{background: none; border-color: transparent;}
#jiali-shell[data-theme="dark"] .topbar::before{background: rgba(25, 40, 45, 0.9); border-color: rgba(255, 255, 255, 0.14);}
#jiali-shell .greeting{align-items: flex-start; gap: 8px;}
#jiali-shell .greeting > div:first-child{min-width: 0px;}
#jiali-shell .greeting h1{font-size: 20px; line-height: 1.55;}
#jiali-shell .greeting p{font-size: 11px;}
#jiali-shell .greeting-meta{padding-top: 5px;}
#jiali-shell .greeting-meta .preview-tag{font-size: 8px;}
#jiali-shell .announcement-title{font-size: 23px;}
#jiali-shell .announcement-subtitle{font-size: 11px;}
#jiali-shell .announcement-label{font-size: 10px;}
#jiali-shell .announcement-bottom{font-size: 11px;}
#jiali-shell .announcement-bottom .text-button{font-size: 10px;}
#jiali-shell .status-strip{font-size: 10px;}
#jiali-shell .card-title h2,#jiali-shell .card-title h3{font-size: 12px;}
#jiali-shell .card-description{font-size: 11px;}
#jiali-shell .stat-details{font-size: 10px;}
#jiali-shell .stat-details strong{font-size: 10px;}
#jiali-shell .stat-card{min-height: 201px;}
#jiali-shell .stat-value{font-size: 29px;}
#jiali-shell .stat-value > span{font-size: 11px;}
#jiali-shell .section-heading h2{font-size: 14px;}
#jiali-shell .card-bottom{font-size: 10px;}
#jiali-shell .card-bottom .text-button{font-size: 11px;}
#jiali-shell .text-button{font-size: 11px;}
#jiali-shell .client-button{font-size: 11px;}
#jiali-shell .qr-side{font-size: 11px;}
#jiali-shell .qr-side strong{font-size: 12px;}
#jiali-shell .activity-item strong{font-size: 11px;}
#jiali-shell .activity-item small{font-size: 10px;}
#jiali-shell .invite-panel p{font-size: 11px;}
#jiali-shell .mini-title{font-size: 13px;}
#jiali-shell .pill{font-size: 9px;}
#jiali-shell .plan-card > p,#jiali-shell .plan-card ul{font-size: 12px;}
#jiali-shell .plan-card li{font-size: 11px;}
#jiali-shell .node-table{font-size: 11px;}
#jiali-shell .node-table th,#jiali-shell .node-table td{padding: 15px 11px;}
#jiali-shell .node-table .pill{font-size: 8px;}
#jiali-shell .node-toolbar .search-box{flex-basis: 180px;}
#jiali-shell .secondary-button,#jiali-shell .primary-button{font-size: 12px;}
#jiali-shell .invite-panel .primary-button{font-size: 11px;}}
#jiali-shell{color: var(--ink);}
#jiali-shell .secondary-button,#jiali-shell .primary-button{white-space: nowrap;}
#jiali-shell[data-theme="dark"]{background: rgb(25, 44, 49);}
@media (prefers-reduced-motion: reduce){#jiali-shell *,#jiali-shell ::before,#jiali-shell ::after{animation: auto ease 0s 1 normal none running none !important; transition: none !important; scroll-behavior: auto !important;}}
html,body{min-height:100%;height:auto!important}
html:has(>body.jiali-enhanced){overflow-y:auto;scroll-padding-block:16px 100px}
body.jiali-enhanced{margin:0;min-width:320px;overflow-x:hidden;overflow-y:auto;background:transparent!important;font-family:"Segoe UI","Microsoft YaHei UI","Microsoft YaHei",sans-serif}
html:has(>body.jiali-enhanced dialog[open]){overflow-y:hidden}
.jiali-theme-bg{position:fixed;inset:0;z-index:0;background:#142738 url("dashboard-wallpaper.jpg") center/cover no-repeat;pointer-events:none}
body.jiali-enhanced #app{position:relative;z-index:1}
body.jiali-enhanced #jiali-shell{position:relative;z-index:10}
.jiali-theme-bg:after{content:"";position:absolute;inset:0;background:rgba(11,19,39,.1)}
body.jiali-auth .jiali-theme-bg{background-image:url("user-wallpaper.jpg")}
body.jiali-dark .jiali-theme-bg:after{background:rgba(11,19,39,.35)}
#jiali-shell{background:none;min-height:0;letter-spacing:0;color:#202c36}
#jiali-shell .page-shell{padding-bottom:24px}
#jiali-shell .topbar{background:rgba(251,253,255,.96)}
#jiali-shell .account-menu{z-index:200;width:240px;overflow-wrap:anywhere;max-height:calc(100dvh - 120px);overflow-y:auto;overscroll-behavior:contain}
#jiali-shell .account-menu a{display:flex;align-items:center;gap:10px;padding:11px 10px;font-size:13px;border-radius:5px;color:inherit}
#jiali-shell .account-menu a:hover{background:var(--accent-soft);color:var(--accent)}
#jiali-shell [hidden]{display:none!important}
#jiali-shell main{min-height:0}
#jiali-shell .greeting h1,#jiali-shell .greeting p,#jiali-shell .date,#jiali-shell .subscription-section>.section-heading,#jiali-shell .greeting-meta>.text-button{color:#f2f6ff;text-shadow:0 1px 8px #10182c70}
#jiali-shell .greeting h1{overflow-wrap:anywhere}
#jiali-shell .greeting>div:first-child{min-width:0}
#jiali-shell .plan-value{min-width:0;overflow-wrap:anywhere}
#jiali-shell .panel{background:rgba(255,255,255,.96);box-shadow:0 7px 24px rgba(7,22,34,.12)}
#jiali-shell .stat-value{font-size:36px}
#jiali-shell .stat-details{color:#596b77}
#jiali-shell .stat-details strong{font-weight:650}
#jiali-shell .subscription-card .url-box{height:53px;background:#edf4f3;border-color:#ccdcd7}
#jiali-shell .url-box button{width:35px;height:35px;background:#d8eae3;color:#276f62}
#jiali-shell .url-box button svg{width:18px;height:18px}
#jiali-shell .client-button{background:#f4f7fa;border-color:#dce4eb}
#jiali-shell .client-button:hover{background:#e8f2ed;border-color:#86b5a4}
#jiali-shell .announcement{background:rgba(17,30,47,.16);background-image:none;backdrop-filter:blur(4px);border-color:rgba(235,244,255,.3)}
#jiali-shell .announcement:before{display:none}
#jiali-shell .announcement-label{background:rgba(235,244,255,.09);backdrop-filter:blur(3px)}
#jiali-shell .announcement-bottom{background:rgba(235,244,255,.1);color:#eef4fb;border:1px solid rgba(235,244,255,.2);backdrop-filter:blur(3px)}
#jiali-shell .announcement-message{overflow:hidden}
#jiali-shell .announcement-message strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#jiali-shell .announcement-bottom time{color:#d5e0ec}
#jiali-shell .announcement-bottom .text-button,#jiali-shell .announcement-message>svg{color:#c9efe4}
#jiali-shell .jiali-warning{background:rgba(255,241,226,.96);color:#9d5232;border-color:#e4b391}
#jiali-shell .jiali-warning>.status-dot{background:#c66f3f}
#jiali-shell .jiali-warning>span:last-of-type{color:#956e5f}
#jiali-shell .jiali-notice{padding:15px 0;border-bottom:1px solid var(--line)}
#jiali-shell .jiali-notice h3{font-size:15px}
#jiali-shell .jiali-notice small{display:block;color:var(--muted);margin:8px 0;font-size:11px}
#jiali-shell .jiali-notice p{font-size:13px;line-height:1.9;white-space:pre-wrap;overflow-wrap:anywhere}
#jiali-shell dialog{background:var(--glass)}
#jiali-shell .modal-actions{flex-wrap:wrap}
#jiali-shell .modal-header>div{min-width:0;overflow-wrap:anywhere}
#jiali-shell .modal-qr canvas,#jiali-shell .modal-qr img{image-rendering:pixelated}
body.jiali-dashboard-ready #app{display:none!important}
body.jiali-enhanced:not(.jiali-auth) #app{max-width:1296px;width:calc(100% - 80px);margin:0 auto 40px}
body.jiali-enhanced:not(.jiali-auth) #app .n-config-provider>.n-layout{height:auto!important;background:none!important;min-height:55vh}
body.jiali-enhanced:not(.jiali-auth) #app .n-layout>.n-layout-scroll-container{min-height:0;height:auto!important;overflow:visible!important;background:none!important}
body.jiali-enhanced:not(.jiali-auth) #app .n-layout-sider{display:none!important}
body.jiali-enhanced:not(.jiali-auth) #app article{overflow:visible!important;min-width:0}
body.jiali-enhanced:not(.jiali-auth) #app article>header{display:none!important}
body.jiali-enhanced:not(.jiali-auth) #app article>section{overflow:visible!important;background:transparent!important}
body.jiali-enhanced:not(.jiali-auth) #app section.cus-scroll-y{background:none!important;height:auto!important;overflow:visible!important;padding:0!important}
body.jiali-enhanced:not(.jiali-auth) #app .n-card{border-radius:8px;background:rgba(255,255,255,.96);box-shadow:0 5px 24px #07162214}
body.jiali-enhanced:not(.jiali-auth) #app .n-page-header{padding:14px 18px;background:rgba(255,255,255,.96);border-radius:6px;margin-bottom:18px}
body.jiali-enhanced:not(.jiali-auth) #app section.cus-scroll-y>div>h2{color:#f2f6ff;font-size:24px;font-weight:600;text-shadow:0 1px 8px #10182c70;margin-bottom:14px}
body.jiali-enhanced #app section:has(>.card-item){display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-top:26px}
body.jiali-enhanced #app .card-item{min-width:0!important}
body.jiali-enhanced #app .card-item .n-card{width:100%!important;min-height:340px;height:100%}
body.jiali-enhanced #app .card-item .n-card-header{flex-direction:column;align-items:flex-start;gap:22px;padding:25px 23px 18px}
body.jiali-enhanced #app .card-item .n-card-header__main{font-size:18px;font-weight:600}
body.jiali-enhanced #app .card-item .n-card__action .n-button{width:100%;min-height:38px}
body.jiali-enhanced #app .n-button{letter-spacing:0}
body.jiali-auth #jiali-shell .topbar{justify-content:space-between}
body.jiali-auth #jiali-shell .page-shell{padding-bottom:0}
body.jiali-auth #app .n-config-provider>div.wh-full{height:auto!important;min-height:calc(100dvh - 112px);justify-content:flex-start!important;padding:35px max(32px,8%) 50px;box-sizing:border-box;background:none!important}
body.jiali-auth #app .n-card{background:rgba(26,31,55,.18)!important;backdrop-filter:blur(7px);border:1px solid #ffffff66;border-radius:8px!important;box-shadow:0 16px 65px #080b2929!important;color:white!important;margin:0!important;width:440px;max-width:100%!important;overflow:visible}
body.jiali-auth #app .n-card__content{padding:0!important}
body.jiali-auth #app .n-card__content>.p-6{padding:30px 34px}
body.jiali-auth #app .n-card h1{font-size:28px;line-height:1.5;color:white;text-align:left;margin-bottom:10px}
body.jiali-auth #app .n-card p{color:#f3e8f4}
body.jiali-auth #app .jiali-native-label{display:block;font-size:12px;color:white;margin-bottom:9px;text-shadow:0 1px 4px #0d122680}
body.jiali-auth #app .n-input{background:rgba(255,255,255,.07)!important;--n-color:transparent!important;--n-color-focus:transparent!important;--n-text-color:#fff!important;--n-caret-color:#fff!important;--n-placeholder-color:#e5e0ed!important;--n-border:1px solid rgba(255,255,255,.3)!important;--n-border-hover:1px solid rgba(255,255,255,.5)!important;--n-border-focus:1px solid #e6cfdf!important;min-height:46px;border-radius:5px}
body.jiali-auth #app .n-input-wrapper{padding:6px 13px}
body.jiali-auth #app .n-input__eye{color:#e7deef!important}
body.jiali-auth #app .n-card .n-button--primary-type{background:#f2dfecee!important;color:#433b53!important;--n-color:#f2dfecee!important;--n-text-color:#433b53!important;border-radius:5px;min-height:42px;font-size:13px;font-weight:600}
body.jiali-auth #app .n-card .n-button--primary-type .n-button__border,body.jiali-auth #app .n-card .n-button--primary-type .n-button__state-border{border-color:#ffffff66!important}
body.jiali-auth #app .n-card__content>div:last-child:not(.p-6){background:rgba(255,255,255,.05)!important;border-radius:0 0 8px 8px;color:white!important}
body.jiali-auth #app .n-card a,body.jiali-auth #app .n-card .n-button--default-type{color:white!important}
body.jiali-auth #app .n-card .n-checkbox__label{color:#f1e6f1!important}
body.jiali-auth #app .n-card .n-button--default-type{background:transparent!important}
body.jiali-auth #app .n-card .n-input-group{align-items:stretch}
body.jiali-auth #app .n-card .n-input-group .n-button{height:auto!important}
body.jiali-dark:not(.jiali-auth) #app .n-card,body.jiali-dark:not(.jiali-auth) #app .n-page-header{background:rgba(25,40,45,.96);color:#e9eff1}
body.jiali-dark #jiali-shell .panel{background:rgba(25,40,45,.96)}
body.jiali-dark #jiali-shell .topbar{background:rgba(25,40,45,.96)}
body.jiali-dark #jiali-shell .stat-details{color:#b4c4c9}
body.jiali-dark #jiali-shell .subscription-card .url-box{background:#2b4143;border-color:#496360}
body.jiali-dark #jiali-shell .url-box button{background:#3a5d50;color:#d0f0e0}
body.jiali-dark #jiali-shell .client-button{background:#293d43;border-color:#425960}
body.jiali-dark.jiali-auth #app .n-card{background:rgba(17,23,39,.3)!important}
@media(max-width:1100px){#jiali-shell .stat-value{font-size:30px}body.jiali-enhanced #app section:has(>.card-item){grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){
 html:has(>body.jiali-enhanced){scroll-padding-bottom:calc(100px + env(safe-area-inset-bottom,0px))}
 #jiali-shell .topbar{background:none;backdrop-filter:none}
 #jiali-shell .topbar:before{background:rgba(251,253,255,.96)}
 #jiali-shell .main-nav{background:rgba(250,253,254,.98);bottom:calc(12px + env(safe-area-inset-bottom,0px))}
 #jiali-shell .page-shell{padding-bottom:calc(100px + env(safe-area-inset-bottom,0px))}
 #jiali-shell .account-menu{max-height:calc(100dvh - 180px - env(safe-area-inset-bottom,0px))}
 #jiali-shell main a,#jiali-shell main button,body.jiali-enhanced #app button,body.jiali-enhanced #app input{scroll-margin-block:16px}
 #jiali-shell .greeting{flex-wrap:wrap;gap:10px}
 #jiali-shell .greeting-meta{width:100%;justify-content:flex-end}
 #jiali-shell .greeting-meta>.text-button{font-size:10px}
 #jiali-shell .greeting h1{font-size:19px}
 #jiali-shell .stat-value{font-size:29px}
 #jiali-shell .stat-details{font-size:9px}
 #jiali-shell .announcement-message strong{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
 body.jiali-enhanced:not(.jiali-auth) #app{width:calc(100% - 32px);margin-top:0;margin-bottom:calc(110px + env(safe-area-inset-bottom,0px))}
 body.jiali-enhanced #app section:has(>.card-item){grid-template-columns:1fr}
 body.jiali-enhanced:not(.jiali-auth):not(.jiali-dashboard-ready) #jiali-shell .page-shell{padding-bottom:22px}
 body.jiali-auth #jiali-shell .page-shell{padding-bottom:0}
 body.jiali-auth #app .n-config-provider>div.wh-full{padding:28px 16px 35px;min-height:calc(100dvh - 82px);justify-content:center!important}
 body.jiali-auth #app .n-card{background:rgba(26,31,55,.25)!important;backdrop-filter:blur(6px);width:440px}
 body.jiali-auth #app .n-card__content>.p-6{padding:25px 24px}
 body.jiali-auth #app .n-input input{font-size:16px}
 body.jiali-auth #app .n-card h1{font-size:25px}
 body.jiali-auth .jiali-theme-bg{background-position:72% center}
 body.jiali-dark #jiali-shell .topbar:before{background:rgba(25,40,45,.96)}
 body.jiali-dark #jiali-shell .main-nav{background:rgba(25,40,45,.98)}
}
@media(prefers-reduced-motion:reduce){body.jiali-enhanced *,body.jiali-enhanced *:before{animation:none!important;transition:none!important}}