1 line
11 KiB
Plaintext
1 line
11 KiB
Plaintext
.publish-composer{padding:32rpx 40rpx 0}.publish-composer__author{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:20rpx;margin-bottom:24rpx}.publish-composer__name-row{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:12rpx}.publish-composer__name{color:#f0e9ff;font:600 28rpx/1.2 Inter,system-ui,-apple-system,PingFang SC,Microsoft YaHei,sans-serif}.publish-composer__level{background:rgba(216,180,255,.1);border-radius:12rpx;color:#d8b4ff;font:500 18rpx/1 Space Grotesk,Inter,system-ui,sans-serif;padding:4rpx 12rpx}.publish-composer__sub{color:#8a7aab;display:block;font:400 22rpx/1.3 Inter,system-ui,-apple-system,PingFang SC,Microsoft YaHei,sans-serif;margin-top:6rpx}.publish-composer__input-wrap{background:rgba(45,34,85,.28);border:2rpx solid rgba(216,180,255,.06);border-radius:32rpx;-webkit-box-sizing:border-box;box-sizing:border-box;min-height:296rpx;padding:28rpx}.publish-composer__textarea{color:#f0e9ff;font:400 32rpx/1.5 Inter,system-ui,-apple-system,PingFang SC,Microsoft YaHei,sans-serif;min-height:240rpx;width:100%}.publish-composer__placeholder{color:#8a7aab}.publish-media-grid{display:grid;gap:16rpx;grid-template-columns:repeat(3,1fr);padding:32rpx 40rpx 0}.publish-media-grid__slot{aspect-ratio:1;background:radial-gradient(circle at 55% 35%,hsla(0,0%,100%,.18),transparent 55%),linear-gradient(135deg,#6b4f9a,#4a3a7a);border-radius:24rpx;overflow:hidden;position:relative}.publish-media-grid__slot--two{background:radial-gradient(circle at 35% 35%,rgba(255,217,168,.3),transparent 55%),linear-gradient(135deg,#ffd9a8,#ffb3c8)}.publish-media-grid__slot--three{background:radial-gradient(circle at 55% 35%,rgba(143,229,181,.28),transparent 55%),linear-gradient(135deg,#8fe5b5,#d8b4ff)}.publish-media-grid__img{height:100%;inset:0;position:absolute;width:100%;z-index:1}.publish-media-grid__cover{background:rgba(0,0,0,.4);border-radius:12rpx;color:#f0e9ff;font:500 18rpx/1 Inter,system-ui,-apple-system,PingFang SC,Microsoft YaHei,sans-serif;left:16rpx;padding:6rpx 14rpx;position:absolute;top:16rpx;z-index:2}.publish-media-grid__remove{background:rgba(0,0,0,.6);border-radius:50%;display:-ms-flexbox;display:flex;height:48rpx;position:absolute;right:12rpx;top:12rpx;width:48rpx;z-index:2;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;color:#f0e9ff;justify-content:center}.publish-media-grid__slot--add{background:rgba(45,34,85,.28);border:2rpx dashed rgba(216,180,255,.25);display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;color:#8a7aab;justify-content:center}.publish-media-grid__add-icon{background:rgba(216,180,255,.08);border-radius:50%;display:-ms-flexbox;display:flex;height:68rpx;width:68rpx;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;margin-bottom:16rpx}.publish-media-grid__add-label{font:500 20rpx/1 Inter,system-ui,-apple-system,PingFang SC,Microsoft YaHei,sans-serif}.publish-options{background:rgba(31,23,66,.64);border:2rpx solid rgba(216,180,255,.08);border-radius:32rpx;margin:32rpx 40rpx 0;overflow:hidden}.publish-options__row{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;border-bottom:2rpx solid rgba(216,180,255,.04);gap:24rpx;padding:28rpx 32rpx}.publish-options__row:last-child{border-bottom:0}.publish-options__icon{border-radius:20rpx;display:-ms-flexbox;display:flex;height:64rpx;width:64rpx;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;color:#2a1d10;justify-content:center}.publish-options__icon--pet{background:linear-gradient(135deg,#d8b4ff,#ffb3c8)}.publish-options__icon--location{background:linear-gradient(135deg,#ffd9a8,#ffb3c8)}.publish-options__icon--visibility{background:linear-gradient(135deg,#8fe5b5,#d8b4ff)}.publish-options__icon--draft{background:linear-gradient(135deg,#a4d4ff,#d8b4ff)}.publish-options__name{color:#f0e9ff;-ms-flex:1;flex:1;font:500 28rpx/1.2 Inter,system-ui,-apple-system,PingFang SC,Microsoft YaHei,sans-serif}.publish-options__right{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;color:#8a7aab;gap:12rpx}.publish-options__value{color:#8a7aab;font:400 24rpx/1 Inter,system-ui,-apple-system,PingFang SC,Microsoft YaHei,sans-serif}.publish-options__pet{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;color:#c7b9e0;font:400 24rpx/1 Inter,system-ui,-apple-system,PingFang SC,Microsoft YaHei,sans-serif;gap:12rpx}.pet-picker__title{color:#f0e9ff;font:700 32rpx/1 Space Grotesk,Inter,system-ui,sans-serif;padding:8rpx 0 28rpx;text-align:center}.pet-picker__list{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:16rpx}.pet-picker__row{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;background:rgba(45,34,85,.4);border:2rpx solid rgba(216,180,255,.08);border-radius:28rpx;gap:24rpx;padding:20rpx 24rpx}.pet-picker__row--active{background:-webkit-gradient(linear,left top,right top,from(rgba(216,180,255,.18)),to(rgba(255,179,200,.18)));background:linear-gradient(90deg,rgba(216,180,255,.18),rgba(255,179,200,.18));border-color:rgba(216,180,255,.45)}.pet-picker__none{border-radius:50%;display:-ms-flexbox;display:flex;height:80rpx;width:80rpx;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;background:rgba(45,34,85,.6);border:2rpx dashed rgba(216,180,255,.3);color:#8a7aab;justify-content:center}.pet-picker__meta{-ms-flex:1;flex:1;min-width:0}.pet-picker__name{color:#f0e9ff;display:block;font:600 28rpx/1.3 Inter,system-ui,-apple-system,PingFang SC,Microsoft YaHei,sans-serif}.pet-picker__breed{color:#8a7aab;display:block;font:400 22rpx/1.3 Inter,system-ui,-apple-system,PingFang SC,Microsoft YaHei,sans-serif}.pet-picker__check{color:#d8b4ff}.pet-picker__empty{color:#8a7aab;font:400 26rpx/1.6 Inter,system-ui,-apple-system,PingFang SC,Microsoft YaHei,sans-serif;padding:24rpx 0;text-align:center}.publish-composer-toolbar{background:-webkit-gradient(linear,left top,left bottom,from(transparent),color-stop(30%,#14102b));background:linear-gradient(180deg,transparent,#14102b 30%);bottom:0;-webkit-box-sizing:border-box;box-sizing:border-box;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:24rpx;left:0;padding:24rpx 40rpx 40rpx;position:fixed;right:0;z-index:60}.publish-composer-toolbar__top{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between}.publish-composer-toolbar__tools{display:-ms-flexbox;display:flex;gap:16rpx}.publish-composer-toolbar__tool{background:rgba(45,34,85,.4);border:2rpx solid rgba(216,180,255,.06);border-radius:24rpx;display:-ms-flexbox;display:flex;height:80rpx;width:80rpx;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;color:#c7b9e0;justify-content:center}.publish-composer-toolbar__count{color:#8a7aab;font:500 22rpx/1 Inter,system-ui,-apple-system,PingFang SC,Microsoft YaHei,sans-serif;font-variant-numeric:tabular-nums}.publish-composer-toolbar__count--warn{color:#ffd166}.publish-composer-toolbar__button{background:-webkit-gradient(linear,left top,right top,from(#d8b4ff),to(#ffb3c8));background:linear-gradient(90deg,#d8b4ff,#ffb3c8);border-radius:28rpx;-webkit-box-shadow:0 12rpx 40rpx rgba(216,180,255,.25);box-shadow:0 12rpx 40rpx rgba(216,180,255,.25);-webkit-box-sizing:border-box;box-sizing:border-box;color:#2a1d10;font:600 30rpx/1 Inter,system-ui,-apple-system,PingFang SC,Microsoft YaHei,sans-serif;letter-spacing:.04em;padding:28rpx 40rpx;text-align:center;width:100%}.publish-composer-toolbar__button--disabled{-webkit-filter:grayscale(.3);filter:grayscale(.3);opacity:.45}.publish-success-modal{text-align:center}.publish-success-modal__check{background:linear-gradient(135deg,#d8b4ff,#ffb3c8);border-radius:50%;display:-ms-flexbox;display:flex;height:128rpx;margin:0 auto 32rpx;width:128rpx;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;-webkit-box-shadow:0 20rpx 48rpx rgba(216,180,255,.3);box-shadow:0 20rpx 48rpx rgba(216,180,255,.3);color:#2a1d10;justify-content:center}.publish-success-modal__desc,.publish-success-modal__title{display:block}.publish-success-modal__title{color:#f0e9ff;font:600 36rpx/1 Space Grotesk,Inter,system-ui,sans-serif}.publish-success-modal__desc{color:#8a7aab;font:400 24rpx/1.5 Inter,system-ui,-apple-system,PingFang SC,Microsoft YaHei,sans-serif;margin-top:16rpx}.publish-success-modal__actions{display:-ms-flexbox;display:flex;gap:20rpx;margin-top:40rpx}.publish-success-modal__btn{border-radius:24rpx;-ms-flex:1;flex:1;font:600 28rpx/1 Inter,system-ui,-apple-system,PingFang SC,Microsoft YaHei,sans-serif;padding:24rpx;text-align:center}.publish-success-modal__btn--secondary{background:rgba(45,34,85,.6);color:#f0e9ff}.publish-success-modal__btn--primary{background:-webkit-gradient(linear,left top,right top,from(#d8b4ff),to(#ffb3c8));background:linear-gradient(90deg,#d8b4ff,#ffb3c8);color:#2a1d10}.publish-page{background:var(--app-bg);color:#f0e9ff;min-height:100vh}.publish-nav{-webkit-box-sizing:border-box;box-sizing:border-box;min-height:108rpx;padding-left:40rpx;position:relative;z-index:20}.publish-nav__row{display:-ms-flexbox;display:flex;height:108rpx;-ms-flex-align:end;align-items:flex-end;-webkit-box-sizing:border-box;box-sizing:border-box;gap:24rpx;padding-bottom:16rpx}.publish-nav__leading{display:-ms-flexbox;display:flex;min-width:76rpx;-ms-flex-align:center;align-items:center}.publish-nav__title{color:#f0e9ff;-ms-flex:1;flex:1;font-family:Space Grotesk,Inter,system-ui,sans-serif;font-size:36rpx;font-weight:600;letter-spacing:0;line-height:1;text-align:center}.publish-page__close{background:rgba(45,34,85,.4);border:2rpx solid rgba(216,180,255,.08);border-radius:50%;display:-ms-flexbox;display:flex;height:76rpx;width:76rpx;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.publish-page__scroll{-webkit-box-sizing:border-box;box-sizing:border-box;height:calc(100vh - 108rpx);padding-bottom:308rpx}.publish-page__label-row{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;padding:36rpx 40rpx 16rpx}.publish-page__label{color:#8a7aab;font:600 22rpx/1 Space Grotesk,Inter,system-ui,sans-serif;letter-spacing:.12em;text-transform:uppercase}.publish-page__custom{color:#d8b4ff;font:400 22rpx/1 Inter,system-ui,-apple-system,PingFang SC,Microsoft YaHei,sans-serif}.publish-page__topics{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:16rpx;padding:0 40rpx}.publish-page__notice{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;background:rgba(255,217,168,.08);border:2rpx solid rgba(255,217,168,.15);border-radius:20rpx;color:#c7b9e0;font:400 22rpx/1.5 Inter,system-ui,-apple-system,PingFang SC,Microsoft YaHei,sans-serif;gap:16rpx;margin:32rpx 40rpx 340rpx;padding:20rpx 24rpx}.publish-page__notice .publish-icon{color:#ffd9a8} |