/* Scoped upgrade. Keep existing galleries, AJAX selectors and site identity. */
.warm,.navbox,#header,.nav ul,.nav-additional ul{width:1180px}
.navbox .hints{width:500px;display:flex;align-items:center;gap:28px;white-space:nowrap}
.navbox .hints .site-hint{color:#003300}
.navbox .hints .permanent-domain{color:#003300;font-weight:400}
.navbox .hints .permanent-domain a{color:#003300;font-weight:700}
.navbox .hints .permanent-domain a:hover{text-decoration:underline}
#header .so-module{width:920px}
.nav ul,.nav-additional ul{display:flex;padding:0;box-sizing:border-box}
.nav ul li,.nav-additional ul li{float:none;flex:0 0 8.3333333333%;min-width:0}
.nav ul li a,.nav-additional ul li a{width:auto;box-sizing:border-box;white-space:nowrap}
.nav ul li a{line-height:36px}
.nav ul,.nav ul li a{background:#009933;color:#fff}
.box-tag{box-sizing:border-box}
.nav-additional ul{border-radius:0 0 20px 20px;background:#00cc66}
.nav-additional{height:36px}
.nav-additional ul li a{height:36px;line-height:36px;background:#00cc66;color:#fff;border-right-color:#00e874}
.nav-additional ul li a:hover,.nav-additional ul li a.on,.nav ul li a:hover,.nav ul li a.on{background:linear-gradient(#33cc33,#009933);color:#ff0}
.nav-additional ul li.nav-last{margin-left:auto}
.nav-additional ul li a.nav-lucky{color:#ff0;text-decoration:none}
.nav ul li a.nav-pay,.nav-additional ul li a.nav-xiuren{font-weight:600;text-shadow:none;text-decoration:none}
.nav ul li a.nav-pay{background:#00852f;color:#ff6600}
.nav ul li a.nav-pay:hover,.nav ul li a.nav-pay.on{background:#007b2b;color:#ff6600}
.nav-additional ul li a.nav-xiuren{background:#08c768;color:red;text-shadow:0px 1px 4px white}
.nav-additional ul li a.nav-xiuren:hover,.nav-additional ul li a.nav-xiuren.on{background:#06b960;color:red;text-shadow:0px 1px 4px white}
#header .logo{background-image:url(/static_normal/image/logo.png?v=20261003-r4);background-size:255px 61px}
a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid #175f30;outline-offset:3px}
input{caret-color:#006d2b}
::selection{background:#c2e8ce;color:#143921}
.rosi-footer-links{width:1180px;box-sizing:border-box;margin:40px auto 0;padding:30px 32px;display:flex;align-items:center;gap:48px;border-top:1px solid #d5e3d9;background:#f4f8f5;text-align:left;clear:both;font-size:14px;line-height:1.6}
.rosi-footer-brand{flex:0 0 230px}
.rosi-footer-brand>a{color:#145d2d;font-size:27px;font-weight:700;text-decoration:none}
.rosi-footer-brand>a span{margin-left:5px;font-size:22px}
.rosi-footer-brand p{margin:5px 0 0;color:#516557;font-size:13px}
.rosi-footer-services{flex:1;display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
.rosi-footer-services a{display:block;color:#205c34;text-decoration:none;padding:8px 0}
.rosi-footer-services strong{display:block;font-size:15px;font-weight:600;line-height:1.5}
.rosi-footer-services span{display:block;margin-top:6px;font-size:12px;line-height:1.6;color:#516557}
.rosi-footer-services a:hover strong{text-decoration:underline;text-underline-offset:4px;color:#00712e}
.rosi-footer-links+#copyright{width:1180px;box-sizing:border-box;padding:18px 24px;background:#f4f8f5;border-top:1px solid #e1eae4;color:#516557;line-height:1.7}
.captcha-status{display:block;line-height:20px;font-size:12px;color:#98431c}
.ui-form-item.captcha-field{height:56px;overflow:visible}
.ui-form-item .captcha-status{position:absolute;top:35px;left:0;white-space:nowrap}
#login_box{height:auto;max-height:calc(100vh - 32px);overflow:auto}
#login_box .login,#login_box .reger{height:auto;min-height:347px}
.login_tab .list_item .tab_item{color:#5c655e}
.login_tab .current .tab_item_login,.login_tab .current .tab_item_reg{background:#00712e;color:#fff}
.ui-form-item .ui-input{color:#596259}
.ui-button:disabled,.ui-regbutton:disabled{opacity:.6;cursor:wait}
.rosi-seo-summary{width:1180px;box-sizing:border-box;margin:18px auto;color:#525a53;font-size:14px;line-height:1.8}
.rosi-seo-summary h1{font-size:20px;color:#245c32;margin:0 0 4px;font-weight:600}
.rosi-seo-summary p{margin:0}
.rosi-seo-summary a{color:#14652e;text-decoration:underline}
.tag-title .rosi-home-title{display:inline;font:inherit;margin:0;padding:0;color:inherit}
.content .rosi-seo-summary,.content_box .rosi-seo-summary,.rosi-content-facts{width:auto;margin:12px 0;color:#525a53;font-size:14px;line-height:1.8}
.rosi-content-facts time{font-variant-numeric:tabular-nums}
.rosi-content-facts a{color:#14652e;text-decoration:underline}
#content-box .rosi-content-info{box-sizing:border-box;margin:16px 25px 20px;padding:14px 18px;background:#f5f8f6;border:1px solid #dbe5de;border-radius:6px;text-align:left;font-size:13px;line-height:1.8}
.rosi-content-info .rosi-content-facts{width:auto;margin:0;color:#3a5042;font-size:13px;line-height:1.8}
.rosi-content-info .rosi-content-meta{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 28px}
.rosi-content-info .rosi-content-meta>span{min-width:0;max-width:100%;overflow-wrap:break-word}
.rosi-content-info .rosi-meta-label{margin-right:8px;color:#5b6e61}
.rosi-content-info .rosi-content-meta a,.rosi-content-info .rosi-content-meta time{color:#234b34;font-weight:600}
.rosi-content-info .rosi-content-facts a{text-decoration:none}
.rosi-content-info .rosi-content-facts a:hover{text-decoration:underline;text-underline-offset:3px}
.rosi-content-info .rosi-content-access{margin:7px 0 0;color:#516457;font-size:13px;line-height:1.8}
.rosi-content-info .rosi-content-access a{color:#176239}
.rosi-content-info .content_tit{box-sizing:border-box;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:6px 28px;width:auto;height:auto;margin:11px 0 0;padding:10px 0 0;border-top:1px solid #dbe5de;color:#465d4d;font-size:13px;line-height:1.8;text-align:left}
.rosi-content-info .content_tit i,.rosi-content-info .content_tit b{display:block;float:none;min-width:0;font-style:normal;font-weight:400;overflow-wrap:break-word}
/* User-center records: use the available right-column width for four cards. */
.user-content-right .collection_box,.user-content-right .history_box{box-sizing:border-box;width:880px;max-width:calc(100% - 24px);margin:0 auto}
.user-content-right .collection_box ul,.user-content-right .history_box ul{box-sizing:border-box;width:100%;display:flex;flex-wrap:wrap;align-items:flex-start;gap:14px 5px;margin:0;padding:0}
.user-content-right .collection_box ul li,.user-content-right .history_box ul li{box-sizing:border-box;flex:0 0 calc((100% - 15px)/4);width:auto;margin:0;float:none}
.user-content-right .collection_box .myvideo-box,.user-content-right .history_box .myvideo-box{box-sizing:border-box;width:100%}
.user-content-right .collection_box .mypicture-img,.user-content-right .history_box .mypicture-img{box-sizing:border-box;width:100%;height:auto;aspect-ratio:213 / 146;overflow:hidden}
.user-content-right .collection_box .mypicture-img img,.user-content-right .history_box .mypicture-img img{display:block;width:100%;height:auto;min-height:100%;object-fit:cover}
.user-content-right .collection_box .myvideo-layer,.user-content-right .history_box .myvideo-layer{width:100%;box-sizing:border-box}
.user-content-right .collection_box .collec-myvideo-name{box-sizing:border-box;width:calc(100% - 35px);padding-right:5px}
.user-content-right .collection_box .edit{box-sizing:border-box;width:35px}
.user-content-right .collection_box:after,.user-content-right .history_box:after{content:"";display:block;clear:both}
@media (max-width:900px){
  .user-content-right .collection_box ul li,.user-content-right .history_box ul li{flex-basis:calc((100% - 5px)/2)}
}
/* User-center records: override the legacy float cards with a deterministic
   four-column grid. The old markup and AJAX response remain unchanged. */
.user-content-right .collection_box ul,.user-content-right .history_box ul{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));column-gap:5px;row-gap:14px;align-items:start}
.user-content-right .collection_box ul>li,.user-content-right .history_box ul>li{display:block;box-sizing:border-box;float:none!important;width:auto!important;min-width:0!important;flex:none!important;margin:0!important}
.user-content-right .collection_box .myvideo-box,.user-content-right .history_box .myvideo-box{width:100%!important;min-width:0}
.user-content-right .collection_box .mypicture-img,.user-content-right .history_box .mypicture-img{width:100%!important;height:146px!important;aspect-ratio:auto}
.user-content-right .collection_box .mypicture-img img,.user-content-right .history_box .mypicture-img img{width:100%!important;height:146px!important;min-height:0;object-fit:cover}
.user-content-right .collection_box .collec-myvideo-name{width:calc(100% - 35px)!important;box-sizing:border-box;min-width:0}
.user-content-right .collection_box .edit{width:35px!important;box-sizing:border-box}
.user-content-right .history_box .myvideo-name{width:100%!important;box-sizing:border-box;min-width:0}
.user-content-right .collection_box .empty,.user-content-right .history_box .empty{grid-column:1/-1}
@media (max-width:900px){
  .user-content-right .collection_box ul,.user-content-right .history_box ul{grid-template-columns:repeat(2,minmax(0,1fr))}
}
.rosi-pay-page{width:1180px;box-sizing:border-box;margin:36px auto 48px;padding:0 40px;color:#26392d;font-size:14px;line-height:1.7;font-family:"Microsoft Yahei","PingFang SC",sans-serif}
.rosi-page-heading{padding-bottom:22px;border-bottom:1px solid #d4ded6;margin-bottom:22px}
.rosi-page-heading h1{font-size:32px;color:#174b2d;line-height:1.4;margin:0 0 8px}
.rosi-page-heading p{color:#566157;margin:0;font-size:14px}
#pay-loading{padding:30px 0;text-align:center;color:#425647}
.pay-auth-intro{margin:0 auto 20px;width:620px;color:#425647}
.rosi-pay-page #login_box{position:static;display:block;width:622px;height:auto;min-height:418px;margin:0 auto;box-shadow:none;overflow:hidden;border:1px solid #d4ded6;border-radius:4px}
.rosi-pay-page #login_close{display:none}
.rosi-pay-page #login_box .utips,.rosi-pay-page #login_box .rtips{height:auto;padding-bottom:20px}
.pay-account-line{display:flex;align-items:center;gap:20px;padding:18px 22px;margin-bottom:30px;background:#edf4ee;border:1px solid #d6e3d9;border-radius:8px;font-size:14px}
.pay-account-details{display:flex;align-items:center;flex-wrap:wrap;gap:24px}
.pay-account-details>span{white-space:nowrap}
.pay-account-details .pay-member-status{padding:3px 12px;background:#dcebe0;border-radius:4px;color:#174b2d}
.pay-account-line strong{color:#155f2a;font-variant-numeric:tabular-nums}
.pay-account-line a{margin-left:auto;color:#14652e;text-decoration:underline}
.rosi-pay-page .mypro_title{display:none}
.rosi-pay-page #i-vip{width:auto;border:0;border-radius:0;padding:0;margin:0;background:none}
.rosi-pay-page .mypro_content{width:auto;padding:0;margin:0;background:none}
.rosi-pay-page .mypro_pay_box{width:auto;border:0;border-radius:0;padding:0;margin:0;background:none}
.rosi-pay-page .pay-checkout-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:30px;align-items:start}
.rosi-pay-page fieldset{min-width:0;border:0;margin:0;padding:0}
.rosi-pay-page legend{padding:0;margin:0 0 8px;font-size:19px;font-weight:700;line-height:1.5;color:#26392d}
.rosi-pay-page .pay_box_title{width:auto;height:auto;overflow:visible;background:none;border:0;text-align:left;line-height:1.5}
.rosi-pay-page .pay-section-intro{margin:0 0 18px;color:#566157;font-size:13px}
.rosi-pay-page .uppay_type_kinds{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;width:auto;margin:0;text-align:left;border:0}
.rosi-pay-page .uppay_type_item{width:auto;height:auto;margin:0;padding:0;border:1px solid #b9cebf;border-radius:12px;line-height:1.6;color:#26392d;background:#fff;font-size:14px;text-align:left;overflow:hidden}
.rosi-pay-page .uppay_type_item label{display:flex;flex-direction:column;padding:24px;cursor:pointer;height:100%;box-sizing:border-box}
.rosi-pay-page .uppay_type_item:hover{border-color:#155d3a;background:#f5f9f6}
.rosi-pay-page .uppay_type_item.is-selected{background:#155d3a;border-color:#155d3a;color:#fff}
.rosi-pay-page .pay-plan-top{display:flex;align-items:center;justify-content:space-between;gap:12px}
.rosi-pay-page .pay-plan-name{font-size:18px;font-weight:700;color:#21582f}
.rosi-pay-page .pay-plan-state{display:none;font-size:11px;line-height:1.7;margin-left:auto;padding:1px 7px;border:1px solid #c8e1d2;border-radius:4px;white-space:nowrap;color:#fff}
.rosi-pay-page .is-selected .pay-plan-state{display:inline-block}
.rosi-pay-page .pay-plan-duration{margin-top:2px;font-size:12px;color:#566157}
.rosi-pay-page .pay-plan-price{display:flex;align-items:baseline;gap:3px;margin:18px 0;color:#155f2a}
.rosi-pay-page .pay-plan-price b{font-size:36px;line-height:1.1;font-weight:700;font-variant-numeric:tabular-nums}
.rosi-pay-page .pay-plan-price>span{font-size:14px}
.rosi-pay-page .pay-plan-benefit{font-size:14px;font-weight:600;margin-bottom:5px}
.rosi-pay-page .pay-plan-scope{color:#566157;font-size:12px;min-height:38px}
.rosi-pay-page .pay-plan-limit{font-size:12px;color:#566157;border-top:1px solid #dce6df;padding-top:12px;margin-top:12px}
.rosi-pay-page .uppay_type_item.is-selected .pay-plan-name,.rosi-pay-page .uppay_type_item.is-selected .pay-plan-price,.rosi-pay-page .uppay_type_item.is-selected .pay-plan-benefit{color:#fff}
.rosi-pay-page .uppay_type_item.is-selected .pay-plan-duration,.rosi-pay-page .uppay_type_item.is-selected .pay-plan-scope,.rosi-pay-page .uppay_type_item.is-selected .pay-plan-limit{color:#e2f0e7}
.rosi-pay-page .uppay_type_item.is-selected .pay-plan-limit{border-top-color:#58876c}
.rosi-pay-page .uppay_type_item.is-selected input[type=radio]{accent-color:#fff}
.rosi-pay-page input[type=radio]{accent-color:#00712e;width:18px;height:18px;vertical-align:middle;margin:0;flex-shrink:0;cursor:pointer}
.rosi-pay-page .pay-method-fieldset{margin-top:28px}
.rosi-pay-page .uppay_types_box{display:flex;gap:12px;align-items:center;width:auto;margin:8px 0 0;text-align:left;overflow:visible}
.rosi-pay-page .uppay_types_box_item{color:#26392d;float:none;margin:0;flex:1;min-width:160px;border:1px solid #c9d9ce;border-radius:6px;background:#fff}
.rosi-pay-page .uppay_types_box_item label{display:flex;align-items:center;justify-content:center;gap:10px;padding:14px 18px;cursor:pointer;margin:0;float:none;font-size:15px;font-weight:600}
.rosi-pay-page .uppay_types_box_item:hover{border-color:#538966}
.rosi-pay-page .uppay_types_box_item.is-selected{background:#155d3a;border-color:#155d3a;color:#fff}
.rosi-pay-page .uppay_types_box_item.is-selected input[type=radio]{accent-color:#fff}
.rosi-pay-page .pay-package-notes{margin-top:20px}
.rosi-pay-page [class^=mypro_note_]{width:auto;background:#202423;display:none;padding:16px 20px;margin:0;border:0;border-radius:6px;line-height:1.8}
.rosi-pay-page [class^=mypro_note_] span{display:block;color:#f4f4f0;margin:0 0 6px;font-size:13px;padding:0;text-align:left}
.rosi-pay-page [class^=mypro_note_] b{font-size:16px;color:#f08b89;margin-left:8px}
.rosi-pay-page [class^=mypro_note_] .pay-note-emphasis{color:#f08b89;font-style:normal;font-weight:600}
.rosi-pay-page [class^=mypro_note_] .mytips{color:#e1e3df;font-size:12px;margin-bottom:0}
.rosi-pay-page [class^=mypro_note_] ::selection{background:#59403f;color:#fff}
.rosi-pay-page .pay-order-summary{padding:26px;background:#f5f8f6;border:1px solid #d0dfd5;border-radius:12px}
.rosi-pay-page .pay-order-summary h2{margin:0 0 24px;padding-bottom:18px;border-bottom:1px solid #d0dfd5;font-size:21px;color:#174b2d;line-height:1.4}
.rosi-pay-page .pay-summary-row{margin:0 0 20px}
.rosi-pay-page .pay-summary-row>span{display:block;font-size:12px;color:#566157;margin-bottom:6px}
.rosi-pay-page #pay-selection{font-size:16px;margin:0;font-weight:600;color:#26392d;line-height:1.6}
.rosi-pay-page #pay-method-label{font-size:14px;font-weight:400}
.rosi-pay-page .pay-summary-total{border-top:1px solid #d4ded6;padding-top:22px;margin-top:24px;display:flex;justify-content:space-between;align-items:baseline;gap:12px}
.rosi-pay-page .pay-summary-total>span{color:#566157;font-size:13px}
.rosi-pay-page #pay-amount{font-size:30px;font-weight:700;line-height:1.2;color:#155f2a;font-variant-numeric:tabular-nums}
.rosi-pay-page .paytips{width:auto;margin:12px 0 20px;color:#566157;text-align:left;font-weight:400;font-size:12px;line-height:1.7}
.rosi-pay-page .uppay_button{width:auto;text-align:left;margin:0}
.rosi-pay-page .uppay_button a{display:block;width:auto;height:auto;margin:0;padding:15px 20px;background:#00712e;color:#fff;border-radius:6px;font-size:17px;font-weight:600;line-height:1.5;text-align:center;text-decoration:none}
.rosi-pay-page .uppay_button a:hover{background:#005a24}
.rosi-pay-page .uppay_button a[aria-disabled=true]{background:#5d7364}
.rosi-pay-page .pay-checkout-caption{color:#566157;font-size:12px;margin:12px 0;line-height:1.8}
.rosi-pay-page .pay-help-link{color:#14652e;text-decoration:underline;text-underline-offset:3px;font-size:13px}
.rosi-pay-page .uppay_notice{width:auto;margin:32px 0 0;border-top:1px solid #d4ded6;padding-top:22px;clear:both}
.rosi-pay-page .uppay_notice_tit{font-size:18px;line-height:1.5;color:#26392d;margin:0 0 12px;border:0;position:static}
.rosi-pay-page .uppay_notice_cont{margin:0;width:auto}
.rosi-pay-page .uppay_notice_cont p{margin:0 0 8px;padding:0;color:#525a53;font-size:13px;line-height:1.8}
.rosi-help{width:1180px;box-sizing:border-box;margin:30px auto;padding:0 80px;font-size:16px;line-height:1.9;color:#333}
.rosi-help article{max-width:850px}
.rosi-help h1{font-size:28px;color:#21582f;margin-bottom:16px}
.rosi-help h2{font-size:20px;color:#21582f;margin:32px 0 8px}
.rosi-help p{margin:0 0 14px}
.rosi-help a{color:#14652e;text-decoration:underline}
.rosi-help ul{padding-left:24px;list-style:disc}
.rosi-findpwd .pw-box{box-sizing:border-box;height:auto;padding:24px 28px;background:#f1f6f2;border:1px solid #d3e1d7;border-radius:8px;box-shadow:none}
.rosi-findpwd .pw-tit h1{padding:0 0 12px;font-size:24px;color:#21582f}
.rosi-findpwd .pw-tit p{padding:0;margin:0 0 8px;color:#405548;line-height:1.9}
.rosi-findpwd .pw-tit p b{color:#176239}
.rosi-findpwd .pw-tit p.imp{margin-bottom:0;color:#516557;font-size:13px}
@media(prefers-reduced-motion:reduce){.rosi-pay-page *{animation:none!important;transition:none!important}}