*{margin:0;padding:0;box-sizing:border-box}body{font-family:Arial,Helvetica,sans-serif;color:#fff;background:linear-gradient(rgba(0,0,0,.68),rgba(0,0,0,.78)),url("body-bg.png") center center / cover fixed no-repeat;min-height:100vh}a{color:inherit;text-decoration:none}img{max-width:100%;user-select:none}.flag-line{height:8px;width:100%;background:linear-gradient(90deg,#2783DE 0%,#5E9FE8 35%,#7C3AED 70%,#4FB9C9 100%)}.center-header{background:rgba(3,7,10,.92);backdrop-filter:blur(10px);box-shadow:0 12px 35px rgba(0,0,0,.35)}.header-inner{max-width:1200px;margin:auto;padding:16px 18px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;text-align:center}.center-brand{display:flex;flex-direction:column;align-items:center;gap:8px}.header-logo{width:125px;height:125px;border-radius:50%;object-fit:cover;display:block;background:#111;box-shadow:0 0 0 3px #2783DE,0 0 0 6px #111,0 10px 25px rgba(0,0,0,.5)}.brand-text{font-size:32px;font-weight:900;font-style:italic;letter-spacing:-1px;color:#fff}.brand-text span{color:#2783DE}.brand-text b{color:#7C3AED}.center-nav{display:flex;align-items:center;justify-content:center;gap:16px;flex-wrap:wrap}.btn{border:0;display:inline-flex;justify-content:center;align-items:center;gap:8px;padding:12px 24px;border-radius:8px;background:#2783DE;color:#fff;font-weight:800;cursor:pointer;box-shadow:0 8px 22px rgba(0,0,0,.28)}.btn:hover{background:#5E9FE8}.btn.ghost{background:#1b1f24}.btn.outline{background:rgba(0,0,0,.28);border:1px solid rgba(255,255,255,.65)}.btn.full{width:100%;margin-top:20px}.menu-link{opacity:.9;font-weight:800}.glass-shell,.upload-shell,.photo-shell{max-width:1220px;margin:28px auto;padding:24px;background:rgba(5,9,12,.72);border:1px solid rgba(255,255,255,.12);border-radius:22px;box-shadow:0 22px 60px rgba(0,0,0,.45);backdrop-filter:blur(12px)}.hero-panel{text-align:center;padding:48px 20px 38px;border-radius:18px;background:linear-gradient(rgba(0,0,0,.25),rgba(0,0,0,.35));border:1px solid rgba(255,255,255,.08)}.hero-panel h1{font-size:44px;margin-bottom:12px;text-shadow:0 6px 22px rgba(0,0,0,.65)}.hero-panel p{font-size:22px;color:#f1f1f1;margin-bottom:22px}.album-head{display:flex;justify-content:space-between;align-items:flex-end;gap:15px;margin:28px 0 14px}.album-head h2{font-size:24px}.green-mark{width:52px;height:3px;background:#2783DE;margin-top:8px}.album-head p{color:#ddd;font-size:14px}.album-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(118px,1fr));gap:7px}.album-item{background:rgba(255,255,255,.05);border-radius:8px;overflow:hidden;border:1px solid rgba(255,255,255,.07)}.album-thumb{position:relative;display:block;overflow:hidden;background:#000}.album-thumb img{width:100%;height:104px;object-fit:cover;display:block;transition:.2s}.album-item:hover img{transform:scale(1.04)}.watermark:after{content:"PictShare.online";position:absolute;right:5px;bottom:5px;background:rgba(0,0,0,.45);color:#fff;font-size:9px;padding:3px 6px;border-radius:999px;font-weight:bold}.album-info{padding:6px}.caption{font-size:12px;font-weight:800;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.meta{display:flex;flex-direction:column;gap:2px;color:#cfd3d7;font-size:10px;margin-top:4px}.meta.large{font-size:15px;margin:12px 0;display:flex;flex-direction:row;justify-content:space-between}.empty-box{grid-column:1/-1;text-align:center;padding:35px;background:rgba(0,0,0,.3);border-radius:14px}.pagination{display:flex;justify-content:center;align-items:center;gap:12px;margin-top:30px;flex-wrap:wrap}.page-btn{padding:12px 18px;border-radius:7px;background:#171d22;font-weight:800}.page-btn.active{background:#2783DE}.upload-shell{max-width:880px}.upload-title{text-align:center;margin-bottom:24px}.upload-circle{width:54px;height:54px;border-radius:50%;background:#2783DE;margin:0 auto 14px;display:flex;align-items:center;justify-content:center;font-size:28px}.upload-title h1{font-size:40px;margin-bottom:8px}.upload-title p{color:#ddd;font-size:18px}.upload-card,.result-box,.single-photo-card{background:rgba(12,17,22,.88);border:1px solid rgba(255,255,255,.14);border-radius:16px;padding:30px;box-shadow:0 16px 45px rgba(0,0,0,.35)}form label,.single-info label{display:block;margin-top:18px;margin-bottom:8px;font-weight:800}form label span{color:#ccc;font-weight:400}input,textarea{width:100%;border:1px solid rgba(255,255,255,.14);background:#171c21;color:#fff;border-radius:8px;padding:15px;font-size:16px;outline:none}textarea{min-height:120px;resize:vertical}.file-drop{min-height:150px;border:2px dashed rgba(255,255,255,.22);border-radius:14px;background:rgba(0,0,0,.18);display:flex!important;flex-direction:column;align-items:center;justify-content:center;text-align:center;cursor:pointer}.file-drop input{display:none}.upload-icon{color:#2783DE;font-size:44px;margin-bottom:8px}.file-drop small{color:#aaa;margin-top:8px}.result-box{text-align:center;max-width:680px;margin:30px auto}.result-icon{font-size:70px;margin-bottom:12px}.result-box h1{margin-bottom:12px}.result-box.success h1{color:#46A171}.result-box.failed h1{color:#E56458}.result-box p{color:#ddd;line-height:1.7}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px}.actions.center{justify-content:center}.photo-shell{max-width:1050px}.single-photo-card{display:grid;grid-template-columns:1.2fr .8fr;gap:24px}.single-image{position:relative;background:#000;border-radius:14px;overflow:hidden}.single-image img{width:100%;max-height:75vh;object-fit:contain;display:block}.single-info h1{font-size:30px;margin-bottom:10px}.single-info p{color:#ddd;margin:12px 0}.footer{margin-top:36px;background:rgba(3,7,10,.94);backdrop-filter:blur(10px)}.footer-content{max-width:1200px;margin:auto;padding:28px 18px;display:grid;grid-template-columns:1fr auto 1fr;gap:22px;align-items:center;color:#ddd}.footer-content>div:last-child{text-align:right}.footer-center{text-align:center;margin-top:-42px}.footer-logo{width:125px;height:125px;border-radius:50%;object-fit:cover;background:#111;box-shadow:0 0 0 3px #2783DE,0 0 0 6px #111,0 10px 25px rgba(0,0,0,.5)}.footer-brand{font-size:28px;font-weight:900}.footer-brand span{color:#2783DE}.footer-brand b{color:#7C3AED}.admin-tabs{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin:18px 0 25px}.admin-tabs a{background:#171d22;padding:11px 16px;border-radius:8px;font-weight:800}.admin-tabs a.active{background:#2783DE}.admin-card{background:rgba(255,255,255,.05);padding:15px;border-radius:12px;text-align:center}.admin-card img{height:130px;width:100%;object-fit:cover;border-radius:8px}@media(max-width:900px){.single-photo-card{grid-template-columns:1fr}.footer-content{grid-template-columns:1fr;text-align:center}.footer-content>div:last-child{text-align:center}.footer-center{margin-top:0}}@media(max-width:650px){body{background-attachment:scroll}.glass-shell,.upload-shell,.photo-shell{margin:14px;padding:14px;border-radius:16px}.header-logo{width:92px;height:92px}.brand-text{font-size:25px}.hero-panel h1{font-size:30px}.hero-panel p{font-size:17px}.album-head{display:block}.album-grid{grid-template-columns:repeat(3,1fr);gap:5px}.album-thumb img{height:92px}.caption{font-size:11px}.meta{font-size:9px}.upload-card,.result-box,.single-photo-card{padding:18px}.footer-logo{width:95px;height:95px}}@media(max-width:430px){.album-grid{grid-template-columns:repeat(2,1fr)}.album-thumb img{height:130px}}

img{-webkit-user-drag:none;-webkit-touch-callout:none;pointer-events:auto} body{user-select:none} input,textarea{user-select:text}
