/* 共享样式（知予云空间 / 分享页 / 密码锁页）· 2026-10-15 星空主题改版
   本文件不依赖页面 :root token，全部使用星空终稿字面色值，保证任何宿主页都渲染一致。
   玻璃四件套：填充 linear-gradient(158deg,rgba(34,46,92,.44),rgba(9,13,30,.58))
   + 边框 1px rgba(154,174,255,.30) + 顶部高光 inset 0 1px 0 rgba(255,255,255,.17)
   + 外阴影 0 12px 36px rgba(24,14,70,.46) */
.share-page .hero,.share-page .files,.share-page .preview-wrap,.share-page .footer {
  background:transparent;border:0;border-radius:0;padding-left:0;padding-right:0;
}
.share-page .hero{margin-top:24px;padding-top:12px}
.share-page .footer{border-top:1px solid rgba(150,170,255,.16);margin-top:32px;padding-top:20px}
.share-page .btn,.share-page .small-btn,.locked-page .btn{border-radius:14px}
.share-page .brand-mark{background:linear-gradient(135deg,#3D6BF0,#7A4BE8);border-radius:12px;
  box-shadow:0 0 18px rgba(110,155,255,.30)}
.share-page .cloud-actions{display:flex;align-items:stretch;flex-wrap:wrap;gap:10px;margin:16px 0}
/* 主按钮：蓝紫渐变 + 白字 + 外圈光晕 */
.share-page .cloud-actions .btn{width:auto;margin:0;flex:1;min-width:160px;font:inherit;border:1px solid rgba(154,186,255,.55);
  background:linear-gradient(135deg,#3D6BF0,#7A4BE8);color:#fff;
  box-shadow:0 0 20px rgba(110,155,255,.30),inset 0 1px 0 rgba(255,255,255,.18)}
/* 次按钮：玻璃 + 细星光描边 */
.share-page .cloud-actions .ghost{background:linear-gradient(158deg,rgba(34,46,92,.44),rgba(9,13,30,.58));
  border:1px solid rgba(154,174,255,.30);color:#F2F6FF;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.17),0 12px 36px rgba(24,14,70,.46)}
.share-page .icon-tool,.cloud-dialog .icon-tool{display:grid;place-items:center;width:44px;height:44px;
  flex:none;border:1px solid rgba(154,174,255,.30);border-radius:14px;
  background:linear-gradient(158deg,rgba(34,46,92,.44),rgba(9,13,30,.58));color:inherit;cursor:pointer;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.17);
  transition:border-color .24s ease-out,box-shadow .24s ease-out}
.share-page .icon-tool:hover,.cloud-dialog .icon-tool:hover{border-color:rgba(154,186,255,.80);
  box-shadow:0 0 18px rgba(110,155,255,.32),inset 0 1px 0 rgba(255,255,255,.17)}
.share-page .cloud-actions .btn{display:flex;justify-content:center;align-items:center;gap:7px}
.share-page .cloud-actions svg,.cloud-dialog svg{width:18px;height:18px;flex:none}
.share-page #shareStatus{min-height:24px;color:#ffd27a;font-size:14px}
/* 弹窗：玻璃卡片 + 细星光边框 + 圆角 20 */
.cloud-dialog{border:1px solid rgba(154,174,255,.30);border-radius:20px;
  background:linear-gradient(158deg,rgba(34,46,92,.94),rgba(9,13,30,.96));color:#F2F6FF;
  width:min(440px,calc(100% - 24px));max-height:88vh;overflow:auto;padding:20px;font:14px/1.65 system-ui;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.17),0 12px 36px rgba(24,14,70,.46)}
.cloud-dialog::backdrop{background:rgba(6,8,18,.70)}
.cloud-dialog .dialog-head{display:flex;justify-content:space-between;align-items:center;gap:12px}
.cloud-dialog h2{font-size:18px;margin:0}
.cloud-dialog label{display:block;margin:16px 0 5px;color:#B4BDE8}
/* 输入框：玻璃底 + 1px 淡蓝紫描边 */
.cloud-dialog input,.cloud-dialog select,.locked-page input{width:100%;min-width:0;padding:12px;
  border:1px solid rgba(154,174,255,.30);border-radius:14px;background:rgba(16,22,50,.68);color:#F2F6FF;
  font:inherit;box-shadow:inset 0 1px 0 rgba(255,255,255,.10);
  transition:border-color .2s ease-out,box-shadow .2s ease-out}
.cloud-dialog input:focus,.cloud-dialog select:focus,.locked-page input:focus{
  outline:none;border-color:rgba(154,186,255,.85);
  box-shadow:0 0 18px rgba(110,155,255,.32),inset 0 1px 0 rgba(255,255,255,.12)}
.cloud-dialog input:-webkit-autofill,.locked-page input:-webkit-autofill{
  -webkit-box-shadow:0 0 0 40px #16203C inset;-webkit-text-fill-color:#F2F6FF}
.cloud-dialog button.btn,.locked-page .btn{width:100%;color:#fff;
  background:linear-gradient(135deg,#3D6BF0,#7A4BE8);
  padding:12px;border:1px solid rgba(154,186,255,.55);border-radius:14px;margin-top:16px;font:inherit;cursor:pointer;
  box-shadow:0 0 20px rgba(110,155,255,.30),inset 0 1px 0 rgba(255,255,255,.18);
  transition:box-shadow .24s ease-out}
.cloud-dialog button.btn:hover,.locked-page .btn:hover{
  box-shadow:0 0 26px rgba(110,155,255,.50),inset 0 1px 0 rgba(255,255,255,.18)}
.cloud-dialog.qr-dialog{width:min(360px,calc(100% - 24px))}
.cloud-dialog .qr-stage{margin:18px auto 4px;border-radius:14px;padding:20px 14px;
  display:flex;flex-direction:column;align-items:center;gap:13px;transition:background .2s}
.cloud-dialog .qr-frame{background:#fff;padding:10px;border-radius:12px;line-height:0;
  box-shadow:0 6px 20px rgba(0,0,0,.28),0 0 0 1px rgba(154,174,255,.30)}
.cloud-dialog .qr-frame img,.cloud-dialog .qr-frame canvas{display:block;width:200px;height:200px;max-width:none}
.cloud-dialog .qr-caption{font-size:14px;font-weight:600;line-height:1.5;max-width:240px;word-break:break-word;
  text-align:center}
.cloud-dialog .qr-presets{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin:14px 0}
/* 胶囊：默认半透明 + 星光描边，激活=渐变填充 + 白字 */
.cloud-dialog .qr-presets button{display:inline-flex;align-items:center;gap:6px;padding:6px 11px;
  border-radius:999px;border:1px solid rgba(110,155,255,.45);
  background:rgba(34,46,92,.34);color:#B4BDE8;font:12px inherit;cursor:pointer;
  transition:border-color .24s ease-out,box-shadow .24s ease-out}
.cloud-dialog .qr-presets button:hover{border-color:rgba(154,186,255,.80);
  box-shadow:0 0 14px rgba(110,155,255,.28)}
.cloud-dialog .qr-presets button .dot{width:12px;height:12px;border-radius:50%;border:1px solid rgba(255,255,255,.25)}
.cloud-dialog .qr-presets button.active{border-color:rgba(154,186,255,.72);
  background:linear-gradient(135deg,#3D6BF0,#7A4BE8);color:#fff;
  box-shadow:0 0 16px rgba(110,155,255,.32)}
.cloud-dialog .qr-tip{word-break:break-all;color:#B4BDE8;font-size:12px;margin:4px 0 0;text-align:center}
.cloud-dialog .qr-link{word-break:break-all;color:#B4BDE8}
.cloud-dialog .dialog-status{color:#ffd27a;min-height:22px}
/* 登录弹窗：登录 / 注册 / 老账号兜底 / 找回密码 / 补全凭证 多形态切换 */
.cloud-dialog .auth-tabs{display:flex;gap:8px;margin:16px 0 4px}
.cloud-dialog .auth-tabs button{flex:1;padding:8px 12px;border-radius:999px;font:inherit;cursor:pointer;
  color:#B4BDE8;background:rgba(34,46,92,.34);border:1px solid rgba(154,174,255,.30);
  transition:border-color .24s ease-out,box-shadow .24s ease-out}
.cloud-dialog .auth-tabs button:hover{border-color:rgba(154,186,255,.80)}
.cloud-dialog .auth-tabs button.active{color:#fff;border-color:rgba(154,186,255,.72);
  background:linear-gradient(135deg,#3D6BF0,#7A4BE8);box-shadow:0 0 16px rgba(110,155,255,.32)}
.cloud-dialog .auth-mode[hidden]{display:none}
.cloud-dialog .auth-mode .tip{color:#B4BDE8;font-size:12.5px;margin:10px 0 0}
.cloud-dialog .auth-links{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;margin:12px 0 0}
.cloud-dialog .auth-links a{color:#8FE3FF;font-size:12.5px;text-decoration:none}
.cloud-dialog .auth-links a:hover{text-decoration:underline}
.cloud-dialog .auth-code-row{display:flex;gap:8px;align-items:stretch}
.cloud-dialog .auth-code-row input{flex:1}
.cloud-dialog .auth-code-row button{flex:none;width:auto;margin:0;white-space:nowrap;padding:0 14px;
  border-radius:14px;border:1px solid rgba(154,186,255,.55);color:#fff;font:inherit;cursor:pointer;
  background:linear-gradient(135deg,#3D6BF0,#7A4BE8);
  box-shadow:0 0 20px rgba(110,155,255,.30),inset 0 1px 0 rgba(255,255,255,.18)}
.cloud-dialog .auth-code-row button:disabled{opacity:.55;cursor:default}
.locked-page{margin:0;background:#0A0E1C;color:#F2F6FF;color-scheme:dark;font:15px/1.7 system-ui}
.locked-page main{max-width:440px;margin:12vh auto;padding:24px}
/* 锁卡片：玻璃 + 顶部高光 */
.locked-page form{background:linear-gradient(158deg,rgba(34,46,92,.44),rgba(9,13,30,.58));
  border:1px solid rgba(154,174,255,.30);border-radius:20px;padding:20px;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.17),0 12px 36px rgba(24,14,70,.46)}
.locked-page .brand{font-size:24px;font-weight:700;color:#8FE3FF;text-decoration:none}
.locked-page h1{font-size:20px;margin:30px 0 14px}
.locked-page label{display:block;margin-bottom:8px;color:#B4BDE8}
.locked-page .small-btn{color:#8999D8}
.locked-page #shareStatus{min-height:26px;color:#ffd27a}
.locked-page .locked-downloads{margin-top:22px;padding-top:16px;border-top:1px solid rgba(150,170,255,.16)}
.locked-page .ld-title{font-size:13px;color:#8999D8;margin:0 0 10px}
.locked-page .client-downloads{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:10px}
.locked-page .client-downloads .download{flex:1;min-width:120px;padding:9px;border-radius:14px;
  background:linear-gradient(135deg,#3D6BF0,#7A4BE8);color:#fff!important;text-decoration:none;text-align:center;
  font-size:13px;font-weight:600;border:1px solid rgba(154,186,255,.55);
  box-shadow:0 0 16px rgba(110,155,255,.28),inset 0 1px 0 rgba(255,255,255,.18)}
.file-progress.active{font-size:14px;color:#F2F6FF;border-left:3px solid #3D6BF0;
  padding:12px;background:linear-gradient(158deg,rgba(34,46,92,.44),rgba(9,13,30,.58));
  border-radius:14px;line-height:1.7;margin:12px 0;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.17),0 12px 36px rgba(24,14,70,.46)}
.file-progress progress{width:100%;height:8px;margin-top:8px;accent-color:#3D6BF0}
.cloud-folders{display:flex;gap:6px;flex-wrap:wrap;margin:12px 0}
/* 文件夹胶囊：默认半透明 + 星光描边，激活=渐变填充 + 白字 */
.cloud-folder{display:inline-flex;align-items:center;gap:6px;background:rgba(34,46,92,.34);
  color:#B4BDE8;padding:9px;border:1px solid rgba(110,155,255,.45);border-radius:999px;cursor:pointer;
  transition:border-color .24s ease-out,box-shadow .24s ease-out}
.cloud-folder:hover{border-color:rgba(154,186,255,.80);box-shadow:0 0 14px rgba(110,155,255,.28)}
.cloud-folder svg{width:16px;height:16px}
.cloud-folder.active{border-color:rgba(154,186,255,.72);
  background:linear-gradient(135deg,#3D6BF0,#7A4BE8);color:#fff;
  box-shadow:0 0 16px rgba(110,155,255,.32)}
.file-row .file-tools{display:flex;gap:4px;flex:none}
.file-row .file-tool{width:34px;height:34px;border:1px solid rgba(154,174,255,.30);border-radius:12px;
  display:grid;place-items:center;color:#B4BDE8;
  background:linear-gradient(158deg,rgba(34,46,92,.44),rgba(9,13,30,.58));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.14);
  transition:border-color .24s ease-out,box-shadow .24s ease-out,color .24s ease-out}
.file-row .file-tool svg{width:16px;height:16px}
.file-row .file-tool:hover{color:#F2F6FF;border-color:rgba(154,186,255,.80);
  box-shadow:0 0 14px rgba(110,155,255,.28),inset 0 1px 0 rgba(255,255,255,.14)}
.file-row .ficon{border-radius:12px}
.file-row .fname{white-space:normal;overflow-wrap:anywhere}
.file-share-list .rowline{flex-wrap:wrap}
.file-share-list .rowline .info{min-width:200px}
.file-section{padding:14px 0;border-bottom:1px solid rgba(150,170,255,.16)}
.top-title,.codebox .big{letter-spacing:0}
@media(max-width:480px){.file-row{flex-wrap:wrap}.file-row .finfo{flex-basis:calc(100% - 78px)}
  .file-row .file-tools{margin-left:66px}.share-page .cloud-actions .btn{min-width:130px;font-size:14px}}