@import url("/statics/ffsm/ziwei/modern/ziwei.css");
@import url("/statics/ffsm/shared/modern/rich-content.css");

.xydd-page .hero{grid-template-columns:1.2fr 1fr}
.xydd-page .hero-stats{margin-top:22px;display:inline-block}
.lantern-hero{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;max-width:300px;margin:auto;padding:8px}
.lantern-hero span{display:grid;place-items:center;border:1px solid #dfd4c1;border-radius:10px;background:#fffdf966;padding:12px 6px;box-shadow:4px 5px 0 -2px #eee5d5;animation:xydd-float 4s ease-in-out infinite}
.lantern-hero span:nth-child(2n){animation-delay:.6s}
.lantern-hero span:nth-child(3n){animation-delay:1.2s}
.lantern-hero img{width:36px;height:36px;object-fit:contain}
@keyframes xydd-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}
.xydd-page .page-tabs{display:flex;gap:12px;flex-wrap:wrap;margin:8px 0 32px;padding:6px;border:1px solid #ebe3d7;border-radius:14px;background:#fffdf9}
.xydd-page .page-tabs button{border:0;border-radius:10px;background:transparent;color:#7f715d;padding:12px 22px;font-size:14px;font-weight:600;cursor:pointer;transition:background .15s,color .15s,box-shadow .15s}
.xydd-page .page-tabs button.active{color:#9c4438;background:#f8f0e8;box-shadow:inset 0 0 0 1px #dcc7b0}
.xydd-page .page-tabs button:hover:not(.active){background:#f5f1ea;color:#5f5345}
.tab-panel{display:none}
.tab-panel.active{display:block}
.xydd-page .featured-lantern{display:grid;grid-template-columns:132px minmax(0,1fr);gap:28px;align-items:center;border:1px solid #e3dbcf;border-radius:18px;background:linear-gradient(135deg,#fffdf9 0%,#faf5ef 100%);padding:28px 30px;margin-bottom:28px;box-shadow:0 12px 36px #7663480a;position:relative;overflow:hidden}
.xydd-page .featured-lantern:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#c9a88a,#9c4438,#c9a88a)}
.xydd-page .featured-lantern img{width:112px;height:112px;object-fit:contain;filter:drop-shadow(0 8px 16px #9c443822)}
.xydd-page .featured-lantern h3{font:22px/1.4 SimSun,serif;margin:0 0 10px;color:#5f5345}
.xydd-page .featured-lantern p{font-size:13px;line-height:1.9;color:#877a6a;margin:0 0 18px;max-width:52em}
.xydd-page .featured-lantern a,.xydd-page .lantern-card a{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:50px;padding:0 28px;border-radius:10px;background:#9c4438;color:#fffdf9;font-size:15px;font-weight:600;letter-spacing:.5px;transition:background .15s,transform .15s,box-shadow .15s;box-shadow:0 4px 14px #9c443833}
.xydd-page .featured-lantern a:hover,.xydd-page .lantern-card a:hover{background:#853a30;transform:translateY(-1px);box-shadow:0 6px 18px #9c443844}
.xydd-page .featured-lantern a:after,.xydd-page .lantern-card a:after{content:"→";font-size:16px;line-height:1}
.xydd-page .featured-lantern a{min-height:52px;padding:0 32px;font-size:16px}
.xydd-page .lantern-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-bottom:42px}
.xydd-page .lantern-card{display:flex;flex-direction:column;align-items:center;border:1px solid #e3dbcf;border-radius:16px;background:#fffdf9;padding:22px 18px 18px;text-align:center;transition:border-color .15s,box-shadow .15s,transform .15s}
.xydd-page .lantern-card:hover{border-color:#dcc7b0;box-shadow:0 10px 28px #7663480f;transform:translateY(-2px)}
.xydd-page .lantern-card img{width:64px;height:64px;object-fit:contain;margin-bottom:14px}
.xydd-page .lantern-card h3{font-size:15px;margin:0 0 6px;color:#5f5345;font-weight:600}
.xydd-page .lantern-card p{font-size:12px;line-height:1.7;color:#958a7b;margin:0 0 16px;flex:1}
.xydd-page .lantern-card a{width:100%;min-height:48px;padding:0 16px;font-size:14px;border-radius:9px;margin-top:auto}
.xydd-page .lantern-card a:after{font-size:14px}
.square-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}
.square-head h2{font:24px/1.5 SimSun,serif;margin:0;color:#4f463b}
.xydd-page .square-tabs{display:flex;gap:10px;flex-wrap:wrap}
.xydd-page .square-tabs button{border:1px solid #e0d8cb;border-radius:999px;background:#fffdf9;color:#817360;padding:10px 16px;font-size:13px;cursor:pointer;transition:background .15s,border-color .15s,color .15s}
.xydd-page .square-tabs button.active{color:#9c4438;border-color:#c9a88a;background:#f8f0e8;font-weight:600}
.wish-list{display:grid;gap:16px;margin-bottom:20px}
.wish-card{display:grid;grid-template-columns:76px minmax(0,1fr);gap:18px;border:1px solid #e3dbcf;border-radius:16px;background:#fffdf9;padding:20px 22px;transition:box-shadow .15s,border-color .15s}
.wish-card:hover{box-shadow:0 8px 24px #7663480a;border-color:#dcc7b0}
.wish-card img{width:68px;height:68px;object-fit:contain}
.wish-card h3{font-size:15px;margin:0 0 8px;color:#5f5345}
.wish-card .wish-text{font-size:13px;line-height:1.9;color:#877a6a;margin:0 0 14px}
.wish-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.wish-meta span{font-size:12px;color:#958a7b}
.wish-meta b{color:#9c4438;font-size:14px}
.xydd-page .wtqf_ck{min-height:44px;padding:0 20px;border:1px solid #dcc7b0;border-radius:9px;background:#9c4438;color:#fffdf9;font-size:13px;font-weight:600;cursor:pointer;transition:background .15s,transform .15s}
.xydd-page .wtqf_ck:hover{background:#853a30;transform:translateY(-1px)}
.xydd-page .load-more{display:block;width:100%;min-height:48px;margin:0 auto 42px;border:1px solid #d6c9b8;border-radius:10px;background:#f4eee4;color:#75624b;padding:0 20px;font-size:14px;font-weight:600;cursor:pointer;transition:background .15s,border-color .15s}
.xydd-page .load-more:hover{background:#ebe3d4;border-color:#c9baa8}
.order-list{display:grid;gap:18px;margin-bottom:42px}
.order-card{border:1px solid #e3dbcf;border-radius:16px;background:#fffdf9;padding:22px 24px;transition:box-shadow .15s}
.order-card:hover{box-shadow:0 8px 24px #7663480a}
.order-card .order-no{font-size:11px;color:#958a7b;margin-bottom:14px}
.order-card .order-body{display:grid;grid-template-columns:76px minmax(0,1fr);gap:18px}
.order-card img{width:68px;height:68px;object-fit:contain}
.order-card p{font-size:13px;line-height:1.8;color:#726451;margin:0 0 6px}
.order-card .wish-content{margin-top:10px;padding:12px 14px;border-radius:10px;background:#f5f1e9;color:#877a6a;font-size:13px;line-height:1.8}
.order-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}
.xydd-page .order-actions a,.xydd-page .order-actions button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 20px;border-radius:9px;background:#9c4438;color:#fffdf9;font-size:13px;font-weight:600;border:0;cursor:pointer;transition:background .15s}
.xydd-page .order-actions a:hover,.xydd-page .order-actions button:hover{background:#853a30}
.xydd-page .order-actions .ghost{background:#f4eee4;color:#75624b;border:1px solid #d6c9b8}
.xydd-page .order-actions .ghost:hover{background:#ebe3d4}
.stats-pill{font-size:13px;color:#7f715d;background:#f5f1e9;border:1px solid #e8dfd1;border-radius:999px;padding:10px 16px;white-space:nowrap}
.stats-pill b{color:#9c4438;font-size:16px}
.xydd-page .cta-strip a{min-height:48px;padding:14px 24px;font-size:15px;font-weight:600}
.xydd-order-page .lantern-preview{text-align:center;padding:24px 0 8px}
.xydd-order-page .lantern-preview img{width:120px;height:120px;object-fit:contain}
.xydd-order-page .lantern-preview h2{font:24px/1.5 SimSun,serif;margin:12px 0 6px;color:#5f5345}
.xydd-order-page .lantern-preview p{font-size:12px;color:#958a7b;margin:0}
.xydd-order-page textarea{width:100%;min-height:120px;border:1px solid #e0d8cb;border-radius:7px;background:#fffdf9;color:#3f382e;padding:12px;font-size:13px;line-height:1.8;resize:vertical}
.xydd-order-page textarea::placeholder{color:#aaa093}
.xydd-order-page .visibility-field{margin:0;padding:19px 0 0;border:0;min-width:0}
.xydd-order-page .visibility-field legend{display:block;width:100%;float:none;font-size:13px;color:#695f52;margin:0 0 12px;padding:0;line-height:1.5}
.xydd-order-page .visibility-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.xydd-order-page .visibility-option{position:relative;display:block;min-width:0;cursor:pointer;margin:0}
.xydd-order-page .visibility-option input{position:absolute;inset:0;opacity:0;margin:0;cursor:pointer}
.xydd-order-page .visibility-option span{display:flex;flex-direction:column;justify-content:center;gap:5px;min-height:76px;padding:14px 16px;border:1px solid #e0d8cb;border-radius:10px;background:#fffdf9;transition:border-color .15s,background .15s,box-shadow .15s}
.xydd-order-page .visibility-option span strong{font-size:14px;font-weight:600;color:#5f5345;line-height:1.4}
.xydd-order-page .visibility-option span small{font-size:11px;line-height:1.65;color:#958a7b}
.xydd-order-page .visibility-option input:checked+span{border-color:#9c4438;background:#faf5ef;box-shadow:0 0 0 1px #9c4438 inset}
.xydd-order-page .visibility-option input:checked+span strong{color:#9c4438}
.xydd-order-page .visibility-option input:focus-visible+span{outline:3px solid #b38b64;outline-offset:2px}
.xydd-order-page .visibility-field .field-hint{margin:12px 0 0;font-size:10px;line-height:1.8;color:#9a8d7c}
.lantern-detail{margin:42px 0;border:1px solid #e3dbcf;border-radius:16px;background:#fffdf9;padding:28px 30px}
.lantern-detail h3{font-size:16px;margin:0 0 10px;color:#5f5345}
.lantern-detail p,.lantern-detail li{font-size:12px;line-height:1.9;color:#877a6a}
.lantern-detail .order-middle>div{margin-bottom:22px;padding-bottom:18px;border-bottom:1px solid #efe8dc}
.lantern-detail .order-middle>div:last-child{border-bottom:0;margin-bottom:0;padding-bottom:0}
.comment-panel{border:1px solid #e3dbcf;border-radius:16px;background:#fffdf9;padding:24px;margin-bottom:42px;overflow:hidden}
.comment-panel h3{font-size:16px;margin:0 0 16px;color:#5f5345;text-align:center}
.comment-list{margin:0;padding:0;list-style:none}
.comment-list li{padding:14px 0;border-bottom:1px solid #efe8dc}
.comment-list li:last-child{border-bottom:0}
.comment-list .user{font-size:11px;color:#958a7b;margin:0 0 6px}
.comment-list .detail{font-size:12px;line-height:1.8;color:#726451;margin:0}
.loading-overlay{position:fixed;inset:0;display:none;align-items:center;justify-content:center;background:#30271dcc;z-index:9999;padding:24px}
.loading-overlay.is-active{display:flex}
.loading-card{width:min(320px,calc(100% - 32px));border-radius:16px;background:#fffdf9;padding:28px 24px;text-align:center;border:1px solid #e3dbcf}
.loading-spinner{width:52px;height:52px;border:3px solid #e8dfd1;border-top-color:#9c4438;border-radius:50%;margin:0 auto 18px;animation:xydd-spin .9s linear infinite}
.loading-card p{font-size:13px;color:#726451;line-height:1.8;margin:0}
@keyframes xydd-spin{to{transform:rotate(360deg)}}
.shop-common-tip-layer{position:fixed;z-index:100010;top:50%;left:50%;transform:translate(-50%,-50%);width:min(320px,calc(100vw - 48px));min-height:56px;pointer-events:none}
.shop-common-tip-layer .back{position:absolute;inset:0;background:#30271dcc;border-radius:12px;box-shadow:0 12px 40px #30271d40}
.shop-common-tip-layer .front{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;min-height:56px;padding:14px 18px;text-align:center}
.shop-common-tip-layer .front span{color:#fffdf9;font-size:14px;line-height:1.7}
.xydd-page .wtqf_ck:disabled{opacity:.65;cursor:wait;transform:none}
.xydd-page .wtqf_ck[data-blessed="1"]{background:#f4eee4;color:#75624b;border-color:#d6c9b8;box-shadow:none}
.xydd-page .wtqf_ck[data-blessed="1"]:hover{background:#ebe3d4;transform:none}
.xydd-page #mshare_bt,.xydd-order-page #mshare_bt{display:none}
.xydd-page .footer_severs,.xydd-page .public_footer_servers,.xydd-order-page .footer_severs,.xydd-order-page .public_footer_servers{display:none}
@media(max-width:760px){.xydd-page .lantern-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.xydd-page .featured-lantern{grid-template-columns:1fr;text-align:center;padding:24px 20px}.xydd-page .featured-lantern img{margin:0 auto}.xydd-page .featured-lantern a{width:100%;max-width:320px}.wish-card,.order-card .order-body{grid-template-columns:1fr}.wish-card img,.order-card img{margin:0 auto}.square-head{flex-direction:column;align-items:flex-start}.lantern-hero{grid-template-columns:repeat(4,minmax(0,1fr))}.xydd-page .page-tabs button{flex:1;min-width:calc(33.33% - 8px);padding:11px 12px;font-size:13px}.xydd-order-page .visibility-options{grid-template-columns:1fr}}
@media(max-width:400px){.xydd-page .lantern-grid{grid-template-columns:1fr}.xydd-page .page-tabs{gap:8px;padding:5px}.xydd-page .page-tabs button,.xydd-page .square-tabs button{font-size:12px;padding:10px 12px}.xydd-order-page .visibility-option span{min-height:68px;padding:12px 14px}}