.view-pop{padding:0 20px 20px;margin-top:20px;max-height:600px;overflow:auto}.view-pop h2{font-size:30px;line-height:38px;color:var(--color-text)}.view-pop h3{font-size:24px;line-height:32px;color:var(--color-text)}.view-pop .item-row{display:flex;justify-content:space-between;align-items:center;margin-top:16px}.view-pop .item-row .label{font-size:18px;line-height:26px;color:var(--color-li);width:200px;flex-shrink:0}.view-pop .item-row .value{font-size:16px;line-height:26px;color:var(--color-text)}.view-pop .item-row .value.bold{font-weight:600}.view-pop .info-section .status-tag{border-radius:12px;padding:0 12px;background:#e6f4ff;border-color:#91caff;color:#0958d9}.view-pop .content-card{margin-top:36px;background-color:var(--color-bg);border:1px solid var(--border-color);border-radius:18px;padding:30px}.add-page{margin:0 auto}.add-page .back{display:flex;gap:16px;align-items:center;margin-bottom:20px;font-size:24px;font-weight:600;color:var(--color-text)}.add-page .back .back-button{width:36px;height:36px;cursor:pointer;border-radius:50%;background:#fdf1f2;position:relative;display:flex;align-items:center;justify-content:center}.add-page .back .back-button:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:block;width:10px;height:10px;border-top:2px solid var(--main-color);border-left:2px solid var(--main-color);transform:translate(-30%,-50%) rotate(-45deg)}.add-page .back .back-button:hover:before{transform:translate(-40%,-50%) rotate(-45deg);transition:transform .2s}.add-page .loading{margin:0 auto}.add-page .add-card{border:1px solid var(--border-color);background:var(--color-bg);border-radius:18px;padding:30px;margin-bottom:30px}.add-page .add-card .add-card-title{font-size:24px;line-height:32px;font-weight:600;color:var(--color-text);margin-bottom:24px}.add-page .add-card .add-card-list{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.add-page .add-card .add-card-list .add-card-item{display:flex;flex-direction:column;padding:24px;border:1px solid var(--border-color);border-radius:18px}.add-page .add-card .add-card-list .add-card-item .add-card-item-img{width:60px;height:60px}.add-page .add-card .add-card-list .add-card-item .add-card-item-title{font-size:20px;line-height:28px;margin:18px 0 6px}.add-page .add-card .add-card-list .add-card-item .add-card-item-desc{font-size:16px;line-height:24px;color:var(--color-li)}.add-page .add-card .add-card-list .add-card-item .add-card-item-status{font-size:16px;line-height:32px;padding:0 14px;border-radius:100px}.add-page .add-card .add-card-list .add-card-item .add-card-item-status-0{color:var(--color-text);border:1px solid #e8e8e8;background:var(--color-bg)}.add-page .add-card .add-card-list .add-card-item .add-card-item-status-1{color:#249f56;background:rgba(36,159,86,.12);border:1px solid #249f56}.add-page .add-card .add-card-list .add-card-item .add-card-item-status-2{color:#cb6200;background:rgba(203,98,0,.12);border:1px solid #cb6200}.add-page .add-card .add-card-list .add-card-item .add-card-item-action{display:flex;gap:12px;margin-top:auto;padding-top:16px}.add-page .add-card .add-card-list .add-card-item .add-card-item-action .add-card-item-upload-button{flex:1;height:48px;line-height:48px;text-align:center;border-radius:100px;font-size:18px;cursor:pointer;user-select:none;color:#fff}.add-page .add-card .add-card-list .add-card-item .add-card-item-action .add-card-item-template{background:#08f}.add-page .add-card .add-card-list .add-card-item .add-card-item-action .add-card-item-upload{background:#249f56}.add-page .add-card .add-file-list .add-file-item{border:1px solid var(--border-color);border-radius:18px;padding:24px;line-height:36px;margin-bottom:24px}.add-page .add-card .add-file-list .add-file-item :last-child{margin-bottom:0}.add-page .add-card .add-file-list .add-file-item img{width:36px;height:36px}.add-page .add-card .add-file-list .add-file-item .add-file-item-title{font-size:18px;color:var(--color-text)}.add-page .add-card .add-file-list .add-file-item .add-file-item-time{font-size:18px;color:var(--color-li)}.add-page .add-card .add-file-list .add-file-item .add-file-item-action img{cursor:pointer}.upload-pop{padding:24px}.upload-pop .upload-dropzone{border:1px dashed var(--border-color);border-radius:18px;padding:36px 45px;text-align:center;cursor:pointer;transition:all .2s}.upload-pop .upload-dropzone:hover{border-color:var(--main-color)}.upload-pop .upload-icon{width:72px;height:72px;margin:0 auto 24px}.upload-pop .upload-icon img{width:72px;height:72px}.upload-pop .upload-title{color:var(--color-text);font-size:24px;line-height:32px;font-weight:500;margin-bottom:12px}.upload-pop .upload-desc{color:var(--color-li);font-size:18px;line-height:26px}.upload-pop .upload-tip{margin-top:12px;line-height:24px;font-size:16px;color:var(--color-li)}.upload-pop .upload-pop-action{display:flex;gap:18px;margin-top:auto;padding-top:16px}.upload-pop .upload-pop-action>div{flex:1}.upload-pop .my-upload-list .item{margin-top:18px}.upload-pop .my-upload-list .item img{width:48px;height:48px;margin-right:18px}.upload-pop .my-upload-list .item .info{flex:1}.upload-pop .my-upload-list .item .info .name{font-size:18px;color:var(--color-text);margin-bottom:12px}.upload-pop .my-upload-list .item .info .actions .btn-close{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;font-size:18px;cursor:pointer}.upload-pop .my-upload-list .progress{position:relative;width:100%;height:6px;background:#f5f5f5;border-radius:6px;overflow:hidden;background:var(--main-color) 30}.upload-pop .my-upload-list .progress .slider-fill{position:absolute;top:0;left:0;height:100%;border-radius:6px;transition:width .08s linear}.upload-pop .my-upload-list .progress .slider-fill:before{content:"";position:absolute;inset:0;background-image:linear-gradient(45deg,#ffffff 25%,transparent 25%,transparent 50%,rgba(255,255,255,.7) 50%,rgba(247,247,247,.7) 75%,transparent 75%,transparent),linear-gradient(var(--main-color),var(--main-color));background-attachment:local;background-clip:padding-box;background-color:var(--main-color);background-size:24px 24px;border-radius:999px}.upload-pop .btn{width:100%;height:48px;line-height:48px;text-align:center;border-radius:100px;font-size:18px;cursor:pointer;user-select:none;color:#fff}.upload-pop .btn.btn-default{background:var(--color-bg);color:var(--color-text);border:1px solid var(--border-color)}.upload-pop .btn.btn-primary{background:var(--main-color);border:1px solid var(--main-color)}.delete-pop{padding:24px}.delete-pop .delete-icon{width:72px;height:72px;margin:0 auto 24px}.delete-pop .delete-icon img{width:72px;height:72px}.delete-pop .delete-title{color:var(--color-text);font-size:30px;line-height:38px;font-weight:500;margin-bottom:18px;text-align:center}.delete-pop .delete-desc{color:var(--color-li);font-size:18px;line-height:26px;text-align:center}.delete-pop .delete-tip{margin-top:12px;line-height:24px;font-size:16px;color:var(--color-li)}.delete-pop .delete-pop-action{display:flex;gap:18px;margin-top:auto;padding-top:16px}.delete-pop .delete-pop-action>div{flex:1}.delete-pop .btn{width:100%;height:48px;line-height:48px;text-align:center;border-radius:100px;font-size:18px;cursor:pointer;user-select:none;color:#fff}.delete-pop .btn.btn-default{background:var(--color-bg);color:var(--color-text);border:1px solid var(--border-color)}.delete-pop .btn.btn-primary{background:var(--main-color);border:1px solid var(--main-color)}