:root{color-scheme:light;--bg:#f4f5f6;--card:#ffffff;--glass:#ffffffc9;--text:#20262c;--dim:#626c76;--line:#d5dbe0;--soft:#eceff1;--accent:#26343f;--on-accent:#ffffff;--accent2:#26343f;--green:#39735a;--shadow:0 20px 65px #17253209;--radius:16px}
html[data-avcdm-theme=dark]{color-scheme:dark;--bg:#101317;--card:#191e24;--glass:#191e24d9;--text:#e9edf1;--dim:#a2adb8;--line:#36404a;--soft:#232a32;--accent:#dce6ee;--on-accent:#17212a;--accent2:#dce6ee;--green:#8dbfa5;--shadow:0 20px 65px #0003}
*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;background:var(--bg);color:var(--text);min-height:100vh;line-height:1.65;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:4px}
.site-nav{height:88px;padding:0 4.5%;display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid var(--line);background:var(--glass);backdrop-filter:blur(22px)}.site-brand{display:flex;align-items:center;gap:10px;font-size:24px;font-weight:650;letter-spacing:-1px}.site-brand img{width:30px;height:30px}.brand-caption{font-size:9px;font-weight:500;letter-spacing:1.3px;border-left:1px solid var(--line);padding-left:18px;margin-left:8px;color:var(--dim)}.nav-actions{display:flex;align-items:center;gap:12px}.nav-home{font-size:12px;margin-right:14px;color:var(--dim)}.avcdm-theme-switch{background:var(--soft);border:1px solid var(--line);border-radius:5px;padding:10px 14px;color:var(--text);font-size:12px;cursor:pointer}
.header{max-width:1160px;margin:auto;padding:68px 24px 34px;text-align:left}.header .logo{font-size:10px;letter-spacing:2px;color:var(--dim);margin-bottom:22px}.header h1{font-size:clamp(36px,4.6vw,58px);font-weight:540;letter-spacing:-2px;line-height:1.2}.header .subtitle{color:var(--dim);font-size:14px;margin-top:18px}.update-time{display:inline-flex;align-items:center;gap:8px;color:var(--dim);font-size:11px;margin-top:25px}.update-time:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--green)}
.apps{display:grid;gap:24px;max-width:1160px;padding:0 24px 28px;margin:auto}.card{background:var(--glass);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:40px;display:grid;grid-template-columns:minmax(0,1fr) 285px;column-gap:56px;align-items:start;backdrop-filter:blur(22px)}.card .icon{grid-column:1;grid-row:1;width:40px;height:40px;border:1px solid var(--line);border-radius:10px;display:grid;place-items:center;font-size:20px;margin-bottom:20px;filter:grayscale(1)}.card h2{grid-column:1;grid-row:2;font-size:25px;font-weight:550;letter-spacing:-.6px;margin-bottom:10px}.card .desc{grid-column:1;grid-row:3;color:var(--dim);font-size:13px;line-height:1.9;margin-bottom:25px}.card>.meta{grid-column:1;grid-row:4;display:flex;gap:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:18px 0;margin-bottom:20px}.meta-item{flex:1;border-right:1px solid var(--line);padding-left:22px}.meta-item:first-child{padding-left:0}.meta-item:last-child{border-right:0}.meta-item .label{font-size:10px;letter-spacing:1px;color:var(--dim);margin-bottom:6px}.meta-item .value{font-size:18px;font-weight:550;font-variant-numeric:tabular-nums}.changelog{grid-column:1;grid-row:5;font-size:12px;color:var(--dim);line-height:1.9;max-height:128px;overflow:auto;padding-right:12px;scrollbar-width:thin;scrollbar-color:var(--line) transparent}.qr-section{grid-column:2;grid-row:1/5;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;background:var(--soft);border:1px solid var(--line);border-radius:12px;padding:26px 18px;margin-bottom:16px}.qr-code-img{width:164px;height:164px;display:block;padding:10px;border-radius:9px;background:white}.qr-text{text-align:center;font-size:11px;color:var(--dim);line-height:1.9}.qr-text strong{display:block;font-size:13px;color:var(--text);font-weight:550;margin-bottom:4px}.card>.actions{grid-column:2;grid-row:5;display:flex;flex-direction:column;gap:9px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:12px 20px;border:1px solid var(--line);border-radius:5px;font-size:13px;font-weight:500;cursor:pointer;transition:background .2s,transform .2s;color:var(--text);background:var(--soft);text-decoration:none;line-height:1.5}.btn:hover{transform:translateY(-1px)}.btn-primary{background:var(--accent);color:var(--on-accent);border-color:var(--accent)}.btn-outline{background:transparent}.btn-outline:hover{background:var(--soft)}.btn .arrow{margin-left:auto}.footer{max-width:1112px;margin:0 auto;padding:20px 0 38px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;font-size:11px;color:var(--dim)}.footer a:hover{text-decoration:underline;text-underline-offset:4px}.loading,.error-state,.empty-state{padding:50px 24px;text-align:center;color:var(--dim)}.error-state{color:#ad3345}
.activ-section{max-width:1160px;margin:16px auto 60px;padding:24px}.activ-section h3{font-size:20px;font-weight:550;margin-bottom:22px;display:flex;align-items:center;gap:8px}.activ-section .gen-row,.activ-section .toolbar,.activ-section .login-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:16px}.activ-section input,.activ-section select{padding:10px 14px;border:1px solid var(--line);border-radius:5px;background:var(--card);color:var(--text);font-size:13px;min-width:0}.gen-row input{width:100px}.gen-row .custom-input{width:180px}.gen-row select{width:110px}.stats-row{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:20px}.stat-card{background:var(--glass);border:1px solid var(--line);border-radius:10px;padding:18px;text-align:center;cursor:pointer}.stat-card.active{border-color:var(--accent)}.stat-card .num{font-size:26px;font-weight:550;color:var(--text)!important}.stat-card .lbl{font-size:11px;color:var(--dim);margin-top:4px}.filter-tabs{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:16px}.filter-tab{background:transparent;border:1px solid var(--line);color:var(--dim);font-size:12px;padding:8px 16px;border-radius:5px}.filter-tab.active{background:var(--accent);color:var(--on-accent);border-color:var(--accent)}.toolbar input{flex:1;min-width:160px}.code-list{display:flex;flex-direction:column;gap:6px;max-height:500px;overflow:auto}.code-item{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:14px;background:var(--card);border:1px solid var(--line);border-radius:7px;font-size:13px}.code-text{font-family:Consolas,monospace;font-weight:600;min-width:120px}.badge{padding:2px 8px;border-radius:4px;font-size:10px}.badge-unused{background:#39735a15;color:var(--green)}.badge-copied{background:#a16b1815;color:#a16b18}.badge-used{background:var(--soft);color:var(--dim)}.code-item .meta{flex:1;min-width:100px;color:var(--dim);font-size:11px}.code-item .actions{display:flex;gap:5px}.login-hint{text-align:center;padding:20px}.login-row{justify-content:center}
@media(min-width:1500px){.header{padding-top:80px}.card{padding:44px}}@media(max-width:760px){.site-nav{height:72px;padding:0 6%;gap:12px}.site-brand{font-size:21px}.site-brand img{width:25px;height:25px}.brand-caption,.nav-home{display:none}.nav-actions{gap:7px}.nav-actions .btn,.avcdm-theme-switch{font-size:11px;padding:9px 10px}.header{padding:44px 6% 28px}.header h1{letter-spacing:-1.4px;font-size:37px}.header .logo{font-size:8px;margin-bottom:17px}.header .subtitle{font-size:12px;margin-top:15px}.apps{padding:0 6% 24px}.card{padding:25px;grid-template-columns:1fr;gap:0}.card h2{font-size:23px}.card>.meta{margin-bottom:18px}.meta-item{padding-left:14px}.meta-item .value{font-size:16px}.changelog{max-height:120px;margin-bottom:25px}.qr-section{grid-column:1;grid-row:6;flex-direction:row;gap:20px;margin-bottom:18px;padding:20px 14px}.qr-code-img{width:130px;height:130px}.qr-text{text-align:left}.card>.actions{grid-column:1;grid-row:7}.footer{margin:0 6%;padding:22px 0 30px;flex-direction:column;gap:8px}.activ-section{padding:16px 6%}.stats-row{grid-template-columns:repeat(2,1fr)}.login-row{flex-direction:column}.login-row input{width:100%}.activ-section h3{flex-wrap:wrap;font-size:17px}.qr-text{font-size:10px}.qr-text strong{font-size:12px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important}}