:root{--bg:#070908;--panel:#101412;--paper:#f3f4f1;--ink:#121512;--muted:#8f9691;--line:rgba(255,255,255,.13);--accent:#79e6c1;--pad:max(22px,6vw)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:#f5f7f4;font-family:Manrope,"Noto Sans SC",sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}.gallery-header{height:76px;padding:0 var(--pad);display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:30;background:#070908d9;backdrop-filter:blur(20px);border-bottom:1px solid var(--line)}.gallery-brand{display:flex;align-items:center;gap:10px;font-weight:600;letter-spacing:.08em}.gallery-brand b{display:grid;place-items:center;width:30px;height:30px;border:1px solid #ffffff55;border-radius:9px;font-size:13px}.gallery-header nav{display:flex;gap:26px;font-size:13px;color:#9ba19d}.gallery-header nav a{padding:10px 0}.gallery-header nav .active{color:#fff;border-bottom:1px solid var(--accent)}.gallery-main{min-height:80vh}.gallery-hero{padding:clamp(80px,9vw,140px) var(--pad) 70px;position:relative;overflow:hidden}.gallery-hero:after{content:"";position:absolute;width:650px;height:650px;border-radius:50%;background:radial-gradient(circle,#1b4c3c,transparent 68%);right:-12%;top:-70%;opacity:.55;pointer-events:none}.gallery-kicker,.admin-head p,.project-title>p{font-size:10px;letter-spacing:.22em;color:var(--accent)}.gallery-hero h1{font-size:clamp(60px,9vw,130px);line-height:.9;letter-spacing:-.07em;margin:25px 0 30px}.gallery-hero>p:not(.gallery-kicker){color:#9ca39e;font-size:clamp(15px,1.4vw,20px)}.search-form{margin-top:48px;max-width:720px;height:64px;display:flex;align-items:center;border:1px solid #ffffff27;background:#ffffff0b;border-radius:100px;padding:7px 8px 7px 22px;position:relative;z-index:2;transition:border .3s,box-shadow .3s}.search-form:focus-within{border-color:#79e6c17a;box-shadow:0 0 35px #79e6c115}.search-form>span{font-size:27px;color:var(--accent)}.search-form input{flex:1;min-width:0;background:none;border:0;outline:0;color:#fff;font:inherit;padding:0 15px}.search-form button,.admin-login button{height:48px;border:0;border-radius:100px;padding:0 28px;background:#f2f4f1;color:#080a09;font-weight:600;cursor:pointer}.search-status{margin:20px 20px;color:#858c87;font-size:13px}.search-status a{color:var(--accent)}.masonry{padding:0 var(--pad) 130px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;align-items:start}.design-card{background:#101311;border:1px solid var(--line);border-radius:24px;overflow:hidden;animation:cardIn .8s var(--delay) both;transition:transform .45s,border-color .3s,box-shadow .45s}.design-card:nth-child(4n+2),.design-card:nth-child(4n+3){margin-top:55px}.design-card:hover{transform:translateY(-8px);border-color:#79e6c14f;box-shadow:0 28px 75px #0008}.cover-wrap{position:relative;overflow:hidden;aspect-ratio:3/2;background:#171b18}.cover-wrap img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .75s cubic-bezier(.2,.8,.2,1),filter .4s}.design-card:hover img{transform:scale(1.035);filter:brightness(1.07)}.cover-wrap span{position:absolute;right:16px;bottom:15px;background:#070908c9;backdrop-filter:blur(10px);border:1px solid #ffffff25;border-radius:100px;padding:7px 11px;font-size:10px}.card-copy{padding:27px}.card-copy>p{font-size:9px;letter-spacing:.18em;color:var(--accent)}.card-copy h2{font-size:clamp(20px,2vw,31px);line-height:1.35;letter-spacing:-.025em;margin:12px 0 28px}.card-copy>div{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:17px;color:#909792;font-size:12px}.card-copy b{color:var(--accent)}.empty{text-align:center;padding:60px var(--pad) 160px}.empty h2{font-size:35px}.empty p{color:var(--muted)}.empty a{display:inline-block;margin-top:20px;border:1px solid var(--line);border-radius:100px;padding:12px 18px}.project-main{padding:70px var(--pad) 140px;max-width:1500px;margin:auto}.back-link{font-size:12px;color:#9ba19d}.project-title{padding:80px 0 95px;max-width:1150px}.project-title h1{font-size:clamp(40px,6.3vw,92px);line-height:1.08;letter-spacing:-.055em;margin:22px 0 30px}.project-title>span{color:#929994}.project-images{display:grid;gap:28px}.project-images figure{margin:0;background:#101311;border:1px solid var(--line);border-radius:22px;overflow:hidden}.project-images img{display:block;width:100%;height:auto;background:#f1f2ef}.project-images figcaption{padding:15px 20px;color:#7f8681;font-size:10px;letter-spacing:.1em}.project-end{text-align:center;padding-top:110px}.project-end p{font-size:9px;letter-spacing:.25em;color:#69706b}.project-end a{display:inline-block;margin-top:20px;border:1px solid var(--line);border-radius:100px;padding:14px 22px}.gallery-footer{min-height:100px;padding:30px var(--pad);border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;color:#737a75;font-size:10px}.admin-login{min-height:calc(100vh - 176px);display:grid;place-items:center;padding:50px 22px;background:radial-gradient(circle at 50% 30%,#15362b,transparent 42%)}.admin-login form{width:min(430px,100%);padding:40px;border:1px solid var(--line);border-radius:26px;background:#0e120fdd;box-shadow:0 35px 100px #0008}.admin-login form>p{font-size:9px;letter-spacing:.2em;color:var(--accent)}.admin-login h1{font-size:38px;margin:15px 0 35px}.admin-login label{display:block;color:#999f9b;font-size:12px;margin:18px 0}.admin-login input{display:block;width:100%;height:50px;border:1px solid #ffffff20;background:#ffffff0a;color:#fff;border-radius:12px;margin-top:8px;padding:0 14px;outline:0}.admin-login input:focus{border-color:#79e6c177}.admin-login button{width:100%;margin-top:15px}.login-error{color:#ff958c;font-size:12px}.admin-main{padding:65px var(--pad) 130px;max-width:1450px;margin:auto}.admin-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:45px}.admin-head h1{font-size:clamp(42px,6vw,75px);margin:10px 0}.ghost-button{border:1px solid var(--line);background:none;color:#bbb;border-radius:100px;padding:10px 16px;cursor:pointer}.upload-panel{background:#0e120f;border:1px solid var(--line);border-radius:28px;padding:18px}.drop-zone{min-height:320px;border:1px dashed #ffffff30;border-radius:20px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;transition:.3s}.drop-zone.dragging{border-color:var(--accent);background:#79e6c10c;box-shadow:inset 0 0 70px #79e6c10b}.upload-icon{width:62px;height:62px;border-radius:50%;display:grid;place-items:center;background:#f2f4f1;color:#101310;font-size:30px}.drop-zone h2{font-size:25px;margin:23px 0 8px}.drop-zone p{color:#858c87;font-size:13px}.folder-button{margin-top:15px;border:1px solid #ffffff30;border-radius:100px;padding:11px 18px;font-size:12px;cursor:pointer}.folder-button input{display:none}.upload-progress{padding:22px 12px 6px}.progress-meta{display:flex;justify-content:space-between}.progress-meta span,.upload-progress p{font-size:12px;color:#8c938e}.progress-track{height:7px;background:#ffffff10;border-radius:20px;overflow:hidden;margin-top:15px}.progress-track span{display:block;width:0;height:100%;background:linear-gradient(90deg,#57cda6,#a8ffe1);transition:width .25s}.admin-projects{margin-top:60px}.admin-section-title{display:flex;align-items:center;gap:14px}.admin-section-title h2{font-size:28px}.admin-section-title span{color:#78807a;font-size:12px}.admin-list{border-top:1px solid var(--line)}.admin-list article{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:23px 4px;border-bottom:1px solid var(--line)}.admin-list h3{font-size:16px;margin:0 0 8px}.admin-list p{color:#777e79;font-size:11px;margin:0}.admin-list article>div:last-child{display:flex;gap:9px}.admin-list a,.admin-list button{font:inherit;font-size:11px;border:1px solid var(--line);border-radius:100px;background:none;color:#afb5b1;padding:8px 13px;cursor:pointer}.admin-list button{color:#e38b85}.no-projects{padding:30px 0;color:var(--muted)}@keyframes cardIn{from{opacity:0;transform:translateY(35px);filter:blur(7px)}to{opacity:1;transform:none;filter:none}}
@media(max-width:760px){.gallery-header{height:66px}.gallery-header nav{gap:18px}.gallery-hero{padding-top:70px}.gallery-hero h1{font-size:60px}.search-form{height:57px}.search-form button{height:43px;padding:0 19px}.masonry{grid-template-columns:1fr;gap:16px}.design-card:nth-child(n){margin-top:0;border-radius:20px}.card-copy{padding:21px}.project-main{padding-top:40px}.project-title{padding:55px 0}.project-images{gap:14px}.project-images figure{border-radius:14px}.gallery-footer{flex-direction:column;justify-content:center;gap:10px;text-align:center}.admin-main{padding-top:38px}.admin-head{align-items:flex-start}.admin-head h1{font-size:45px}.drop-zone{min-height:270px;padding:25px}.admin-list article{align-items:flex-start;flex-direction:column}.admin-list article>div:last-child{width:100%;justify-content:flex-end}.admin-login form{padding:30px 24px}}

/* Standalone paid module-diagram generator */
.module-main{min-height:80vh;padding:clamp(70px,8vw,118px) var(--pad) 130px;background:radial-gradient(circle at 78% 8%,#153b3152,transparent 34%),linear-gradient(180deg,#070908,#090c0a)}
.module-hero{width:min(1320px,100%);margin:0 auto 48px}.module-hero>p{margin:0;color:var(--accent);font-size:10px;letter-spacing:.24em}.module-hero h1{margin:18px 0 20px;font-size:clamp(52px,7vw,94px);line-height:.95;letter-spacing:-.065em}.module-hero span{color:#969d98;font-size:clamp(14px,1.3vw,18px)}
.module-workbench{width:min(1420px,100%);margin:auto;display:grid;grid-template-columns:minmax(360px,.8fr) minmax(540px,1.2fr);gap:18px;align-items:stretch}.module-panel{min-width:0;padding:25px;border:1px solid var(--line);border-radius:25px;background:#0e120ff0;box-shadow:0 26px 90px #0004}.module-panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:20px}.module-panel-head small{color:var(--accent);font-size:9px;letter-spacing:.19em}.module-panel-head h2{margin:8px 0 0;font-size:22px}.module-light-button{height:36px;padding:0 14px;border:1px solid #ffffff20;border-radius:100px;background:#ffffff08;color:#c7cdc9;cursor:pointer}.module-levels{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:13px}.module-levels span{padding:7px 9px;border:1px solid #ffffff12;border-radius:8px;color:#78817b;font-size:10px}.module-levels b{color:var(--accent)}#moduleSource{display:block;width:100%;height:480px;resize:vertical;padding:20px;border:1px solid #ffffff1f;border-radius:17px;background:#080b09;color:#e8ede9;outline:0;font:14px/1.9 Consolas,"Noto Sans SC",monospace;caret-color:var(--accent);tab-size:2}#moduleSource:focus{border-color:#79e6c169;box-shadow:inset 0 0 35px #79e6c108}.module-editor-foot{display:flex;align-items:center;justify-content:space-between;margin-top:14px}.module-editor-foot>span{color:#727a74;font-size:10px}.module-editor-foot button{height:48px;padding:0 22px;border:0;border-radius:13px;background:linear-gradient(110deg,#c8ff91,#64eab6);color:#071009;font-weight:700;cursor:pointer;box-shadow:0 12px 35px #64eab61a}.module-editor-foot button:disabled{opacity:.55;cursor:wait}.module-editor-foot button b{margin-left:18px}.module-message{min-height:18px;margin:14px 2px 0;color:#8ea097;font-size:11px}.module-message.error{color:#e79c95}.module-state{margin-top:3px;padding:7px 11px;border:1px solid #ffffff18;border-radius:100px;color:#7f8781;font-size:10px}.module-state.is-preview{color:#e9c38a;border-color:#d8a8563b;background:#d8a8560d}.module-state.is-dirty{color:#e6a49f}.module-state.is-paid{color:#92f5c7;border-color:#67e3aa4a;background:#67e3aa0c}.module-preview{position:relative;min-height:520px;display:grid;place-items:center;overflow:auto;border:1px solid #ffffff15;border-radius:17px;background-color:#e7eae7;background-image:linear-gradient(#c6cbc6 1px,transparent 1px),linear-gradient(90deg,#c6cbc6 1px,transparent 1px);background-size:22px 22px}.module-empty{display:flex;flex-direction:column;align-items:center;text-align:center;color:#687069}.module-empty i{width:48px;height:48px;margin-bottom:18px;border:1px solid #778078;border-radius:14px;background:linear-gradient(135deg,#fff9,#fff2);box-shadow:12px 12px 0 #64706822}.module-empty b{font-size:13px}.module-empty span{margin-top:8px;font-size:10px}.module-preview.has-image .module-empty{display:none}.module-preview img{display:block;min-width:100%;max-width:none;width:auto;max-height:690px;object-fit:contain;background:#fff}.module-export-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:13px}.module-export-actions button{min-height:43px;border:1px solid #ffffff1c;border-radius:11px;background:#ffffff07;color:#b8c0ba;font:inherit;font-size:11px;cursor:pointer}.module-export-actions button:disabled{opacity:.42;cursor:not-allowed}.module-export-actions button.needs-pay:not(:disabled):after{content:" · ¥0.50";color:#91e8c5}.module-pay-tip{margin:13px 2px 0;color:#737b75;font-size:10px;line-height:1.7}.module-guide{width:min(1420px,100%);margin:18px auto 0;display:grid;grid-template-columns:repeat(3,1fr);gap:1px;overflow:hidden;border:1px solid var(--line);border-radius:18px;background:var(--line)}.module-guide div{padding:20px 23px;background:#0c100d}.module-guide b,.module-guide span{display:block}.module-guide b{font-size:12px}.module-guide span{margin-top:7px;color:#747c76;font-size:10px}
.module-pay-modal{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:20px;background:#020403d9;backdrop-filter:blur(18px)}.module-pay-modal[hidden]{display:none}.module-pay-dialog{position:relative;width:min(430px,100%);padding:30px;border:1px solid #ffffff1c;border-radius:27px;background:#0d120f;box-shadow:0 35px 120px #000a;text-align:center}.module-pay-close{position:absolute;top:15px;right:15px;width:34px;height:34px;border:1px solid #ffffff19;border-radius:50%;background:none;color:#8c948e;font-size:21px;cursor:pointer}.module-pay-dialog>p{margin:0;color:var(--accent);font-size:9px;letter-spacing:.22em}.module-pay-dialog h2{margin:12px 0 20px;font-size:24px}.module-price{display:flex;align-items:center;justify-content:space-between;padding:15px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.module-price span{color:#8b938d;font-size:11px}.module-price b{color:#baff98;font-size:28px}.module-qr-shell{position:relative;width:260px;aspect-ratio:1;margin:22px auto 15px;padding:10px;border-radius:16px;background:#fff;display:grid;place-items:center}.module-qr-shell img{position:relative;z-index:2;display:block;width:100%;height:100%}.module-qr-shell img[hidden]{display:none}.module-qr-loader{width:32px;height:32px;border:2px solid #d9dedb;border-top-color:#3cbf88;border-radius:50%;animation:gallerySpin .75s linear infinite}.module-pay-dialog>strong{display:block;font-size:13px}.module-pay-dialog>small{display:block;margin:9px auto 0;max-width:310px;color:#7b837d;font-size:10px;line-height:1.7}
@media(max-width:1000px){.module-workbench{grid-template-columns:1fr}.module-preview{min-height:430px}.module-preview img{max-height:620px}}
@media(max-width:760px){.gallery-header{padding:0 16px;overflow:hidden}.gallery-brand{flex:0 0 auto;margin-right:18px}.gallery-header nav{overflow-x:auto;white-space:nowrap;scrollbar-width:none;padding-right:14px}.gallery-header nav::-webkit-scrollbar{display:none}.module-main{padding-left:16px;padding-right:16px}.module-hero{margin-bottom:34px}.module-panel{padding:18px;border-radius:20px}#moduleSource{height:400px;padding:15px;font-size:13px}.module-preview{min-height:360px}.module-export-actions{grid-template-columns:1fr}.module-guide{grid-template-columns:1fr}.module-qr-shell{width:min(250px,80vw)}}

.module-levels .level-1 b,.module-hash.level-1{color:#79e6c1}.module-levels .level-2 b,.module-hash.level-2{color:#f2c978}.module-levels .level-3 b,.module-hash.level-3{color:#f09a82}.module-levels .level-4 b,.module-hash.level-4{color:#b7e572}
.module-source-wrap{position:relative;height:480px;overflow:hidden;border:1px solid #ffffff1f;border-radius:17px;background:#080b09}.module-source-wrap:focus-within{border-color:#79e6c169;box-shadow:inset 0 0 35px #79e6c108}.module-source-wrap #moduleSource,.module-source-wrap #moduleHighlight{position:absolute;inset:0;width:100%;height:100%;margin:0;padding:20px;border:0;border-radius:0;background:transparent;font:14px/1.9 Consolas,"Noto Sans SC",monospace;white-space:pre-wrap;overflow-wrap:break-word;tab-size:2}.module-source-wrap #moduleHighlight{z-index:1;color:#e8ede9;pointer-events:none;overflow:visible}.module-source-wrap #moduleSource{z-index:2;resize:none;color:transparent;-webkit-text-fill-color:transparent;caret-color:#79e6c1;outline:0}.module-source-wrap #moduleSource::selection{background:#79e6c13d}.module-source-wrap #moduleSource::placeholder{color:#59615c;-webkit-text-fill-color:#59615c}.module-hash{font-weight:800;text-shadow:0 0 13px currentColor}.module-unlock-note{width:100%;display:flex;align-items:center;justify-content:center;gap:11px;margin-top:13px;padding:11px;border:1px solid #79e6c12c;border-radius:11px;background:#79e6c108;color:inherit;font:inherit;cursor:pointer;transition:border-color .25s,background .25s,transform .25s,box-shadow .25s}.module-unlock-note:hover{transform:translateY(-2px);border-color:#79e6c16b;background:#79e6c112;box-shadow:0 12px 34px #79e6c112}.module-unlock-note:active{transform:translateY(0)}.module-unlock-note b{color:#baff98;font-size:18px}.module-unlock-note span{color:#9da6a0;font-size:11px}.module-unlock-note>i{margin-left:auto;color:var(--accent);font-size:10px;font-style:normal}.module-export-actions button.needs-pay:not(:disabled):after{content:""}
@media(max-width:760px){.module-source-wrap{height:400px}.module-source-wrap #moduleSource,.module-source-wrap #moduleHighlight{padding:15px;font-size:13px}.module-unlock-note{align-items:flex-start;flex-direction:column;gap:3px}.module-unlock-note>i{margin:4px 0 0}}

/* Navigation tools dropdown: hover on desktop, native tap toggle on touch screens. */
.gallery-header .nav-tools{position:relative;color:#9ba19d}.gallery-header .nav-tools summary{list-style:none;padding:10px 0;cursor:pointer;white-space:nowrap}.gallery-header .nav-tools summary::-webkit-details-marker{display:none}.gallery-header .nav-tools summary i{display:inline-block;width:6px;height:6px;margin:0 0 3px 5px;border-right:1px solid currentColor;border-bottom:1px solid currentColor;transform:rotate(45deg);transition:transform .2s}.gallery-header .nav-tools[open] summary i,.gallery-header .nav-tools:hover summary i{transform:translateY(3px) rotate(225deg)}.gallery-header .nav-tools summary.active{color:#fff;border-bottom:1px solid var(--accent)}.gallery-header .nav-tools-menu{position:absolute;top:calc(100% - 1px);left:50%;z-index:50;width:230px;padding:8px;display:none;transform:translateX(-50%);border:1px solid #ffffff1c;border-radius:16px;background:#0c100eeF;backdrop-filter:blur(22px);box-shadow:0 24px 65px #0009}.gallery-header .nav-tools[open] .nav-tools-menu,.gallery-header .nav-tools:hover .nav-tools-menu{display:grid}.gallery-header .nav-tools-menu a{display:block;padding:12px 13px;border:0!important;border-radius:10px}.gallery-header .nav-tools-menu a:hover{background:#ffffff09}.gallery-header .nav-tools-menu span,.gallery-header .nav-tools-menu small{display:block}.gallery-header .nav-tools-menu span{color:#eef2ef;font-size:12px}.gallery-header .nav-tools-menu small{margin-top:5px;color:#717973;font-size:9px}.gallery-header .nav-tools-menu a.active{background:#79e6c10c}.gallery-header .nav-tools-menu a.active span{color:var(--accent)}
@media(max-width:760px){.gallery-header .nav-tools-menu{position:fixed;top:59px;right:12px;left:auto;width:min(250px,calc(100vw - 24px));transform:none}.gallery-header .nav-tools summary{font-size:10px}}

/* Keep the mobile tools submenu above page cards, floating buttons and scroll clipping. */
@media(max-width:760px){.gallery-header{z-index:500;overflow:visible;backdrop-filter:none;background:#070908f7}.gallery-header .nav-tools-menu{position:fixed!important;z-index:800;top:66px;right:12px;left:auto;width:min(280px,calc(100vw - 24px));transform:none;background:#0b100dfc;box-shadow:0 24px 80px #000,0 0 0 1px #79e6c112}.gallery-header .nav-tools[open]{z-index:801}}

/* First-visit visual walkthrough for the module diagram tool. */
.module-onboarding{width:min(1420px,100%);margin:0 auto 18px;padding:13px 18px;display:flex;align-items:center;justify-content:center;gap:18px;border:1px solid #ffffff16;border-radius:18px;background:#0d110f}.module-onboarding>div{display:flex;align-items:center;gap:10px;opacity:.42;transition:opacity .3s,transform .3s}.module-onboarding>div.is-current{opacity:1;transform:translateY(-1px)}.module-onboarding>div>b{width:30px;height:30px;display:grid;place-items:center;border:1px solid #ffffff1d;border-radius:9px;color:#89918b;font-size:9px}.module-onboarding>div.is-current>b{border-color:#79e6c16b;background:#79e6c112;color:var(--accent);box-shadow:0 0 22px #79e6c126}.module-onboarding span,.module-onboarding strong,.module-onboarding small{display:block}.module-onboarding strong{font-size:11px}.module-onboarding small{margin-top:3px;color:#747c76;font-size:9px}.module-onboarding>i{color:#505751;font-style:normal;font-size:13px}.onboarding-focus{position:relative;z-index:4;animation:moduleGuidePulse 1.5s ease-in-out infinite!important}.module-light-button.onboarding-focus:after,.module-editor-foot button.onboarding-focus:after,.module-unlock-note.onboarding-focus:after{position:absolute;z-index:6;padding:7px 10px;border-radius:8px;background:#f0c978;color:#15130c;font-size:9px;font-weight:700;white-space:nowrap;box-shadow:0 9px 25px #0007;pointer-events:none}.module-light-button.onboarding-focus:after{content:"从这里开始";top:calc(100% + 10px);right:0}.module-editor-foot button.onboarding-focus:after{content:"下一步：点击生成";right:0;bottom:calc(100% + 10px);margin-left:0}.module-unlock-note.onboarding-focus:after{content:"最后一步：一次解锁三项";right:12px;bottom:calc(100% + 9px)}.module-source-wrap.onboarding-editor{border-color:#f2c9788a;box-shadow:0 0 0 3px #f2c97813,0 0 38px #f2c97816}.module-preview.onboarding-preview{animation:modulePreviewGuide 1.8s ease-in-out 2}@keyframes moduleGuidePulse{0%,100%{box-shadow:0 0 0 0 #79e6c148,0 0 0 #79e6c100}50%{box-shadow:0 0 0 7px #79e6c10a,0 0 32px #79e6c148}}@keyframes modulePreviewGuide{0%,100%{box-shadow:0 0 0 0 #79e6c100}50%{box-shadow:0 0 0 4px #79e6c126,0 0 45px #79e6c12b}}
@media(max-width:760px){.module-onboarding{align-items:stretch;justify-content:flex-start;gap:8px;overflow-x:auto}.module-onboarding>div{min-width:145px}.module-onboarding>i{align-self:center}.module-light-button.onboarding-focus:after{right:-3px}.module-unlock-note.onboarding-focus:after{right:5px}}
@media(prefers-reduced-motion:reduce){.onboarding-focus,.module-preview.onboarding-preview{animation:none!important;outline:2px solid #79e6c166;outline-offset:3px}}

/* Watermarked/paid full-screen diagram preview. */
.module-preview.has-image{cursor:zoom-in}.module-preview.has-image:after{content:"点击图片放大预览";position:absolute;right:12px;bottom:12px;padding:7px 10px;border:1px solid #ffffff21;border-radius:100px;background:#07100dc9;color:#dce5df;font-size:9px;backdrop-filter:blur(10px);pointer-events:none}.module-preview img:focus-visible{outline:3px solid #79e6c175;outline-offset:-4px}.module-zoom-open{overflow:hidden}.module-zoom-modal{position:fixed;inset:0;z-index:120;display:grid;grid-template-rows:auto 1fr;background:#050706f5;backdrop-filter:blur(22px)}.module-zoom-modal[hidden]{display:none}.module-zoom-modal>header{min-height:72px;padding:12px max(18px,3vw);display:flex;align-items:center;justify-content:space-between;gap:18px;border-bottom:1px solid #ffffff17;background:#090c0ae8}.module-zoom-modal>header>div:first-child b,.module-zoom-modal>header>div:first-child span{display:block}.module-zoom-modal>header>div:first-child b{font-size:14px}.module-zoom-modal>header>div:first-child span{margin-top:5px;color:#e2bb79;font-size:9px}.module-zoom-modal>header>div:first-child span.is-paid{color:#80e9ba}.module-zoom-controls{display:flex;align-items:center;gap:7px}.module-zoom-controls button{min-width:38px;height:38px;padding:0 12px;border:1px solid #ffffff1f;border-radius:10px;background:#ffffff08;color:#dce2de;font:inherit;font-size:11px;cursor:pointer}.module-zoom-controls button:hover{border-color:#79e6c15b;background:#79e6c10b}.module-zoom-controls button[data-zoom="reset"]{min-width:62px}.module-zoom-controls #moduleZoomClose{margin-left:8px;background:#eef2ef;color:#0a0d0b;border-color:#eef2ef}.module-zoom-stage{min-width:0;min-height:0;display:grid;place-items:center;overflow:hidden;padding:28px;background-color:#cfd4d0;background-image:linear-gradient(#b8bdb9 1px,transparent 1px),linear-gradient(90deg,#b8bdb9 1px,transparent 1px);background-size:24px 24px;cursor:default}.module-zoom-stage.can-drag{cursor:grab}.module-zoom-stage.can-drag:active{cursor:grabbing}.module-zoom-stage img{display:block;max-width:92%;max-height:calc(100vh - 128px);background:#fff;box-shadow:0 20px 70px #0005;transform-origin:center;transition:transform .12s ease;user-select:none;touch-action:none}.module-zoom-stage.can-drag img{transition:none}
@media(max-width:680px){.module-zoom-modal>header{align-items:flex-start;flex-direction:column;padding:11px 14px}.module-zoom-controls{width:100%}.module-zoom-controls button{flex:1;padding:0 7px}.module-zoom-controls #moduleZoomClose{margin-left:0}.module-zoom-stage{padding:12px}.module-zoom-stage img{max-width:100%;max-height:calc(100vh - 155px)}}

.module-editor-foot button.onboarding-focus:after{content:"修改完成后，点击生成"}.module-source-wrap.onboarding-editor:after{content:"示例内容可以直接编辑修改";position:absolute;z-index:5;top:10px;right:13px;padding:7px 10px;border-radius:8px;background:#79e6c1;color:#0b1712;font-size:9px;font-weight:700;box-shadow:0 9px 25px #0006;pointer-events:none}

/* Permanent manual collection pages and their dedicated admin module. */
.manual-admin-main{width:min(1440px,calc(100% - 44px));min-height:80vh;margin:auto;padding:70px 0 130px}.manual-admin-head{display:flex;align-items:flex-start;justify-content:space-between;gap:30px;margin-bottom:38px}.manual-admin-head p,.manual-section-head p{margin:0;color:var(--accent);font-size:9px;letter-spacing:.21em}.manual-admin-head h1{margin:13px 0 12px;font-size:clamp(48px,7vw,82px);letter-spacing:-.06em}.manual-admin-head span,.manual-section-head>span{color:#7f8781;font-size:11px}.manual-config-warning{margin-bottom:18px;padding:15px 18px;border:1px solid #dc9d6940;border-radius:13px;background:#4e2a1822;color:#d8a98b;font-size:11px}.manual-admin-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:18px}.manual-admin-stats article{padding:20px;border:1px solid var(--line);border-radius:17px;background:#0e120f}.manual-admin-stats span,.manual-admin-stats b{display:block}.manual-admin-stats span{color:#7f8781;font-size:10px}.manual-admin-stats b{margin-top:10px;color:#dfffea;font-size:25px}.manual-create-card,.manual-links-card,.manual-logs-card{margin-bottom:18px;padding:25px;border:1px solid var(--line);border-radius:23px;background:#0e120f}.manual-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:22px}.manual-section-head h2{margin:8px 0 0;font-size:24px}.manual-create-card form{display:grid;grid-template-columns:1fr 1fr;gap:15px}.manual-create-card label>span{display:block;margin-bottom:8px;color:#9da49f;font-size:11px}.manual-create-card label>span>b{color:#f09a82}.manual-create-card input,.manual-create-card textarea,.manual-log-search input{width:100%;border:1px solid #ffffff1f;border-radius:11px;background:#080b09;color:#eef2ef;outline:0;font:inherit;font-size:12px}.manual-create-card input{height:47px;padding:0 14px}.manual-create-card textarea{padding:13px 14px;resize:vertical;line-height:1.7}.manual-create-card input:focus,.manual-create-card textarea:focus,.manual-log-search input:focus{border-color:#79e6c169}.manual-money-input{display:flex;align-items:center;border:1px solid #ffffff1f;border-radius:11px;background:#080b09}.manual-money-input:focus-within{border-color:#79e6c169}.manual-money-input i{padding-left:14px;color:#baff98;font-style:normal}.manual-money-input input{border:0;background:transparent}.manual-full-field{grid-column:1/-1}.manual-info-toggle{display:flex;align-items:center;gap:13px;padding:14px 16px;border:1px solid #ffffff15;border-radius:13px;background:#ffffff05;cursor:pointer}.manual-info-toggle>input{flex:0 0 auto;width:18px;height:18px;padding:0;accent-color:var(--accent)}.manual-info-toggle>span{margin:0!important}.manual-info-toggle b,.manual-info-toggle small{display:block}.manual-info-toggle b{color:#dce3de}.manual-info-toggle small{margin-top:5px;color:#747c76;font-size:9px;line-height:1.6}.manual-create-button{grid-column:1/-1;min-height:50px;border:0;border-radius:12px;background:linear-gradient(105deg,#c9ff93,#67eab8);color:#071009;font-weight:700;cursor:pointer}.manual-create-button:disabled{opacity:.5;cursor:wait}.manual-created-result{margin-top:15px;padding:15px;display:flex;align-items:center;justify-content:space-between;gap:15px;border:1px solid #79e6c13a;border-radius:13px;background:#79e6c10a}.manual-created-result[hidden]{display:none}.manual-created-result span,.manual-created-result a{display:block}.manual-created-result span{color:#98a09a;font-size:9px}.manual-created-result a{margin-top:5px;color:var(--accent);font-size:11px;word-break:break-all}.manual-created-result button,.manual-link-actions button,.manual-link-actions a{flex:0 0 auto;padding:9px 13px;border:1px solid #ffffff1f;border-radius:9px;background:#f0f3f0;color:#090c0a;font:inherit;font-size:10px;cursor:pointer}.manual-form-message{min-height:17px;margin:11px 2px 0;color:#98a19a;font-size:10px}.manual-links-list{display:grid;gap:9px}.manual-links-list article{display:grid;grid-template-columns:minmax(260px,1fr) 220px auto;align-items:center;gap:22px;padding:17px;border:1px solid #ffffff12;border-radius:15px;background:#ffffff03}.manual-link-copy>span{color:#666e68;font-size:9px}.manual-link-copy h3{margin:7px 0 6px;font-size:15px}.manual-link-copy p{margin:0 0 8px;color:#858d87;font-size:10px}.manual-link-copy code{color:#7bd6b6;font-size:9px;word-break:break-all}.manual-link-meta b,.manual-link-meta span,.manual-link-meta small{display:block}.manual-link-meta b{color:#baff98;font-size:20px}.manual-link-meta span{margin-top:6px;color:#aab1ac;font-size:10px}.manual-link-meta small{margin-top:5px;color:#6f7771;font-size:9px}.manual-link-actions{display:flex;gap:6px}.manual-link-actions a{display:grid;place-items:center;background:none;color:#b0b7b2}.manual-log-search{display:flex;gap:8px;margin-bottom:14px}.manual-log-search input{height:44px;padding:0 14px}.manual-log-search button,.manual-log-search a{height:44px;display:grid;place-items:center;padding:0 16px;border:0;border-radius:10px;background:#eef2ef;color:#090c0a;font:inherit;font-size:10px;cursor:pointer}.manual-log-search a{border:1px solid #ffffff1c;background:none;color:#a4aba6}.manual-log-table-wrap{overflow-x:auto;border:1px solid #ffffff11;border-radius:14px}.manual-log-table{width:100%;min-width:1100px;border-collapse:collapse}.manual-log-table th,.manual-log-table td{padding:14px;text-align:left;vertical-align:top;border-bottom:1px solid #ffffff0e}.manual-log-table th{color:#707872;font-size:9px;font-weight:500;letter-spacing:.1em}.manual-log-table td{color:#969e98;font-size:10px;line-height:1.6}.manual-log-table td>*{display:block}.manual-log-table td strong{color:#e0e5e1}.manual-log-table td p{max-width:240px;margin:3px 0 0;white-space:normal}.manual-log-table code{color:#9ddfc7;font-size:9px}.manual-status{width:max-content;margin-bottom:5px;padding:4px 7px;border-radius:100px;font-size:9px}.status-paid{background:#55d69e19;color:#80edbd}.status-pending{background:#e2b35c18;color:#eac779}.status-expired{background:#ffffff0b;color:#7e8680}.manual-log-amount{margin-top:7px;color:#baff98}.manual-log-table small{color:#666e68}.manual-pay-page{min-height:calc(100vh - 176px);padding:clamp(45px,7vw,90px) 18px 110px;background:radial-gradient(circle at 50% 10%,#184b3a,transparent 35%),#070908}.manual-pay-card{width:min(720px,100%);margin:auto;overflow:hidden;border:1px solid #ffffff1b;border-radius:28px;background:#0d110f;box-shadow:0 35px 110px #0008}.manual-pay-card>header{height:64px;padding:0 25px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff13}.manual-pay-card>header a{font-weight:700;letter-spacing:.1em}.manual-pay-card>header span{color:#78807a;font-size:9px}.manual-pay-title{padding:34px 30px 22px;text-align:center}.manual-pay-title>p{margin:0;color:var(--accent);font-size:9px;letter-spacing:.22em}.manual-pay-title h1{margin:13px 0;font-size:clamp(30px,6vw,48px);letter-spacing:-.045em}.manual-pay-title>div{max-width:540px;margin:auto;color:#8d958f;font-size:11px;line-height:1.8;white-space:pre-wrap}.manual-pay-amount{margin:0 30px;padding:20px 0;display:grid;grid-template-columns:1fr auto;border-top:1px solid #ffffff13;border-bottom:1px solid #ffffff13}.manual-pay-amount span{color:#8d958f;font-size:11px}.manual-pay-amount b{grid-column:2;grid-row:1/3;color:#baff98;font-size:36px}.manual-pay-amount small{margin-top:6px;color:#626a64;font-size:9px}.manual-pay-card form{padding:25px 30px}.manual-customer-fields{display:grid;grid-template-columns:1fr 1fr;gap:13px}.manual-customer-fields label>span{display:block;margin-bottom:7px;color:#a2aaa4;font-size:10px}.manual-customer-fields label>span>b{color:#f09a82}.manual-customer-fields label>span>small{margin-left:5px;color:#646c66}.manual-customer-fields input,.manual-customer-fields textarea{width:100%;border:1px solid #ffffff1d;border-radius:11px;background:#070a08;color:#edf1ee;outline:0;font:inherit;font-size:12px}.manual-customer-fields input{height:46px;padding:0 13px}.manual-customer-fields textarea{padding:12px 13px;resize:vertical}.manual-customer-fields input:focus,.manual-customer-fields textarea:focus{border-color:#79e6c16b}.manual-pay-full{grid-column:1/-1}.manual-info-notice{margin:13px 1px;color:#69716b;font-size:9px;line-height:1.7}.manual-direct-notice{padding:17px;border:1px solid #ffffff14;border-radius:13px;background:#ffffff04;text-align:center}.manual-direct-notice b,.manual-direct-notice span{display:block}.manual-direct-notice b{font-size:12px}.manual-direct-notice span{margin-top:6px;color:#747c76;font-size:9px}.manual-pay-button{width:100%;height:54px;margin-top:17px;border:0;border-radius:13px;background:linear-gradient(105deg,#c9ff93,#67eab8);color:#071009;font-weight:700;cursor:pointer}.manual-pay-button i{margin-left:18px;font-style:normal}.manual-pay-button:disabled{opacity:.5;cursor:wait}.manual-pay-message{min-height:18px;margin:11px 2px 0;color:#d29b8f;font-size:10px}.manual-pay-result{margin:0 30px 28px;padding:18px;display:grid;grid-template-columns:240px 1fr;align-items:center;gap:22px;border:1px solid #ffffff14;border-radius:18px;background:#ffffff04}.manual-pay-result[hidden]{display:none}.manual-pay-qr{position:relative;display:grid;place-items:center;aspect-ratio:1;padding:10px;border-radius:13px;background:#fff}.manual-pay-qr img{position:absolute;inset:10px;width:calc(100% - 20px);height:calc(100% - 20px)}.manual-pay-result p{margin:0;color:#7e8680;font-size:9px}.manual-pay-result h2{margin:9px 0;font-size:22px}.manual-pay-result span,.manual-pay-result small{display:block;color:#737b75;font-size:9px;line-height:1.7}.manual-pay-result small{margin-top:8px;word-break:break-all}.manual-pay-result.is-paid{border-color:#65dfa93f;box-shadow:0 0 45px #65dfa912}.manual-pay-result.is-paid h2{color:#85efbd}.manual-pay-card>footer{padding:17px 25px;display:flex;justify-content:space-between;border-top:1px solid #ffffff12;color:#626a64;font-size:9px}
@media(max-width:800px){.manual-admin-main{width:min(100% - 28px,620px);padding-top:42px}.manual-admin-head{flex-direction:column}.manual-admin-stats{grid-template-columns:1fr 1fr}.manual-create-card,.manual-links-card,.manual-logs-card{padding:17px}.manual-section-head{align-items:flex-start;flex-direction:column}.manual-create-card form{grid-template-columns:1fr}.manual-full-field,.manual-create-button{grid-column:auto}.manual-links-list article{grid-template-columns:1fr;gap:13px}.manual-link-actions{justify-content:flex-start}.manual-customer-fields{grid-template-columns:1fr}.manual-pay-full{grid-column:auto}.manual-pay-result{grid-template-columns:1fr}.manual-pay-qr{width:min(100%,300px);margin:auto}}@media(max-width:480px){.manual-admin-stats{grid-template-columns:1fr}.manual-pay-card{border-radius:21px}.manual-pay-title,.manual-pay-card form{padding-left:19px;padding-right:19px}.manual-pay-amount,.manual-pay-result{margin-left:19px;margin-right:19px}.manual-pay-card>footer{gap:7px;flex-direction:column;text-align:center}.manual-created-result{align-items:flex-start;flex-direction:column}}

#manualFixedAmountField,#manualAdminNameField{transition:opacity .25s}#manualFixedAmountField.is-disabled,#manualAdminNameField.is-disabled{opacity:.38}.manual-amount-toggle{border-color:#79e6c126;background:#79e6c107}.manual-custom-entry{margin:0 30px 13px}.manual-custom-entry label>span{display:block;margin-bottom:7px;color:#a2aaa4;font-size:10px}.manual-custom-entry label>span>b,.manual-custom-amount>span>b{color:#f09a82}.manual-custom-entry input{width:100%;height:48px;padding:0 13px;border:1px solid #79e6c14a;border-radius:11px;background:#070a08;color:#edf2ee;outline:0;font:inherit;font-size:12px}.manual-custom-entry input:focus{border-color:#79e6c1;box-shadow:0 0 28px #79e6c116}.manual-amount-toggle{border-color:#79e6c126;background:#79e6c107}.manual-custom-amount{grid-template-columns:1fr minmax(190px,260px)}.manual-custom-money{grid-column:2;grid-row:1/3;display:flex;align-items:center;border:1px solid #79e6c14a;border-radius:12px;background:#070a08}.manual-custom-money:focus-within{border-color:#79e6c1;box-shadow:0 0 28px #79e6c116}.manual-custom-money i{padding-left:13px;color:#baff98;font-size:21px;font-style:normal}.manual-custom-money input{width:100%;height:54px;padding:0 13px;border:0;background:transparent;color:#eff5f1;outline:0;font:600 25px/1 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.manual-custom-money input::placeholder{color:#59615c}@media(max-width:520px){.manual-custom-entry{margin-left:19px;margin-right:19px}.manual-custom-amount{grid-template-columns:1fr}.manual-custom-money{grid-column:1;grid-row:auto;margin-top:10px}.manual-custom-money input{height:50px;font-size:22px}}

/* Clear, reassuring visual language for the public payment page. */
.manual-pay-page{background:radial-gradient(circle at 50% 6%,#1a5b426b,transparent 32%),linear-gradient(180deg,#07100c,#050706)}.manual-pay-card{width:min(780px,100%);border-color:#79e6c12f;background:linear-gradient(180deg,#0d1511,#0a0e0c);box-shadow:0 38px 120px #000a,0 0 0 1px #ffffff05,0 0 70px #45c7950b}.manual-pay-card>header{height:70px;background:#ffffff02}.manual-pay-card>header a{font-size:15px}.manual-pay-card>header span{display:flex;align-items:center;gap:7px;color:#9ea7a1;font-size:11px}.manual-pay-card>header span i{width:20px;height:20px;display:grid;place-items:center;border-radius:50%;background:#64e5ad1a;color:#79e6c1;font-style:normal;font-weight:800}.manual-pay-title{padding-top:42px}.manual-pay-title>p{font-size:10px}.manual-pay-title h1{margin:16px 0 21px;color:#f5f8f5;font-size:clamp(38px,6vw,58px);line-height:1.08}.manual-pay-title>.manual-safe-lead{max-width:570px;margin:0 auto;padding:13px 16px;display:flex;align-items:center;justify-content:flex-start;gap:12px;border:1px solid #79e6c127;border-radius:13px;background:#79e6c109;text-align:left}.manual-safe-lead>i{flex:0 0 auto;width:31px;height:31px;display:grid;place-items:center;border-radius:10px;background:#79e6c119;color:#8ff1cb;font-style:normal;font-weight:800}.manual-safe-lead span,.manual-safe-lead b,.manual-safe-lead small{display:block}.manual-safe-lead b{color:#dce7e0;font-size:12px}.manual-safe-lead small{margin-top:4px;color:#77827b;font-size:10px}.manual-pay-title>.manual-merchant-note{max-width:570px;margin:14px auto 0;color:#a0aaa3;font-size:12px;line-height:1.8}.manual-custom-entry{margin-top:5px;margin-bottom:17px}.manual-custom-entry label>span,.manual-customer-fields label>span,.manual-custom-amount>span{margin-bottom:9px;color:#d0d8d2;font-size:12px;font-weight:600}.manual-custom-entry input,.manual-customer-fields input{height:50px;padding:0 15px;color:#f2f6f3;font-size:14px}.manual-customer-fields textarea{padding:14px 15px;color:#f2f6f3;font-size:14px;line-height:1.7}.manual-custom-entry input::placeholder,.manual-customer-fields input::placeholder,.manual-customer-fields textarea::placeholder{color:#69736c}.manual-pay-amount{padding:23px 0}.manual-pay-amount>span{color:#d0d8d2;font-size:12px;font-weight:600}.manual-pay-amount>small{color:#7f8982;font-size:10px}.manual-custom-money{border-color:#79e6c16b;background:#060b08;box-shadow:inset 0 0 25px #79e6c107}.manual-custom-money input{height:60px;font-size:28px}.manual-pay-card form{padding-top:29px}.manual-info-notice{padding:11px 13px;border-left:2px solid #79e6c16b;background:#79e6c106;color:#929d96;font-size:10px}.manual-pay-button{height:58px;margin-top:20px;font-size:14px;box-shadow:0 15px 40px #55dca228;transition:transform .25s,box-shadow .25s}.manual-pay-button:hover{transform:translateY(-2px);box-shadow:0 19px 48px #55dca23a}.manual-pay-button>span{display:inline-grid;place-items:center;width:21px;height:21px;margin-right:7px;border-radius:50%;background:#0b21182b}.manual-pay-message{font-size:11px}.manual-security-strip{margin:0 30px 24px;display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.manual-security-strip>div{min-width:0;padding:13px;display:flex;align-items:flex-start;gap:9px;border:1px solid #ffffff11;border-radius:12px;background:#ffffff03}.manual-security-strip>div>i{flex:0 0 auto;width:23px;height:23px;display:grid;place-items:center;border-radius:8px;background:#79e6c113;color:#79e6c1;font-style:normal;font-size:11px}.manual-security-strip span,.manual-security-strip b,.manual-security-strip small{display:block}.manual-security-strip b{color:#cbd4ce;font-size:10px}.manual-security-strip small{margin-top:4px;color:#68716b;font-size:8px;line-height:1.5}.manual-pay-card>footer{padding-top:19px;padding-bottom:19px;color:#818b84;font-size:10px;background:#05080666}
@media(max-width:620px){.manual-pay-title{padding-top:32px}.manual-pay-title h1{font-size:38px}.manual-pay-title>.manual-safe-lead{align-items:flex-start}.manual-security-strip{grid-template-columns:1fr;margin-left:19px;margin-right:19px}.manual-security-strip>div{padding:11px 13px}.manual-security-strip small{font-size:9px}.manual-pay-card>header span{font-size:9px}}

.manual-date-control{display:grid;grid-template-columns:1fr auto;overflow:hidden;border:1px solid #ffffff1d;border-radius:11px;background:#070a08;transition:border-color .2s,box-shadow .2s}.manual-date-control:focus-within{border-color:#79e6c16b;box-shadow:0 0 25px #79e6c10e}.manual-date-control input{min-width:0;border:0!important;border-radius:0!important;background:transparent!important;color-scheme:dark;cursor:pointer}.manual-date-control input::-webkit-calendar-picker-indicator{filter:invert(86%) sepia(20%) saturate(600%) hue-rotate(100deg);opacity:.85;cursor:pointer}.manual-date-control button{min-width:105px;border:0;border-left:1px solid #ffffff16;background:#79e6c10b;color:#a9e7cf;font:inherit;font-size:10px;cursor:pointer}.manual-date-control button:hover{background:#79e6c116;color:#d7ffef}.manual-date-control button i{margin-right:5px;color:#79e6c1;font-style:normal}@media(max-width:430px){.manual-date-control{grid-template-columns:1fr}.manual-date-control button{height:38px;border-top:1px solid #ffffff16;border-left:0}}

.manual-link-actions .manual-delete-link{border-color:#e88e8530;background:#4b211f;color:#f0a39c}.manual-link-actions .manual-delete-link:hover{border-color:#e88e8561;background:#612825}.manual-link-actions .manual-delete-link:disabled{opacity:.45;cursor:wait}

/* Centered compact horizontal project list */
.gallery-hero{width:min(1100px,100%);margin:0 auto;padding:clamp(68px,7vw,100px) var(--pad) 58px;text-align:center}
.gallery-hero:after{left:50%;right:auto;top:-76%;transform:translateX(-50%);width:560px;height:560px}
.gallery-hero h1{font-size:clamp(48px,6vw,76px);line-height:1;letter-spacing:-.06em;margin:22px 0 24px}
.gallery-hero>p:not(.gallery-kicker){font-size:clamp(14px,1.2vw,17px)}
.search-form{margin:38px auto 0;max-width:680px;height:60px;text-align:left}
.search-form button{height:46px}.search-status{margin:18px auto}
.upload-option{display:flex;align-items:center;gap:13px;margin:3px 3px 15px;padding:13px 16px;border:1px solid #ffffff16;border-radius:15px;background:#ffffff06;cursor:pointer}
.upload-option input{width:18px;height:18px;accent-color:var(--accent)}.upload-option span{display:flex;flex-direction:column;gap:4px}.upload-option b{font-size:13px;font-weight:500}.upload-option small{color:#858c87;font-size:11px}
.cover-wrap img,.project-images img{-webkit-user-drag:none;-webkit-touch-callout:none;user-select:none;pointer-events:none}
.watermark-panel{margin-bottom:22px;padding:24px 26px;border:1px solid var(--line);border-radius:22px;background:#0e120f;display:grid;grid-template-columns:minmax(220px,1fr) minmax(360px,1.5fr);gap:22px;align-items:center}.watermark-panel p:first-child{margin:0 0 7px;color:var(--accent);font-size:9px;letter-spacing:.2em}.watermark-panel h2{margin:0 0 7px;font-size:21px}.watermark-panel small{color:#7e8580;font-size:11px}.watermark-panel form{display:flex;gap:9px}.watermark-panel input{flex:1;min-width:0;height:48px;padding:0 15px;border:1px solid #ffffff26;border-radius:12px;background:#ffffff08;color:#fff;outline:0;font:inherit}.watermark-panel input:focus{border-color:#79e6c177}.watermark-panel button{height:48px;padding:0 18px;border:0;border-radius:12px;background:#f2f4f1;color:#080a09;font-weight:600;cursor:pointer}.watermark-status{grid-column:1/-1!important;margin:0!important;color:#8f9691!important;font-size:12px!important;letter-spacing:0!important}
.masonry{width:min(1080px,calc(100% - 44px));margin:0 auto;padding:0 0 130px;grid-template-columns:1fr;gap:22px}
.design-card{border-radius:22px}.design-card:nth-child(n){margin-top:0}
.design-card>a{display:grid;grid-template-columns:minmax(280px,420px) minmax(0,1fr);min-height:260px}
.cover-wrap{aspect-ratio:auto;min-height:260px}
.card-copy{padding:32px 38px;display:flex;flex-direction:column;justify-content:center}
.card-copy h2{font-size:clamp(21px,2.2vw,30px);line-height:1.42;margin:13px 0 32px}
.gallery-load-sentinel{width:min(1080px,calc(100% - 44px));min-height:110px;margin:-95px auto 45px;display:flex;align-items:center;justify-content:center;gap:13px;color:#777e79;font-size:12px}.gallery-load-sentinel span{width:18px;height:18px;border:1px solid #ffffff28;border-top-color:var(--accent);border-radius:50%;animation:gallerySpin .8s linear infinite}.gallery-load-sentinel.complete span{display:none}.gallery-load-sentinel.error{color:#d59b94}@keyframes gallerySpin{to{transform:rotate(360deg)}}
.editor-top{display:flex;justify-content:space-between;margin-bottom:28px;color:#929994;font-size:12px}.editor-top a:hover{color:var(--accent)}.project-editor .admin-head{margin-bottom:35px}.editor-settings,.editor-upload{margin-bottom:22px;padding:24px 26px;border:1px solid var(--line);border-radius:22px;background:#0e120f}.editor-settings{display:grid;grid-template-columns:minmax(220px,1fr) minmax(360px,1.5fr);gap:22px;align-items:center}.editor-settings>div>p,.editor-upload>div>p{margin:0 0 7px;color:var(--accent);font-size:9px;letter-spacing:.2em}.editor-settings h2,.editor-upload h2{margin:0 0 7px;font-size:21px}.editor-settings small,.editor-upload small{color:#7e8580;font-size:11px}.editor-settings form{display:flex;gap:9px}.editor-settings input{flex:1;min-width:0;height:48px;padding:0 15px;border:1px solid #ffffff26;border-radius:12px;background:#ffffff08;color:#fff;outline:0;font:inherit}.editor-settings button,.delete-image{border:0;cursor:pointer}.editor-settings form button{height:48px;padding:0 18px;border-radius:12px;background:#f2f4f1;color:#080a09;font-weight:600}.editor-settings>p{grid-column:1/-1;margin:0;color:#8f9691;font-size:12px}.editor-upload{display:grid;grid-template-columns:1fr 1fr;gap:18px}.editor-upload>div:first-child{grid-column:1/-1}.editor-upload .upload-option{margin:0}.edit-drop-zone{min-height:90px;border:1px dashed #ffffff30;border-radius:15px;display:flex;align-items:center;justify-content:center;gap:15px;color:#858c87;font-size:12px;transition:.3s}.edit-drop-zone p{margin:0}.edit-drop-zone .folder-button{margin:0}.edit-drop-zone.dragging{border-color:var(--accent);background:#79e6c10c}.edit-drop-zone.uploading{opacity:.55;pointer-events:none}.edit-upload-status{grid-column:1/-1;color:#8f9691;font-size:12px;min-height:18px}.editor-images{margin-top:55px}.edit-image-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:20px}.edit-image-grid article{overflow:hidden;border:1px solid var(--line);border-radius:16px;background:#101311}.edit-image-grid img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover}.edit-image-grid article>div{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px}.edit-image-grid article span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#8f9691;font-size:10px}.delete-image{flex:0 0 auto;padding:7px 10px;border-radius:100px;background:#3b1e1c;color:#f2aaa4;font-size:10px}
.admin-qr-panel{margin:22px 0;padding:24px 26px;border:1px solid var(--line);border-radius:22px;background:#0e120f}.admin-qr-panel .admin-section-title{justify-content:space-between}.admin-qr-panel .admin-section-title p{margin:0 0 7px;color:var(--accent);font-size:9px;letter-spacing:.2em}.admin-qr-panel .admin-section-title h2{margin:0}.admin-qr-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin-top:22px}.admin-qr-grid article{padding:16px;border:1px solid #ffffff13;border-radius:16px;background:#ffffff04}.admin-qr-grid h3{margin:0 0 13px;font-size:14px}.admin-qr-preview{display:grid;place-items:center;aspect-ratio:1;background:#fff;border-radius:12px;overflow:hidden;color:#777;font-size:12px}.admin-qr-preview img{display:block;width:100%;height:100%;object-fit:contain}.qr-admin-form{display:grid;gap:9px;margin-top:12px}.qr-admin-form label{padding:9px 12px;border:1px solid var(--line);border-radius:10px;color:#a3aaa5;font-size:11px;cursor:pointer;text-align:center}.qr-admin-form input{display:none}.qr-admin-form button{height:38px;border:0;border-radius:10px;background:#f2f4f1;color:#080a09;font-weight:600;cursor:pointer}.qr-admin-status{min-height:16px;margin:9px 0 0;color:#858c87;font-size:10px}.admin-search{display:flex;align-items:center;gap:9px;margin:18px 0 8px}.admin-search input{width:min(430px,100%);height:44px;padding:0 14px;border:1px solid #ffffff22;border-radius:12px;background:#ffffff08;color:#fff;outline:0}.admin-search button,.admin-search a{height:44px;display:inline-flex;align-items:center;padding:0 17px;border:1px solid var(--line);border-radius:12px;background:#f2f4f1;color:#080a09;font-size:11px;cursor:pointer}.admin-search a{background:none;color:#9ba19d}.admin-pagination{display:flex;justify-content:center;gap:7px;margin-top:28px}.admin-pagination a{min-width:38px;height:38px;display:grid;place-items:center;padding:0 10px;border:1px solid var(--line);border-radius:10px;color:#939a95;font-size:11px}.admin-pagination a.current{background:#f2f4f1;color:#080a09;border-color:#f2f4f1}.contact-main{min-height:80vh;padding:clamp(70px,8vw,120px) var(--pad) 120px}.contact-hero{max-width:980px;margin:0 auto 70px;text-align:center}.contact-hero>p{color:var(--accent);font-size:10px;letter-spacing:.22em}.contact-hero h1{margin:20px 0;font-size:clamp(52px,7vw,88px);letter-spacing:-.06em}.contact-hero span{color:#949b96;font-size:15px}.contact-qr-grid{width:min(1250px,100%);margin:auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.contact-qr-card{padding:22px;border:1px solid var(--line);border-radius:24px;background:#101311}.contact-qr-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.contact-qr-heading span{color:var(--accent);font-size:9px}.contact-qr-heading h2{margin:0;font-size:22px}.contact-qr-image{aspect-ratio:1;background:#fff;border-radius:17px;overflow:hidden;display:grid;place-items:center}.contact-qr-image img{display:block;width:100%;height:100%;object-fit:contain;image-rendering:auto}.contact-qr-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:15px}.contact-qr-actions button,.contact-qr-actions a{min-height:42px;display:grid;place-items:center;border:1px solid var(--line);border-radius:11px;background:none;color:#b1b7b3;font:inherit;font-size:11px;cursor:pointer}.contact-qr-actions button{grid-column:1/-1;background:#f2f4f1;color:#080a09;border-color:#f2f4f1;font-weight:600}.contact-qr-missing{min-height:320px;display:grid;place-items:center;border:1px dashed var(--line);border-radius:17px;color:#777}.contact-save-tip{text-align:center;margin:32px auto 0;color:#777e79;font-size:11px}

@media(max-width:760px){
  .gallery-header nav{gap:12px;font-size:10px}.gallery-hero{padding-top:60px}.gallery-hero h1{font-size:50px}
  .search-form{height:55px}.search-form button{height:41px;padding:0 18px}
  .masonry{width:min(calc(100% - 32px),560px);gap:16px}.design-card>a{grid-template-columns:1fr;min-height:0}
  .cover-wrap{min-height:0;aspect-ratio:3/2}.card-copy{padding:22px}
  .gallery-load-sentinel{width:calc(100% - 32px)}
  .editor-settings,.editor-upload{grid-template-columns:1fr;padding:20px}.editor-settings form{flex-direction:column}.editor-settings form button{width:100%}.edit-image-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.edit-drop-zone{flex-direction:column;padding:18px}.editor-top{gap:15px}
  .admin-qr-grid,.contact-qr-grid{grid-template-columns:1fr}.admin-qr-panel{padding:20px}.admin-search{flex-wrap:wrap}.admin-search input{width:100%}.contact-main{padding-top:60px}.contact-hero{margin-bottom:45px}.contact-qr-card{padding:18px}.contact-qr-image{width:min(100%,480px);margin:auto}
  .watermark-panel{grid-template-columns:1fr;padding:20px}.watermark-panel form{flex-direction:column}.watermark-panel button{width:100%}
}
@media(max-width:520px){.gallery-header{padding-left:14px;padding-right:14px}.gallery-brand{font-size:11px;letter-spacing:0}.gallery-header nav{gap:7px;font-size:9px}.gallery-header nav a{padding-left:0;padding-right:0}}

/* Floating contact entry on project detail pages */
.project-contact-fab{position:fixed;right:clamp(18px,3vw,42px);bottom:clamp(18px,3vw,38px);z-index:55;display:flex;align-items:center;gap:16px;height:56px;padding:0 10px 0 22px;overflow:hidden;border:1px solid #d8ffbd;border-radius:100px;background:linear-gradient(115deg,#b9ff72 0%,#67efb2 52%,#d8ff8d 100%);background-size:180% 180%;color:#071009;font:700 13px Manrope,"Noto Sans SC",sans-serif;letter-spacing:.04em;box-shadow:0 18px 55px #0009,0 0 0 0 #83ff9b8c,0 0 28px #65f2a277;cursor:pointer;animation:contactPulse 2.15s ease-in-out infinite,contactGlowShift 4s linear infinite;transition:transform .25s,box-shadow .25s}.project-contact-fab:before{content:"";position:absolute;inset:-80% auto -80% -45%;width:32%;background:linear-gradient(90deg,transparent,#fff9,transparent);transform:rotate(20deg);animation:contactShine 3.2s ease-in-out infinite;pointer-events:none}.project-contact-fab span,.project-contact-fab b{position:relative;z-index:1}.project-contact-fab b{width:38px;height:38px;display:grid;place-items:center;border-radius:50%;background:#07110c;color:#a8ff8c;font-size:16px;box-shadow:inset 0 0 0 1px #ffffff24}.project-contact-fab:hover{transform:translateY(-5px) scale(1.035);box-shadow:0 25px 70px #000b,0 0 0 8px #88ff9c22,0 0 42px #65f2a2a6}.project-contact-modal[hidden]{display:none}.project-contact-modal{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:24px;opacity:0;transition:opacity .22s}.project-contact-modal.visible{opacity:1}.project-contact-backdrop{position:absolute;inset:0;width:100%;height:100%;border:0;background:#020403d9;backdrop-filter:blur(16px);cursor:pointer}.project-contact-dialog{position:relative;width:min(980px,100%);max-height:min(88vh,820px);overflow:auto;padding:30px;border:1px solid #ffffff25;border-radius:28px;background:#0d110f;box-shadow:0 40px 120px #000;transform:translateY(18px) scale(.985);transition:transform .25s}.project-contact-modal.visible .project-contact-dialog{transform:none}.project-contact-dialog>header{display:flex;justify-content:space-between;gap:25px;align-items:flex-start;margin-bottom:24px}.project-contact-dialog>header p{margin:0 0 9px;color:var(--accent);font-size:9px;letter-spacing:.2em}.project-contact-dialog>header h2{margin:0 0 8px;font-size:clamp(30px,4vw,48px);letter-spacing:-.05em}.project-contact-dialog>header span{color:#858c87;font-size:12px}.project-contact-close{flex:0 0 auto;width:42px;height:42px;border:1px solid var(--line);border-radius:50%;background:#ffffff08;color:#fff;font-size:25px;line-height:1;cursor:pointer}.project-contact-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.project-contact-grid article{padding:14px;border:1px solid var(--line);border-radius:18px;background:#ffffff04}.project-contact-grid h3{display:flex;justify-content:space-between;align-items:center;margin:0 2px 12px;font-size:15px}.project-contact-grid h3 span{color:var(--accent);font-size:9px;font-weight:400}.project-contact-qr{aspect-ratio:1;display:grid;place-items:center;overflow:hidden;border-radius:13px;background:#fff}.project-contact-qr img{display:block;width:100%;height:100%;object-fit:contain;-webkit-touch-callout:default;user-select:auto}.project-contact-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:10px}.project-contact-actions button,.project-contact-actions a{min-height:39px;display:grid;place-items:center;border:1px solid var(--line);border-radius:10px;background:none;color:#abb1ad;font:inherit;font-size:10px;cursor:pointer}.project-contact-actions button{background:#f3f4f1;color:#090b0a;border-color:#f3f4f1;font-weight:600}.project-contact-missing{aspect-ratio:1;display:grid;place-items:center;border:1px dashed var(--line);border-radius:13px;color:#777;font-size:11px}.project-contact-tip{margin:18px 0 0;text-align:center;color:#737a75;font-size:10px}.contact-modal-open{overflow:hidden}@keyframes contactPulse{0%,100%{transform:translateY(0);box-shadow:0 18px 55px #0009,0 0 0 0 #83ff9b80,0 0 25px #65f2a260}50%{transform:translateY(-3px);box-shadow:0 24px 65px #000a,0 0 0 11px #83ff9b00,0 0 48px #65f2a2b5}}@keyframes contactGlowShift{to{background-position:180% 50%}}@keyframes contactShine{0%,58%{left:-45%}82%,100%{left:130%}}
@media(max-width:700px){.project-contact-fab{right:14px;bottom:14px;height:50px;padding-left:18px;gap:11px}.project-contact-fab b{width:34px;height:34px}.project-contact-modal{padding:10px}.project-contact-dialog{max-height:92vh;padding:20px 16px;border-radius:22px}.project-contact-dialog>header{margin-bottom:18px}.project-contact-grid{grid-template-columns:1fr}.project-contact-grid article{display:grid;grid-template-columns:minmax(118px,42%) 1fr;grid-template-rows:auto 1fr;column-gap:13px}.project-contact-grid h3{grid-column:1/-1}.project-contact-qr{grid-row:2;grid-column:1}.project-contact-actions{grid-row:2;grid-column:2;grid-template-columns:1fr;align-content:center;margin:0}.project-contact-actions button,.project-contact-actions a{min-height:44px}.project-contact-missing{grid-column:1/-1;aspect-ratio:auto;min-height:90px}}
.project-contact-fab:hover{animation-play-state:paused}

/* Knowledge base */
.knowledge-main{min-height:80vh;padding:clamp(70px,8vw,120px) var(--pad) 130px}.knowledge-hero{width:min(1050px,100%);margin:0 auto 65px;text-align:center}.knowledge-hero>p{margin:0;color:var(--accent);font-size:10px;letter-spacing:.22em}.knowledge-hero h1{margin:20px 0;font-size:clamp(55px,8vw,105px);line-height:.95;letter-spacing:-.07em}.knowledge-hero>span{color:#929994}.knowledge-grid{width:min(1180px,100%);margin:auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.knowledge-grid>article{min-height:300px;border:1px solid var(--line);border-radius:24px;background:#101311;transition:transform .35s,border-color .3s,box-shadow .35s}.knowledge-grid>article:hover{transform:translateY(-6px);border-color:#79e6c14f;box-shadow:0 28px 70px #0007}.knowledge-grid>article>a{height:100%;padding:28px;display:flex;flex-direction:column}.knowledge-meta{display:flex;justify-content:space-between;color:#737a75;font-size:10px;letter-spacing:.12em}.knowledge-meta b{color:var(--accent);font-weight:500}.knowledge-grid h2{margin:35px 0 17px;font-size:clamp(22px,2.4vw,33px);line-height:1.35;letter-spacing:-.035em}.knowledge-grid p{margin:0;color:#929994;line-height:1.85;font-size:13px}.knowledge-link{margin-top:auto;padding-top:28px;display:flex;justify-content:space-between;border-top:1px solid var(--line);color:#a7ada9;font-size:11px}.knowledge-link span{color:var(--accent)}.knowledge-empty{grid-column:1/-1;padding:70px;text-align:center;border:1px dashed var(--line);border-radius:24px;color:#8d948f}.knowledge-pagination{display:flex;justify-content:center;gap:8px;margin-top:45px}.knowledge-pagination a{min-width:42px;height:42px;padding:0 13px;display:grid;place-items:center;border:1px solid var(--line);border-radius:12px;color:#919893;font-size:11px}.knowledge-pagination a.current{background:#f2f4f1;color:#080a09}.article-main{min-height:80vh;width:min(1020px,calc(100% - 44px));margin:auto;padding:70px 0 130px}.article-shell{margin-top:42px;border:1px solid var(--line);border-radius:30px;background:#0f1311;overflow:hidden}.article-shell>header{padding:clamp(35px,6vw,75px);border-bottom:1px solid var(--line);background:radial-gradient(circle at 90% 10%,#1b4838,transparent 38%)}.article-shell>header>p{margin:0 0 24px;color:var(--accent);font-size:10px;letter-spacing:.2em}.article-shell h1{margin:0;font-size:clamp(36px,5.8vw,72px);line-height:1.14;letter-spacing:-.055em}.article-summary{margin-top:30px;max-width:760px;color:#a2a9a4;line-height:1.9;font-size:15px}.article-content{padding:clamp(35px,6vw,76px);font-size:17px;line-height:2.05;color:#d6dad6}.article-content p{margin:0 0 1.55em}.article-shell>footer{display:flex;flex-wrap:wrap;gap:8px;padding:0 clamp(35px,6vw,76px) 55px}.article-shell>footer span{padding:8px 12px;border:1px solid var(--line);border-radius:100px;color:#858c87;font-size:10px}.article-end{text-align:center;padding-top:45px}.article-end a{display:inline-block;padding:13px 20px;border:1px solid var(--line);border-radius:100px;color:#a5aca7;font-size:11px}.admin-knowledge-panel{margin:22px 0;padding:24px 26px;border:1px solid var(--line);border-radius:22px;background:#0e120f}.admin-knowledge-panel .admin-section-title{justify-content:space-between}.admin-knowledge-panel .admin-section-title p{margin:0 0 7px;color:var(--accent);font-size:9px;letter-spacing:.2em}.admin-knowledge-panel .admin-section-title h2{margin:0}.admin-knowledge-generate{margin:22px 0 8px;padding:16px;display:flex;justify-content:space-between;align-items:center;gap:20px;border:1px solid #79e6c129;border-radius:15px;background:#79e6c108}.admin-knowledge-generate div{display:flex;flex-direction:column;gap:5px}.admin-knowledge-generate b{font-size:13px}.admin-knowledge-generate small{color:#858c87;font-size:11px}.admin-knowledge-generate button{height:43px;padding:0 18px;border:0;border-radius:11px;background:#b8ff82;color:#071009;font-weight:700;cursor:pointer}.admin-knowledge-generate button:disabled{opacity:.55;cursor:wait}.admin-generation-status{min-height:18px;color:#969d98;font-size:11px}.admin-article-list{border-top:1px solid var(--line)}.admin-article-list article{padding:17px 2px;display:flex;justify-content:space-between;align-items:center;gap:24px;border-bottom:1px solid var(--line)}.admin-article-list h3{margin:0 0 6px;font-size:14px}.admin-article-list p{max-width:760px;margin:0 0 7px;color:#7f8681;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.admin-article-list small{color:#626963;font-size:9px}.admin-article-list article>div:last-child{flex:0 0 auto;display:flex;gap:7px}.admin-article-list a,.admin-article-list button{padding:7px 11px;border:1px solid var(--line);border-radius:100px;background:none;color:#aeb4b0;font:inherit;font-size:10px;cursor:pointer}.admin-article-list button{color:#e38b85}
@media(max-width:760px){.knowledge-grid{grid-template-columns:1fr}.knowledge-grid>article{min-height:270px}.knowledge-grid>article>a{padding:22px}.article-main{padding-top:42px}.article-shell{border-radius:20px}.article-content{font-size:16px}.admin-knowledge-panel{padding:20px}.admin-knowledge-panel .admin-section-title{align-items:flex-start;flex-direction:column}.admin-knowledge-generate{align-items:stretch;flex-direction:column}.admin-knowledge-generate button{width:100%}.admin-article-list article{align-items:flex-start;flex-direction:column}.admin-article-list p{white-space:normal}.admin-article-list article>div:last-child{align-self:flex-end}}
.article-content p{text-indent:2em}

/* Glass loading state for project screenshots */
.project-image-frame{position:relative;isolation:isolate;background:#101512}.project-image-frame>img{position:relative;z-index:2;background:transparent;opacity:1;transition:opacity .65s ease,filter .65s ease}.project-image-frame.is-loading>img{opacity:0;filter:blur(12px)}.project-image-frame.is-loading:before{content:"";position:absolute;z-index:0;inset:0;background:radial-gradient(circle at 18% 20%,#3a68572b,transparent 34%),radial-gradient(circle at 80% 70%,#77e7bd20,transparent 38%),linear-gradient(120deg,#0c100e 10%,#18201c 45%,#0c100e 80%);background-size:100% 100%,100% 100%,220% 100%;animation:projectGlassFlow 2.4s ease-in-out infinite}.project-image-frame.is-loading:after{content:"";position:absolute;z-index:1;left:50%;top:50%;width:32px;height:32px;margin:-16px 0 0 -16px;border:2px solid #ffffff20;border-top-color:#8bffd1;border-radius:50%;box-shadow:0 0 28px #79e6c142;animation:projectImageSpin .85s linear infinite}.project-image-frame.is-loaded>img{animation:projectImageReveal .65s ease both}.project-image-frame.is-error:before{content:"图片暂时无法加载";position:absolute;inset:0;display:grid;place-items:center;color:#858c87;font-size:11px;letter-spacing:.08em;background:#101512}@keyframes projectGlassFlow{0%,100%{background-position:0 0,0 0,0 0}50%{background-position:0 0,0 0,100% 0}}@keyframes projectImageSpin{to{transform:rotate(360deg)}}@keyframes projectImageReveal{from{opacity:0;filter:blur(8px)}to{opacity:1;filter:none}}@media(prefers-reduced-motion:reduce){.project-image-frame.is-loading:before,.project-image-frame.is-loading:after,.project-image-frame.is-loaded>img{animation:none}}
body,.project-contact-fab{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif}

/* Order handoff, administrator fulfillment controls, and public order tracking. */
.manual-order-actions{margin-top:14px;padding-top:13px;border-top:1px solid #ffffff14}.manual-order-actions[hidden]{display:none}.manual-order-actions>strong{display:block;margin-bottom:9px;color:#cfe0d5;font-size:10px}.manual-order-actions>div{display:flex;flex-wrap:wrap;gap:7px}.manual-order-actions button,.manual-order-actions a{min-height:37px;padding:0 12px;display:grid;place-items:center;border:1px solid #79e6c140;border-radius:9px;background:#79e6c10d;color:#a9f2d2;font:inherit;font-size:10px;cursor:pointer}.manual-order-actions button:first-child{background:#eaf5ee;color:#071009;border-color:#eaf5ee;font-weight:700}.manual-log-table{min-width:1320px}.manual-fulfillment{width:max-content;margin-bottom:8px;padding:5px 8px;border-radius:100px;background:#e6b55d18;color:#efca81;font-size:9px}.manual-fulfillment.is-completed{background:#55d69e19;color:#80edbd}.manual-order-admin-actions{display:flex!important;gap:6px;margin-top:10px}.manual-order-admin-actions button{padding:7px 10px;border:1px solid #79e6c13d;border-radius:8px;background:#79e6c112;color:#a4efd0;font:inherit;font-size:9px;cursor:pointer}.manual-order-admin-actions button.is-danger{border-color:#e88b8335;background:#e88b830c;color:#e7a39d}.manual-order-admin-actions button:disabled{opacity:.5;cursor:wait}
.order-query-main{width:min(920px,calc(100% - 36px));min-height:calc(100vh - 150px);margin:auto;padding:75px 0 125px}.order-query-hero{text-align:center}.order-query-hero>p{margin:0;color:var(--accent);font-size:10px;letter-spacing:.22em}.order-query-hero h1{margin:17px 0 14px;font-size:clamp(48px,8vw,82px);letter-spacing:-.06em}.order-query-hero>span{color:#89918b;font-size:12px}.order-query-card{margin-top:42px;padding:clamp(22px,5vw,42px);border:1px solid #79e6c124;border-radius:26px;background:linear-gradient(180deg,#0e1511,#0a0e0c);box-shadow:0 30px 90px #0008}.order-query-card label{display:block;margin-bottom:10px;color:#c9d3cc;font-size:11px}.order-query-card form>div{display:grid;grid-template-columns:1fr auto;gap:9px}.order-query-card input{min-width:0;height:54px;padding:0 17px;border:1px solid #ffffff20;border-radius:13px;background:#060a08;color:#f1f5f2;outline:0;font:inherit;font-size:13px}.order-query-card input:focus{border-color:#79e6c16d;box-shadow:0 0 0 3px #79e6c10a}.order-query-card form button{padding:0 24px;border:0;border-radius:13px;background:linear-gradient(105deg,#c9ff93,#67eab8);color:#071009;font:inherit;font-weight:700;cursor:pointer}.order-query-card form button:disabled{opacity:.5}.order-query-card form>small{display:block;margin-top:9px;color:#68716b;font-size:9px}.order-query-message{min-height:18px;margin:13px 1px;color:#dc9d91;font-size:10px}.order-query-result{margin-top:18px;padding:24px;border:1px solid #ffffff15;border-radius:19px;background:#ffffff04}.order-query-result[hidden]{display:none}.order-query-result>header{display:flex;justify-content:space-between;align-items:center;gap:18px}.order-query-result>header span{color:#747d77;font-size:9px}.order-query-result h2{margin:7px 0 0;font-size:28px}.order-query-result>header>b{padding:7px 11px;border-radius:100px;font-size:10px}.order-query-result>header>b.is-paid{background:#55d69e18;color:#83efbd}.order-query-result>header>b.is-unpaid{background:#e2b35c18;color:#eac779}.order-progress-track{position:relative;display:flex;justify-content:space-between;margin:31px 16px 10px}.order-progress-track:before{content:"";position:absolute;left:5px;right:5px;top:5px;height:2px;background:#ffffff13}.order-progress-track:after{content:"";position:absolute;left:5px;top:5px;width:0;height:2px;background:#70e7b5;transition:width .4s}.order-progress-track i{position:relative;z-index:1;width:12px;height:12px;border:2px solid #59615b;border-radius:50%;background:#0d1210}.order-query-result.is-unpaid .order-progress-track i:first-child,.order-query-result.is-in-progress .order-progress-track i:nth-child(-n+2),.order-query-result.is-completed .order-progress-track i{border-color:#70e7b5;background:#70e7b5;box-shadow:0 0 15px #70e7b555}.order-query-result.is-in-progress .order-progress-track:after{width:50%}.order-query-result.is-completed .order-progress-track:after{width:calc(100% - 10px)}.order-progress-labels{display:flex;justify-content:space-between;color:#727a74;font-size:9px}.order-query-result dl{display:grid;grid-template-columns:1fr 1fr;margin:27px 0 0;border-top:1px solid #ffffff12}.order-query-result dl>div{padding:15px 3px;border-bottom:1px solid #ffffff0f}.order-query-result dt{margin-bottom:6px;color:#68716b;font-size:9px}.order-query-result dd{margin:0;color:#d5ddd7;font-size:12px;word-break:break-all}.order-query-number{grid-column:1/-1;position:relative}.order-query-number button{position:absolute;right:3px;bottom:11px;padding:7px 11px;border:1px solid #ffffff1d;border-radius:8px;background:#eef3ef;color:#071009;font:inherit;font-size:9px;cursor:pointer}.order-query-safe{margin-top:18px;padding:13px;display:flex;align-items:center;gap:11px;border:1px solid #79e6c121;border-radius:12px;background:#79e6c108}.order-query-safe>i{width:29px;height:29px;display:grid;place-items:center;border-radius:9px;background:#79e6c114;color:#83efbd;font-style:normal}.order-query-safe b,.order-query-safe small{display:block}.order-query-safe b{color:#cad5ce;font-size:10px}.order-query-safe small{margin-top:4px;color:#727b75;font-size:9px}@media(max-width:620px){.order-query-main{padding-top:48px}.order-query-card{margin-top:30px;padding:19px;border-radius:20px}.order-query-card form>div{grid-template-columns:1fr}.order-query-card form button{height:50px}.order-query-result{padding:18px}.order-query-result dl{grid-template-columns:1fr}.order-query-number{grid-column:auto}.manual-order-actions>div{display:grid;grid-template-columns:1fr 1fr}.manual-order-actions a{grid-column:1/-1}}

/* Administrator delivery editor and highlighted public project delivery. */
.manual-log-table{min-width:1420px}.manual-log-table th:last-child{width:280px}.manual-delivery-trigger.has-content{border-color:#79e6c157!important;background:#79e6c11a!important;color:#91efc8!important}.manual-delivery-modal[hidden]{display:none}.manual-delivery-modal{position:fixed;inset:0;z-index:200;display:grid;place-items:center;padding:20px;opacity:0;transition:opacity .18s}.manual-delivery-modal.visible{opacity:1}.manual-delivery-backdrop{position:absolute;inset:0;width:100%;height:100%;border:0;background:#020403d9;backdrop-filter:blur(14px);cursor:pointer}.manual-delivery-modal>section{position:relative;width:min(680px,100%);padding:25px;border:1px solid #79e6c13b;border-radius:22px;background:linear-gradient(180deg,#101713,#0a0e0c);box-shadow:0 35px 110px #000;transform:translateY(14px) scale(.985);transition:transform .2s}.manual-delivery-modal.visible>section{transform:none}.manual-delivery-modal>section>header{display:flex;justify-content:space-between;align-items:flex-start;gap:20px}.manual-delivery-modal header p{margin:0;color:var(--accent);font-size:8px;letter-spacing:.19em}.manual-delivery-modal header h2{margin:8px 0 7px;font-size:24px}.manual-delivery-modal header span{color:#7d8780;font-size:10px}.manual-delivery-modal header>button{flex:0 0 auto;width:38px;height:38px;border:1px solid #ffffff1c;border-radius:50%;background:#ffffff06;color:#dbe2dd;font-size:22px;cursor:pointer}.manual-delivery-modal textarea{width:100%;min-height:220px;margin-top:20px;padding:15px;border:1px solid #ffffff20;border-radius:13px;background:#060a08;color:#eef3ef;outline:0;resize:vertical;font:inherit;font-size:12px;line-height:1.75}.manual-delivery-modal textarea:focus{border-color:#79e6c166;box-shadow:0 0 0 3px #79e6c10b}.manual-delivery-modal footer{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:14px}.manual-delivery-modal footer>span{color:#d9a095;font-size:9px}.manual-delivery-modal footer>div{display:flex;gap:7px}.manual-delivery-modal footer button{min-height:40px;padding:0 15px;border:1px solid #ffffff1c;border-radius:9px;background:none;color:#abb4ad;font:inherit;font-size:10px;cursor:pointer}.manual-delivery-modal footer button:last-child{border:0;background:linear-gradient(105deg,#c9ff93,#67eab8);color:#071009;font-weight:700}.manual-delivery-modal footer button:disabled{opacity:.5}.delivery-modal-open{overflow:hidden}.order-delivery-result{position:relative;margin-top:20px;padding:20px;overflow:hidden;border:1px solid #9dffbd6b;border-radius:16px;background:radial-gradient(circle at 90% 10%,#7cffab24,transparent 38%),linear-gradient(135deg,#10271c,#0c1711);box-shadow:0 0 40px #65e99d16;animation:deliveryHighlight 2.8s ease-in-out infinite}.order-delivery-result[hidden]{display:none}.order-delivery-result>header{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:15px}.order-delivery-result>header span{color:#87eeb9;font-size:8px;letter-spacing:.18em}.order-delivery-result h3{margin:6px 0 0;color:#f0fff5;font-size:17px}.order-delivery-result>header>b{padding:6px 10px;border-radius:100px;background:#79e6c119;color:#9dffcb;font-size:9px}.order-delivery-content{padding:14px;border:1px solid #ffffff15;border-radius:11px;background:#050a07a6;color:#cbd8d0;font-size:13px;line-height:2;white-space:pre-wrap;word-break:break-word}.order-delivery-content a{width:max-content;max-width:100%;margin:8px 0;padding:10px 14px;display:inline-flex;border-radius:9px;background:linear-gradient(105deg,#c9ff93,#67eab8);color:#061009;font-size:12px;font-weight:700;white-space:normal;box-shadow:0 10px 28px #55dc9f25}@keyframes deliveryHighlight{50%{border-color:#aaffc99c;box-shadow:0 0 55px #65e99d25}}@media(max-width:620px){.manual-delivery-modal{padding:10px}.manual-delivery-modal>section{padding:20px 16px;border-radius:18px}.manual-delivery-modal textarea{min-height:260px}.manual-delivery-modal footer{align-items:stretch;flex-direction:column}.manual-delivery-modal footer>div{display:grid;grid-template-columns:1fr 1fr}.manual-delivery-modal footer button{width:100%}.order-delivery-content{font-size:13px}}@media(prefers-reduced-motion:reduce){.order-delivery-result{animation:none}}

/* Clear QR images with a glass loading state */
.contact-qr-image,.project-contact-qr{position:relative;isolation:isolate;background:#0d1210}
.contact-qr-image img,.project-contact-qr img{position:relative;z-index:2;opacity:1;transition:opacity .35s ease,filter .45s ease}
.contact-qr-image.is-loading img,.project-contact-qr.is-loading img{opacity:0;filter:blur(10px)}
.contact-qr-image.is-loading:before,.project-contact-qr.is-loading:before{content:"";position:absolute;z-index:0;inset:0;background:radial-gradient(circle at 25% 18%,#65efb329,transparent 34%),radial-gradient(circle at 78% 82%,#d8ff8d17,transparent 38%),linear-gradient(115deg,#0a0e0c 12%,#1c2721 46%,#0a0e0c 80%);background-size:100% 100%,100% 100%,220% 100%;backdrop-filter:blur(16px);animation:qrGlassFlow 1.5s ease-in-out infinite}
.contact-qr-image.is-loading:after,.project-contact-qr.is-loading:after{content:"";position:absolute;z-index:1;left:50%;top:50%;width:34px;height:34px;margin:-19px 0 0 -19px;border:3px solid #ffffff20;border-top-color:#8bffd1;border-radius:50%;box-shadow:0 0 28px #79e6c16b;animation:qrImageSpin .72s linear infinite}
.contact-qr-image.is-error:before,.project-contact-qr.is-error:before{content:"二维码加载失败，请刷新重试";position:absolute;inset:0;display:grid;place-items:center;padding:20px;background:#101512;color:#8e9690;font-size:11px;text-align:center}
@keyframes qrGlassFlow{0%,100%{background-position:0 0,0 0,0 0}50%{background-position:0 0,0 0,100% 0}}
@keyframes qrImageSpin{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.contact-qr-image.is-loading:before,.contact-qr-image.is-loading:after,.project-contact-qr.is-loading:before,.project-contact-qr.is-loading:after{animation:none}}

/* Isolated administrator-only WeChat Pay verification page */
.admin-head-actions{display:flex;align-items:center;gap:9px}.admin-head-actions form{margin:0}.pay-test-main{width:min(980px,calc(100% - 44px));min-height:75vh;margin:auto;padding:75px 0 120px}.pay-test-head{display:flex;justify-content:space-between;align-items:flex-start;gap:30px;margin-bottom:42px}.pay-test-head p{margin:0;color:var(--accent);font-size:9px;letter-spacing:.22em}.pay-test-head h1{margin:14px 0 12px;font-size:clamp(42px,7vw,72px);letter-spacing:-.055em}.pay-test-head span{color:#8f9691;font-size:13px}.pay-test-card,.pay-test-safety{padding:28px;border:1px solid var(--line);border-radius:24px;background:#0e120f}.pay-test-info{display:grid;grid-template-columns:1fr auto;align-items:center;padding-bottom:22px;border-bottom:1px solid var(--line)}.pay-test-info span{color:#8f9691;font-size:12px}.pay-test-info b{grid-row:1/3;grid-column:2;font-size:34px;color:#b6ff98}.pay-test-info small{margin-top:6px;color:#68706a;font-size:10px}.pay-test-card>button{width:100%;height:54px;margin-top:22px;border:0;border-radius:14px;background:linear-gradient(100deg,#b9ff72,#67efb2);color:#071009;font-weight:700;cursor:pointer}.pay-test-card>button:disabled{opacity:.45;cursor:wait}.pay-test-result{display:grid;grid-template-columns:minmax(220px,320px) 1fr;gap:28px;align-items:center;margin-top:24px;padding:20px;border:1px solid #ffffff16;border-radius:19px;background:#ffffff04}.pay-test-qr{padding:13px;border-radius:15px;background:#fff}.pay-test-qr img{display:block;width:100%;height:auto}.pay-test-result p{margin:0 0 12px;color:#89918b;font-size:11px}.pay-test-result>div:last-child>b{display:block;font-size:22px}.pay-test-result small,.pay-test-result>div:last-child>span{display:block;margin-top:10px;color:#747c76;font-size:10px;word-break:break-all}.pay-test-result.is-paid{border-color:#75ecb45e;box-shadow:0 0 55px #75ecb419}.pay-test-result.is-paid>div:last-child>b{color:#8dffc5}.pay-test-message{min-height:20px;margin:14px 2px 0;color:#e2a09a;font-size:11px}.pay-test-missing{margin-top:22px;padding:18px;border:1px solid #db9a753b;border-radius:14px;background:#4e291822}.pay-test-missing p{margin:8px 0 0;color:#c6a493;font-size:11px}.pay-test-safety{margin-top:18px}.pay-test-safety h2{font-size:16px}.pay-test-safety ul{margin:15px 0 0;padding-left:20px;color:#858d87;font-size:11px;line-height:2}.pay-test-result[hidden]{display:none}@media(max-width:650px){.admin-head-actions{flex-direction:column;align-items:stretch}.pay-test-head{flex-direction:column}.pay-test-result{grid-template-columns:1fr}.pay-test-qr{width:min(100%,360px);margin:auto}}
.admin-visits-panel{margin:22px 0;padding:24px 26px;border:1px solid var(--line);border-radius:22px;background:#0e120f}.admin-visits-panel .admin-section-title{justify-content:space-between}.admin-visits-panel .admin-section-title p{margin:0 0 7px;color:var(--accent);font-size:9px;letter-spacing:.2em}.admin-visits-panel .admin-section-title h2{margin:0}.visit-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:22px 0}.visit-stats article{padding:16px;border:1px solid #ffffff12;border-radius:14px;background:#ffffff04}.visit-stats span{display:block;margin-bottom:8px;color:#858c87;font-size:10px}.visit-stats b{font-size:27px;font-weight:500}.visit-table-wrap{overflow:auto;border:1px solid var(--line);border-radius:15px}.visit-table{width:100%;border-collapse:collapse;table-layout:fixed;min-width:850px}.visit-table th,.visit-table td{padding:13px 14px;border-bottom:1px solid #ffffff0d;text-align:left;font-size:10px}.visit-table th{color:#7f8681;font-weight:500;background:#ffffff04}.visit-table th:nth-child(1){width:165px}.visit-table th:nth-child(2){width:145px}.visit-table th:nth-child(3){width:210px}.visit-table td{color:#a3aaa5}.visit-table td:last-child{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#737a75}.visit-table code{color:#b9ff91;font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.visit-table a:hover{color:var(--accent)}@media(max-width:760px){.admin-visits-panel{padding:20px}.admin-visits-panel .admin-section-title{align-items:flex-start;flex-direction:column}.visit-stats{grid-template-columns:1fr 1fr}.visit-stats article:last-child{grid-column:1/-1}}
.admin-tabs{position:sticky;top:86px;z-index:20;display:flex;gap:8px;margin:-15px 0 38px;padding:9px;border:1px solid var(--line);border-radius:17px;background:#0b0f0ddd;backdrop-filter:blur(18px);box-shadow:0 15px 50px #0005}.admin-tabs button{flex:1;min-height:44px;padding:0 13px;border:0;border-radius:11px;background:transparent;color:#858c87;font:inherit;font-size:11px;cursor:pointer;transition:.25s}.admin-tabs button:hover{color:#fff;background:#ffffff08}.admin-tabs button.active{background:#f2f4f1;color:#080a09;font-weight:600;box-shadow:0 8px 24px #0005}.admin-view{display:none}.admin-view.active{display:block;animation:adminViewIn .28s ease both}.admin-view-title{display:flex;align-items:baseline;gap:16px;margin-bottom:24px}.admin-view-title>p{margin:0;color:var(--accent);font-size:9px;letter-spacing:.2em}.admin-view-title h2{margin:0;font-size:31px}.admin-view-title span{color:#767d78;font-size:11px}.admin-view .admin-projects{margin-top:0}.admin-view>.watermark-panel:first-of-type,.admin-view>.admin-knowledge-panel,.admin-view>.admin-visits-panel{margin-top:0}@keyframes adminViewIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media(max-width:760px){.admin-tabs{top:72px;overflow-x:auto;justify-content:flex-start;margin-bottom:26px}.admin-tabs button{flex:0 0 auto;min-width:92px}.admin-view-title{align-items:flex-start;flex-direction:column;gap:7px}.admin-view-title h2{font-size:27px}}

/* Highlighted order-payment entry in the administrator header. */
.order-payment-entry{position:relative;min-height:44px;padding:6px 12px 6px 7px;display:flex;align-items:center;gap:9px;overflow:hidden;border:1px solid #a7ffd35c;border-radius:12px;background:linear-gradient(110deg,#c9ff93,#67eab8);color:#071009;box-shadow:0 12px 35px #55dc9e28;transition:transform .22s,box-shadow .22s}.order-payment-entry:after{content:"";position:absolute;inset:-60% auto -60% -35%;width:24%;background:linear-gradient(90deg,transparent,#fff9,transparent);transform:rotate(20deg);animation:adminPaymentShine 3.3s ease-in-out infinite}.order-payment-entry>span{position:relative;z-index:1;width:31px;height:31px;display:grid;place-items:center;border-radius:9px;background:#071009;color:#9affc9}.order-payment-entry svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.order-payment-entry b,.order-payment-entry i{position:relative;z-index:1}.order-payment-entry b{font-size:11px;white-space:nowrap}.order-payment-entry i{font-style:normal;font-size:8px;opacity:.55}.order-payment-entry:hover{transform:translateY(-2px);box-shadow:0 16px 42px #55dc9e42}@keyframes adminPaymentShine{0%,58%{left:-35%}82%,100%{left:125%}}@media(max-width:650px){.order-payment-entry{width:100%;justify-content:flex-start}.order-payment-entry i{margin-left:auto}}@media(prefers-reduced-motion:reduce){.order-payment-entry:after{animation:none}}

#payment-logs{scroll-margin-top:18px}

/* Keep the site's visual motion active consistently across browser accessibility profiles. */
@media(prefers-reduced-motion:reduce){.onboarding-focus{animation:moduleGuidePulse 1.5s ease-in-out infinite!important;outline:0}.module-preview.onboarding-preview{animation:modulePreviewGuide 1.8s ease-in-out 2!important;outline:0}.project-image-frame.is-loading:before{animation:projectGlassFlow 2.4s ease-in-out infinite!important}.project-image-frame.is-loading:after{animation:projectImageSpin .85s linear infinite!important}.project-image-frame.is-loaded>img{animation:projectImageReveal .65s ease both!important}.order-delivery-result{animation:deliveryHighlight 2.8s ease-in-out infinite!important}.contact-qr-image.is-loading:before,.project-contact-qr.is-loading:before{animation:qrGlassFlow 1.5s ease-in-out infinite!important}.contact-qr-image.is-loading:after,.project-contact-qr.is-loading:after{animation:qrImageSpin .72s linear infinite!important}.order-payment-entry:after{animation:adminPaymentShine 3.3s ease-in-out infinite!important}.completed-order-ticker>div i,.completed-order-marquee>header i{animation:completedTickerPulse 1.8s ease-out infinite!important}.completed-order-track{animation:completedOrderScroll 45s linear infinite!important}}

/* Privacy-safe live ticker sourced only from genuinely completed orders. */
.completed-order-ticker{width:min(500px,100%);margin:30px auto 0;padding:13px 16px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;overflow:hidden;border:1px solid #79e6c12e;border-radius:15px;background:linear-gradient(105deg,#101914,#0b100d);box-shadow:0 18px 55px #0005;text-align:left}.completed-order-ticker>div{display:flex;align-items:center;gap:7px;color:#79e6c1;font-size:8px;letter-spacing:.12em;white-space:nowrap}.completed-order-ticker>div i{width:7px;height:7px;border-radius:50%;background:#7df0bb;box-shadow:0 0 0 0 #7df0bb80;animation:completedTickerPulse 1.8s ease-out infinite}.completed-order-ticker>p{min-width:0;margin:0;display:flex;align-items:center;justify-content:center;gap:10px}.completed-order-ticker b{display:inline-block;color:#eef8f1;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:12px;letter-spacing:.04em;transition:opacity .22s,transform .22s}.completed-order-ticker b.is-changing{opacity:0;transform:translateY(-7px)}.completed-order-ticker strong{color:#9effc9;font-size:11px;white-space:nowrap}.completed-order-ticker>small{color:#66716a;font-size:8px;white-space:nowrap}@keyframes completedTickerPulse{70%,100%{box-shadow:0 0 0 8px #7df0bb00}}@media(max-width:620px){.completed-order-ticker{grid-template-columns:auto 1fr;margin-top:24px;padding:12px}.completed-order-ticker>p{justify-content:flex-end;gap:7px}.completed-order-ticker>small{grid-column:1/-1;text-align:center}.completed-order-ticker b{font-size:11px}.completed-order-ticker strong{font-size:10px}}@media(prefers-reduced-motion:reduce){.completed-order-ticker>div i{animation:none}}

.completed-order-marquee{width:min(760px,100%);margin:30px auto 0;padding:12px 0 13px;overflow:hidden;border:1px solid #79e6c129;border-radius:17px;background:linear-gradient(105deg,#101914,#0b100d);box-shadow:0 18px 55px #0005;text-align:left}.completed-order-marquee>header{padding:0 15px 10px;display:flex;align-items:center;justify-content:space-between;gap:15px;border-bottom:1px solid #ffffff0d}.completed-order-marquee>header>div{display:flex;align-items:center;gap:8px;color:#8bf0c5;font-size:9px;letter-spacing:.12em}.completed-order-marquee>header i{width:7px;height:7px;border-radius:50%;background:#7df0bb;box-shadow:0 0 0 0 #7df0bb80;animation:completedTickerPulse 1.8s ease-out infinite}.completed-order-marquee>header small{color:#68716b;font-size:8px}.completed-order-viewport{padding-top:12px;overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent)}.completed-order-track{width:max-content;display:flex;animation:completedOrderScroll 45s linear infinite}.completed-order-group{display:flex;gap:9px;padding-right:9px}.completed-order-chip{min-width:max-content;padding:9px 12px;display:flex;align-items:center;gap:9px;border:1px solid #ffffff12;border-radius:10px;background:#ffffff04}.completed-order-chip b{color:#eaf4ed;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:11px;letter-spacing:.035em}.completed-order-chip em{padding:3px 6px;border-radius:100px;font-style:normal;font-size:8px}.completed-order-chip.is-real{border-color:#79e6c13b;background:#79e6c10a}.completed-order-chip.is-real em{background:#79e6c118;color:#99f1cb}.completed-order-chip.is-demo em{background:#ffffff0a;color:#7d8680}@keyframes completedOrderScroll{to{transform:translateX(-50%)}}.completed-order-marquee:hover .completed-order-track{animation-play-state:paused}@media(max-width:620px){.completed-order-marquee{margin-top:24px}.completed-order-marquee>header{align-items:flex-start;flex-direction:column;gap:5px}.completed-order-track{animation-duration:36s}.completed-order-chip{padding:8px 10px}}@media(prefers-reduced-motion:reduce){.completed-order-marquee>header i{animation:none}.completed-order-viewport{overflow-x:auto;mask-image:none;-webkit-mask-image:none}.completed-order-track{animation:none}}
/* Manual Bilibili cache sync in admin settings */
.bilibili-sync-action{display:flex;align-items:center;justify-content:flex-end;gap:14px}.bilibili-sync-action button{min-width:160px}.bilibili-sync-action button:disabled{opacity:.55;cursor:wait}.bilibili-sync-action small{color:#727a74;font-size:10px}
/* Paid module-diagram exports */
.module-unlock-note.is-paid{border-color:#80f0bc66;background:linear-gradient(105deg,#baff98,#62eab4);box-shadow:0 0 34px #68e6b43d;color:#071009}.module-unlock-note.is-paid b,.module-unlock-note.is-paid span,.module-unlock-note.is-paid>i{color:#071009}.module-export-actions button.is-unlocked{border-color:#72eeb866;background:linear-gradient(110deg,#baff98,#64eab6);color:#071009;font-weight:700;box-shadow:0 10px 28px #64eab624}.module-export-actions button.is-unlocked:hover{filter:brightness(1.08);transform:translateY(-1px)}
/* Temporary live support: public floating chat and administrator inbox. */
.live-support-widget{position:fixed;right:22px;bottom:22px;z-index:70;width:min(380px,calc(100vw - 28px));filter:drop-shadow(0 24px 55px #000b)}.live-support-toggle{width:100%;height:54px;padding:0 18px;display:flex;align-items:center;gap:10px;border:1px solid #8df0c75c;border-radius:18px;background:linear-gradient(115deg,#baff91,#62eab5);color:#071009;font:700 13px inherit;cursor:pointer}.live-support-toggle>i{width:9px;height:9px;border-radius:50%;background:#079558;box-shadow:0 0 0 0 #07955880;animation:supportOnlinePulse 1.8s infinite}.live-support-toggle>b{margin-left:auto;font-size:20px}.live-support-panel{display:none;margin-bottom:9px;overflow:hidden;border:1px solid #79e6c14a;border-radius:22px;background:#0d1210f7;backdrop-filter:blur(22px);box-shadow:0 30px 90px #000c}.live-support-widget.is-open{display:flex;flex-direction:column-reverse}.live-support-widget.is-open .live-support-panel{display:block;animation:supportPanelIn .25s ease both}.live-support-panel>header{padding:18px 19px 15px;border-bottom:1px solid #ffffff12;background:radial-gradient(circle at 90% 0,#2f765833,transparent 55%)}.live-support-panel>header>div{display:flex;align-items:center;justify-content:space-between}.live-support-panel>header b{font-size:17px}.live-support-panel>header span{color:#8ff0c7;font-size:9px}.live-support-panel>header span i{display:inline-block;width:6px;height:6px;margin-right:5px;border-radius:50%;background:#79e6c1}.live-support-panel>header p{margin:7px 0 0;color:#7e8881;font-size:10px}.live-support-messages{height:270px;padding:16px;overflow-y:auto;scroll-behavior:smooth}.support-message{max-width:82%;margin:0 0 12px;display:flex;flex-direction:column;align-items:flex-start}.support-message>span{padding:10px 12px;border:1px solid #ffffff15;border-radius:13px 13px 13px 4px;background:#171d19;color:#d9dfda;font-size:12px;line-height:1.65;white-space:pre-wrap;word-break:break-word}.support-message>small{margin-top:4px;color:#667069;font-size:8px}.support-message.is-visitor{margin-left:auto;align-items:flex-end}.support-message.is-visitor>span{border-radius:13px 13px 4px 13px;background:linear-gradient(115deg,#b9ff8f,#65e9b6);color:#071009}.live-support-state{min-height:15px;margin:0;padding:0 16px 8px;color:#728078;font-size:9px}.live-support-panel form{padding:0 12px 12px;display:grid;grid-template-columns:1fr auto;gap:8px}.live-support-panel textarea{height:65px;padding:11px;border:1px solid #ffffff1b;border-radius:12px;background:#060907;color:#f1f5f2;resize:none;outline:0;font:12px/1.5 inherit}.live-support-panel textarea:focus{border-color:#79e6c169}.live-support-panel form button{width:66px;border:0;border-radius:12px;background:#f1f4f1;color:#08100b;font-weight:700;cursor:pointer}.live-support-panel form button:disabled{opacity:.45}.live-support-close{width:100%;height:34px;border:0;border-top:1px solid #ffffff0d;background:none;color:#66716a;font:9px inherit;cursor:pointer}.live-support-close:hover{color:#e6a39c}.support-admin-entry{min-height:44px;padding:6px 12px;display:flex;align-items:center;gap:8px;border:1px solid #79e6c140;border-radius:12px;background:#79e6c10d;color:#b8f7dc}.support-admin-entry span{color:#75ebb9}.support-admin-entry b{font-size:11px}.support-admin-entry i{font-style:normal;color:#718078;font-size:8px}.support-admin-main{width:min(1450px,calc(100% - 44px));min-height:80vh;margin:auto;padding:55px 0 100px}.support-admin-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:28px}.support-admin-head p{margin:0;color:var(--accent);font-size:9px;letter-spacing:.2em}.support-admin-head h1{margin:10px 0;font-size:clamp(42px,6vw,70px)}.support-admin-head span{color:#7c857e;font-size:11px}.support-admin-shell{height:min(680px,70vh);display:grid;grid-template-columns:330px 1fr;overflow:hidden;border:1px solid var(--line);border-radius:24px;background:#0d110f}.support-admin-shell>aside{min-width:0;border-right:1px solid var(--line);overflow-y:auto}.support-admin-shell>aside>header{position:sticky;top:0;z-index:2;padding:18px;display:flex;justify-content:space-between;background:#101612;border-bottom:1px solid var(--line)}.support-admin-shell>aside>header span{color:#79e6c1}.support-admin-shell aside button{width:100%;padding:15px 16px;display:flex;align-items:flex-start;gap:10px;border:0;border-bottom:1px solid #ffffff0b;background:none;color:#dce3de;text-align:left;cursor:pointer}.support-admin-shell aside button>i{flex:0 0 auto;width:8px;height:8px;margin-top:4px;border-radius:50%;background:#72eab8;box-shadow:0 0 12px #72eab8}.support-admin-shell aside button>span{min-width:0;display:flex;flex-direction:column;gap:6px}.support-admin-shell aside button b{font-size:11px}.support-admin-shell aside button small{max-width:240px;overflow:hidden;color:#737d76;font-size:9px;white-space:nowrap;text-overflow:ellipsis}.support-admin-shell aside button.active{background:#79e6c111}.support-admin-chat{min-width:0;display:grid;grid-template-rows:auto 1fr auto}.support-admin-chat>header{padding:17px 20px;display:flex;justify-content:space-between;border-bottom:1px solid var(--line)}.support-admin-chat>header>div{display:flex;flex-direction:column;gap:5px}.support-admin-chat>header b{font-size:13px}.support-admin-chat>header small{color:#6f7972;font-size:9px}.support-admin-chat>header button{border:1px solid #e3918950;border-radius:9px;background:none;color:#db938c;font:9px inherit;cursor:pointer}.support-admin-messages{padding:20px;overflow-y:auto}.support-admin-messages .is-admin{margin-left:auto;align-items:flex-end}.support-admin-chat form{padding:14px;display:grid;grid-template-columns:1fr 100px;gap:9px;border-top:1px solid var(--line)}.support-admin-chat textarea{height:72px;padding:12px;border:1px solid #ffffff1c;border-radius:12px;background:#060907;color:#fff;resize:none;outline:0;font:12px/1.6 inherit}.support-admin-chat form button{border:0;border-radius:12px;background:linear-gradient(115deg,#baff91,#62eab5);color:#071009;font-weight:700;cursor:pointer}.support-admin-chat form button:disabled,.support-admin-chat textarea:disabled{opacity:.4}.support-empty{padding:24px;color:#6e7871;font-size:10px;text-align:center}@keyframes supportOnlinePulse{70%,100%{box-shadow:0 0 0 8px #07955800}}@keyframes supportPanelIn{from{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:none}}
@media(max-width:760px){.live-support-widget{right:14px;bottom:14px}.live-support-messages{height:min(300px,42vh)}.support-admin-main{width:calc(100% - 24px);padding-top:35px}.support-admin-head{flex-direction:column}.support-admin-shell{height:72vh;grid-template-columns:118px 1fr}.support-admin-shell aside button{padding:12px 9px}.support-admin-shell aside button>i{display:none}.support-admin-shell aside button small{max-width:92px}.support-admin-chat>header{padding:13px}.support-admin-chat>header small{max-width:180px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.support-admin-chat form{grid-template-columns:1fr}.support-admin-chat form button{height:42px}}
.project-support-inline{margin-top:20px;padding:20px;border:1px solid #79e6c130;border-radius:18px;background:linear-gradient(135deg,#0e1712,#0a0f0c)}.project-support-inline>header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:14px}.project-support-inline>header p{margin:0 0 6px;color:var(--accent);font-size:8px;letter-spacing:.18em}.project-support-inline>header h3{margin:0 0 5px;font-size:19px}.project-support-inline>header span{color:#7c8780;font-size:10px}.project-support-inline>header>i{padding:6px 10px;border-radius:100px;background:#79e6c117;color:#91efc7;font-style:normal;font-size:9px}.project-support-inline .live-support-widget{position:static;width:100%;filter:none}.project-support-inline .live-support-toggle{display:none}.project-support-inline .live-support-panel{display:block;margin:0;border-radius:16px;box-shadow:none}.project-support-inline .live-support-messages{height:230px}.project-support-inline .live-support-widget.is-open{display:block}.project-support-inline .live-support-widget:not(.is-open) .live-support-panel{display:block}.project-support-inline .live-support-close{display:none}@media(max-width:620px){.project-support-inline{padding:13px}.project-support-inline>header{align-items:flex-start}.project-support-inline .live-support-messages{height:250px}}
@media(min-width:1101px){body.support-chat-open .contact-main{padding-right:calc(var(--pad) + 405px);transition:padding-right .28s ease}body:not(.support-chat-open) .contact-main{transition:padding-right .28s ease}}