*{margin:0;padding:0;font-size:14px;font-family:"Microsoft Yahei",SimSun,宋体;}
.wrap_all{width:930px;margin:0 auto;position:relative;z-index:1;}
/* 修改背景为浅蓝色，删除星空动画 */
body{background:#e6f0f8;color:#222222;position:relative;overflow-x:hidden;}

::-webkit-scrollbar{width:8px;height:8px;}
::-webkit-scrollbar-track{background:#d0e0f0;}
::-webkit-scrollbar-thumb{background:#6688bb;border-radius:4px;}
::-webkit-scrollbar-thumb:hover{background:#446699;}
body{scrollbar-face-color:#6688bb;scrollbar-track-color:#d0e0f0;scrollbar-width:thin;}

.top_title{font-size:24px;font-weight:bold;color:#cc6600;margin-bottom:12px;padding-bottom:10px;border-bottom:2px solid #b0c4dd;text-align:center;letter-spacing:2px;}
.tip_text{color:#445577;margin-bottom:10px;line-height:1.8;text-align:center;font-size:16px;}

.openBtnBox{margin:0 auto 10px;text-align:center;}
/* 主按钮改为浅蓝渐变立体 */
#openWishBtn{
    background:linear-gradient(#63a8ff,#2078dd);
    border:2px solid #80bbff;
    color:#fff;padding:10px 30px;font-size:16px;cursor:pointer;border-radius:6px;letter-spacing:1px;
    box-shadow:0 4px 0 #104888;
}
#openWishBtn:active{box-shadow:0 1px 0 #104888;transform:translateY(3px);}
#openWishBtn:hover{background:linear-gradient(#70b2ff,#2886ee);box-shadow:0 0 10px #60b0ff88;}

.mask{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.75);z-index:998;}
/* 弹窗加宽 700→820 */
.popBox{display:none;position:fixed;left:50%;top:50%;margin-left:-410px;margin-top:-330px;width:820px;background:#ffffff;border:3px solid #ffbc42;padding:10px;z-index:99999;border-radius:8px;box-shadow:0 0 25px #ffaa0044;transform:translateZ(1px);}
.closePop{position:absolute;right:15px;top:12px;color:#ff3333;font-size:22px;cursor:pointer;}

.form_title{font-size:18px;font-weight:bold;margin-bottom:15px;color:#cc6600;text-align:center;letter-spacing:1px;}
/* 表单容器加宽 */
.item{margin:12px auto;text-align:center;width:620px;display:flex;align-items:center;justify-content:center;gap:10px;}
.item_row{margin:12px auto;text-align:center;width:620px;display:flex;gap:20px;justify-content:center;}
.item_col{flex:1;}
.item label{width:90px;text-align:right;color:#334466;display:inline-block;}
input,select{border:1px solid #a0b4d0;padding:6px 8px;background:#f5f9ff;color:#222;border-radius:3px;font-size:14px;}
.item_col select{width:130px;}
.item select{width:480px;}
/* 文本框区域加宽 */
.textarea_wrap{width:500px;text-align:left;position:relative;}
.emoji_box{width:500px;text-align:left;margin-bottom:6px;position:relative;}
textarea{border:1px solid #a0b4d0;padding:8px;width:500px;height:100px;maxlength="200";background:#f5f9ff;color:#222;border-radius:3px;resize:none;line-height:1.6;}
/* 弹窗提交按钮统一浅蓝立体 */
.btn{
    background:linear-gradient(#63a8ff,#2078dd);
    color:#fff;border:none;padding:8px 26px;cursor:pointer;border-radius:4px;
    box-shadow:0 3px 0 #104888;font-size:15px;
}
.btn:active{box-shadow:0 1px 0 #104888;transform:translateY(2px);}
.btn:hover{background:linear-gradient(#70b2ff,#2886ee);box-shadow:0 0 8px #60b0ff66;}

/* 预览卡片同步加宽 */
.preview_box{
    margin:15px auto 0;width:580px;padding:12px;border-radius:8px;border:1px solid;box-sizing:border-box;
    /* 强制硬件预渲染，脱离display重绘BUG */
    backface-visibility: hidden;
    transform: translateZ(0.01px);
    will-change: transform;
    /* 预占位，防止高度塌陷空白 */
    min-height:140px;
}
.preview_tit{text-align:center;margin-bottom:8px;color:#cc6600;}
.pre_line{margin:6px 0;line-height:1.5;color:#222;}
.pre_name{font-weight:bold;}
.pre_time{font-size:14px;opacity:0.85;float:right;}
.pre_img{height:18px;vertical-align:middle;margin-right:6px;}

.list_title{font-size:18px;font-weight:bold;margin-bottom:8px;color:#cc6600;letter-spacing:1px; text-align:center;}
.list_count_tip{display:inline-block;margin-right:20px;color:#445577;}
.wrap_list{overflow:hidden;width:930px;margin:0 auto;padding-left:10px;}

.card_item{
    width:440px;float:left;padding:14px;margin:0 14px 22px 0;box-sizing:border-box;border-radius:8px;border:1px solid; 
    position:relative;height:210px;overflow:hidden;
    box-shadow:0 8px 0 rgba(0,0,0,0.2),0 12px 18px rgba(0,0,0,0.1),inset 0 1px 0 rgba(255,255,255,0.4);
    -webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-ms-transition:all 0.3s ease;-o-transition:all 0.3s ease;transition:all 0.3s ease;
}

.card_complete{
    position:absolute;
    top:0;
    right:0;
    width:120px;
    height:120px;
    overflow:hidden;
    z-index: 99; /* 拉高层级，盖在文字前面 */
}
.card_complete span{
    position:absolute;
    top:28px;
    right:-28px;
    width:160px;
    background:linear-gradient(#ff9900,#ff3333);
    color:#fff;
    text-align:center;
    font-size:14px;
    font-weight:bold;
    padding:4px 0;
    transform:rotate(45deg);
    box-shadow:0 0 8px #ff772288;
    letter-spacing:1px;
}
.card_item:hover{
    -webkit-transform:translateY(-4px);-moz-transform:translateY(-4px);-ms-transform:translateY(-4px);-o-transform:translateY(-4px);transform:translateY(-4px);
    box-shadow:0 12px 0 rgba(0,0,0,0.2),0 16px 22px rgba(0,0,0,0.15),inset 0 1px 0 rgba(255,255,255,0.5);
}
.clear{clear:both;height:1px;overflow:hidden;}

.card_line{margin:10px 0;line-height:1.6;color:#222;}
.card_name{font-weight:bold;}
.card_time{font-size:14px;opacity:0.85;}
.card_goods_img{height:35px;vertical-align:middle;margin-right:6px;}
.emo_img{height:20px;vertical-align:middle;margin:0 2px;}

.card_blue, .preview_blue{
    background:-webkit-linear-gradient(top,#6098d8,#d0e0f8);background:-moz-linear-gradient(top,#6098d8,#d0e0f8);background:-ms-linear-gradient(top,#6098d8,#d0e0f8);background:-o-linear-gradient(top,#6098d8,#d0e0f8);background:linear-gradient(to bottom,#6098d8,#d0e0f8);
    border-color:#0088ee;
}
.card_blue .card_name, .preview_blue .pre_name{color:#003377;}

.card_o1range, .preview_o1range{
    background:-webkit-linear-gradient(top,#ffb060,#ffe8d0);background:-moz-linear-gradient(top,#ffb060,#ffe8d0);background:-ms-linear-gradient(top,#ffb060,#ffe8d0);background:-o-linear-gradient(top,#ffb060,#ffe8d0);background:linear-gradient(to bottom,#ffb060,#ffe8d0);
    border-color:#ff8822;
}
.card_o1range .card_name, .preview_o1range .pre_name{color:#773300;}

.card_green, .preview_green{
    background:-webkit-linear-gradient(top,#40b088,#d0f2e4);background:-moz-linear-gradient(top,#40b088,#d0f2e4);background:-ms-linear-gradient(top,#40b088,#d0f2e4);background:-o-linear-gradient(top,#40b088,#d0f2e4);background:linear-gradient(to bottom,#40b088,#d0f2e4);
    border-color:#00cc77;
}
.card_green .card_name, .preview_green .pre_name{color:#006633;}

.card_pink, .preview_pink{
    background:-webkit-linear-gradient(top,#f078a8,#ffe0ec);background:-moz-linear-gradient(top,#f078a8,#ffe0ec);background:-ms-linear-gradient(top,#f078a8,#ffe0ec);background:-o-linear-gradient(top,#f078a8,#ffe0ec);background:linear-gradient(to bottom,#f078a8,#ffe0ec);
    border-color:#ee5599;
}
.card_pink .card_name, .preview_pink .pre_name{color:#771144;}


.card_purple, .preview_purple{
    background:-webkit-linear-gradient(top,#9070dd,#e8e0ff);background:-moz-linear-gradient(top,#9070dd,#e8e0ff);background:-ms-linear-gradient(top,#9070dd,#e8e0ff);background:-o-linear-gradient(top,#9070dd,#e8e0ff);background:linear-gradient(to bottom,#9070dd,#e8e0ff);
    border-color:#8866ff;
}
.card_purple .card_name, .preview_purple .pre_name{color:#331177;}

.card_blackgold, .preview_blackgold{
    background:-webkit-linear-gradient(top,#555555,#dddddd);background:-moz-linear-gradient(top,#555555,#dddddd);background:-ms-linear-gradient(top,#555555,#dddddd);background:-o-linear-gradient(top,#555555,#dddddd);background:linear-gradient(to bottom,#555555,#dddddd);
    border-color:#ffcc00;color:#111;
}
.card_blackgold .card_name, .preview_blackgold .pre_name{color:#cc7700;}
/* ⑦琉璃青霜 */
.card_cyan, .preview_cyan{
    background:-webkit-linear-gradient(top,#28c8d8,#e0f8fa);background:-moz-linear-gradient(top,#28c8d8,#e0f8fa);background:-ms-linear-gradient(top,#28c8d8,#e0f8fa);background:-o-linear-gradient(top,#28c8d8,#e0f8fa);background:linear-gradient(to bottom,#28c8d8,#e0f8fa);
    border-color:#00b8cc;
}
.card_cyan .card_name, .preview_cyan .pre_name{color:#005560;}

/* ⑧赤焰朱砂 */
.card_crimson, .preview_crimson{
    background:-webkit-linear-gradient(top,#e84848,#ffe6e6);background:-moz-linear-gradient(top,#e84848,#ffe6e6);background:-ms-linear-gradient(top,#e84848,#ffe6e6);background:-o-linear-gradient(top,#e84848,#ffe6e6);background:linear-gradient(to bottom,#e84848,#ffe6e6);
    border-color:#d02222;
}
.card_crimson .card_name, .preview_crimson .pre_name{color:#770000;}

/* ⑨素银云纱 */
.card_silver, .preview_silver{
    background:-webkit-linear-gradient(top,#b8c8d8,#f0f5fa);background:-moz-linear-gradient(top,#b8c8d8,#f0f5fa);background:-ms-linear-gradient(top,#b8c8d8,#f0f5fa);background:-o-linear-gradient(top,#b8c8d8,#f0f5fa);background:linear-gradient(to bottom,#b8c8d8,#f0f5fa);
    border-color:#8899aa;
}
.card_silver .card_name, .preview_silver .pre_name{color:#334455;}

/* ⑩琥珀鎏霞 */
.card_amber, .preview_amber{
    background:-webkit-linear-gradient(top,#e69030,#fff2e0);background:-moz-linear-gradient(top,#e69030,#fff2e0);background:-ms-linear-gradient(top,#e69030,#fff2e0);background:-o-linear-gradient(top,#e69030,#fff2e0);background:linear-gradient(to bottom,#e69030,#fff2e0);
    border-color:#dd7700;
}
.card_amber .card_name, .preview_amber .pre_name{color:#663300;}

/* 翠玉凝光 */
.card_jade, .preview_jade{
    background:-webkit-linear-gradient(top,#38b890,#e4f8f0);background:-moz-linear-gradient(top,#38b890,#e4f8f0);background:-ms-linear-gradient(top,#38b890,#e4f8f0);background:-o-linear-gradient(top,#38b890,#e4f8f0);background:linear-gradient(to bottom,#38b890,#e4f8f0);
    border-color:#00aa77;
}
.card_jade .card_name, .preview_jade .pre_name{color:#005030;}

/* 星夜玄紫 */
.card_idnight, .preview_idnight{
    background:-webkit-linear-gradient(top,#302860,#e0ddf2);background:-moz-linear-gradient(top,#302860,#e0ddf2);background:-ms-linear-gradient(top,#302860,#e0ddf2);background:-o-linear-gradient(top,#302860,#e0ddf2);background:linear-gradient(to bottom,#302860,#e0ddf2);
    border-color:#5544aa;color:#fff;
}
.card_idnight .card_name, .preview_idnight .pre_name{color:#ffdd66;}
.page_box{margin:10px auto;text-align:center;}
.page_box a{display:inline-block;border:1px solid #a0b4d0;padding:5px 8px;margin:0 4px;text-decoration:none;color:#222;background:#f5f9ff;border-radius:3px;box-shadow:0 2px 0 #b0c4dd;}
.page_box a.active{background:#0066cc;color:#fff;border-color:#0088ff;box-shadow:0 2px 0 #003366;}
.page_box a:hover{background:#e0ecff;}
.page_box span{display:inline-block;padding:5px 8px;color:#445577;}

/* 表情面板修复滚动遮挡，z-index最高 */
.emoji_float_wrap{position:absolute;left:50%;top:auto;bottom:-160px;margin-left:-180px;width:520px;background:#f5f9ff;border:1px solid #a0b4d0;padding:8px;display:none;z-index:9999;border-radius:4px;max-height:280px;overflow-y:auto;}
.emoji_float_item{display:inline-block;width:32px;height:32px;margin:2px;cursor:pointer;border:1px solid transparent;}
.emoji_float_item:hover{border-color:#0077dd;background:#e0ecff;}
.emoji_float_item img{width:30px;height:30px;display:block;}
/* 删除按钮 */
.del_wish_btn{
    position:absolute;
    right:10px;
    bottom:10px;
    background:#ff4444;
    color:#fff;
    border:none;
    padding:4px 10px;
    border-radius:4px;
    cursor:pointer;
    font-size:12px;
    display:none;
}
.del_wish_btn:hover{
    background:#dd2222;
}
.card_mine .del_wish_btn{
    display:block;
}