/* @theme-name: WAIMAI */
/* @theme-author: 手机用户mwx33nyquauxk2zhpl7a9jczw */
/* @theme-time: 2026-10-24T12:34:38.380Z */
/* ===== 潮牌贴纸风 · 大学生外卖调研封面 ===== */
:root {
  --ai-base-primary:#ff6b1a;        /* 主题橙 */
  --ai-base-text:#1b2a6b;           /* 深蓝文字 */
  --ai-base-muted:#3a4a9f;
  --ai-base-border:#1b2a6b;
  --ai-base-light-border:#1b2a6b;
  --ai-base-error:#ff4040;
  --sticker-stroke:#1b2a6b;         /* 贴纸描边深蓝 */
}

/* ---------- 1. 橙蓝撞色底 + 涂鸦底纹 ---------- */
body {
  background:
    radial-gradient(circle at 85% 8%, rgba(27,42,107,.28) 0 90px, transparent 91px),
    radial-gradient(circle at 8% 22%, rgba(255,255,255,.35) 0 70px, transparent 71px),
    repeating-linear-gradient(45deg, rgba(255,255,255,.06) 0 14px, transparent 14px 28px),
    linear-gradient(160deg, #ff7a1f 0%, #ff5e13 45%, #ff8f3f 100%) !important;
  background-attachment:fixed !important;
  min-height:100vh;
}
/* 蓝色撕纸色块（页面右上/左下） */
body::before {
  content:"";
  position:fixed; top:0; left:0; right:0; height:0; z-index:0;
  border-top:160px solid #1b2a6b;
  border-right:60vw solid transparent;
  pointer-events:none;
}
body::after {
  content:"";
  position:fixed; bottom:0; left:0; right:0; height:0; z-index:0;
  border-bottom:130px solid #ffc93c;
  border-left:45vw solid transparent;
  pointer-events:none;
}
#pageDiv { position:relative; z-index:1; }

/* ---------- 2. 顶部大字标题：潮牌外卖 ---------- */
#toptitle { margin-top:56px !important; }
#toptitle .htitle {
  font-size:15px !important; line-height:1.4; color:#ffc93c !important;
  letter-spacing:6px; font-weight:700;
}
#toptitle .htitle::after {
  content:"潮牌外卖";
  display:block;
  font-size:56px; line-height:1.15; letter-spacing:4px;
  font-weight:900; font-style:italic;
  color:#fff;
  text-shadow:
    4px 4px 0 #1b2a6b,
    -2px -2px 0 #1b2a6b, 2px -2px 0 #1b2a6b, -2px 2px 0 #1b2a6b, 2px 2px 0 #1b2a6b,
    8px 9px 0 rgba(27,42,107,.35);
  transform:rotate(-3deg);
}
/* 副标题：当代大学生干饭选择调研（白描贴纸条） */
#divDesc {
  margin:18px auto 8px; max-width:340px;
  padding:12px 18px;
  background:#fff;
  color:var(--sticker-stroke) !important;
  font-size:17px !important; font-weight:800; letter-spacing:2px;
  text-align:center;
  border:3px solid var(--sticker-stroke);
  border-radius:8px;
  box-shadow:5px 6px 0 rgba(27,42,107,.8);
  transform:rotate(-1.5deg);
}
#divDesc::before {
  content:"🏷️ 当代大学生干饭选择调研 🏷️";
}

/* ---------- 3. 做旧胶带贴条 ---------- */
#divDesc::after {
  content:"";
  position:absolute; top:-14px; left:50%;
  width:110px; height:28px; margin-left:-55px;
  background:repeating-linear-gradient(90deg, rgba(255,201,60,.85) 0 6px, rgba(245,190,50,.85) 6px 12px);
  transform:rotate(-4deg);
  box-shadow:0 2px 4px rgba(0,0,0,.15);
  clip-path:polygon(2% 0, 100% 4%, 98% 100%, 0 92%);
}

/* ---------- 4. 食物贴纸装饰（白色粗轮廓贴纸效果） ---------- */
#toptitle::before,
#toptitle::after,
#divQuestion::before,
#divQuestion::after,
#ctlNext::before {
  position:fixed; z-index:2; pointer-events:none;
  font-size:44px; line-height:1; text-align:center;
  background:#fff;
  border:4px solid var(--sticker-stroke);
  border-radius:14px;
  width:74px; height:74px;
  box-shadow:5px 6px 0 rgba(27,42,107,.75);
  filter:drop-shadow(2px 3px 3px rgba(0,0,0,.2));
}
/* 炸鸡便当 */
#toptitle::before  { content:"🍗"; top:190px; left:16px;  transform:rotate(-12deg); }
/* 汉堡 */
#toptitle::after   { content:"🍔"; top:250px; right:18px; transform:rotate(9deg); }
/* 柠檬冰饮 */
#divQuestion::before { content:"🧋"; bottom:230px; left:12px; transform:rotate(8deg); }
/* 外卖红包优惠券 */
#divQuestion::after  { content:"🎟️"; bottom:300px; right:14px; transform:rotate(-10deg); }
#ctlNext::before     { content:"🥡"; bottom:190px; left:calc(50% - 190px); transform:rotate(-6deg); display:none; }

/* ---------- 5. 上传题卡片：撕纸便利贴风 ---------- */
div.field {
  margin:14px auto !important; max-width:420px;
  padding:22px 18px 26px !important;
  background:#fffef5;
  border:none;
  box-shadow:0 10px 24px rgba(27,42,107,.35);
  clip-path:polygon(0 2%, 3% 0, 97% 1%, 100% 4%, 99% 97%, 96% 100%, 4% 99%, 0 96%);
}
div.field:nth-child(odd)  { transform:rotate(-.8deg); }
div.field:nth-child(even) { transform:rotate(.9deg); }
/* 便利贴顶部胶带 */
div.field::before {
  content:"";
  position:absolute; top:-12px; left:50%; margin-left:-46px;
  width:92px; height:24px;
  background:rgba(88,164,255,.75);
  transform:rotate(-3deg);
  box-shadow:0 2px 3px rgba(0,0,0,.12);
  clip-path:polygon(3% 0, 100% 6%, 97% 100%, 0 94%);
  z-index:2;
}
/* 题目文字 */
.field-label, .topichtml {
  color:var(--sticker-stroke) !important;
  font-size:16px !important; font-weight:800; letter-spacing:1px;
}
.field-label::before { content:"✍️ "; }

/* ---------- 6. 底部黄色醒目按钮：填了有惊喜 ---------- */
#ctlNext {
  margin:24px auto 14px !important; max-width:420px; width:calc(100% - 48px);
  padding:16px 0;
  background:#ffc93c !important;
  color:#1b2a6b !important;
  font-size:22px !important; font-weight:900; letter-spacing:3px;
  border:4px solid var(--sticker-stroke) !important;
  border-radius:50px !important;
  box-shadow:0 8px 0 #1b2a6b, 0 12px 18px rgba(0,0,0,.25);
  transform:rotate(-1deg);
  transition:transform .12s;
}
#ctlNext:active { transform:rotate(-1deg) translateY(4px); box-shadow:0 4px 0 #1b2a6b; }
.submitbtn { background:#ffc93c !important; color:#1b2a6b !important; }

/* 底部小字：匿名填写 约2分钟 干饭人集合 */
#reportfooter, .logofooter { background:transparent !important; }
#reportfooter::before, .logofooter::before {
  content:"🚀 匿名填写 · 约2分钟 · 干饭人集合 🚀";
  display:block;
  margin:6px auto 2px;
  color:#1b2a6b !important;
  font-size:13px; font-weight:700; letter-spacing:2px; text-align:center;
}
.wjfooter, #spanPower, .policyLink, .reportto { color:#3a4a9f !important; }

/* ---------- 7. 移动端适配 ---------- */
@media (max-width:480px) {
  #toptitle .htitle::after { font-size:44px; }
  #toptitle::before { font-size:34px; width:58px; height:58px; top:170px; }
  #toptitle::after  { font-size:34px; width:58px; height:58px; top:225px; }
  #divQuestion::before, #divQuestion::after { font-size:34px; width:58px; height:58px; }
  div.field { max-width:100%; }
  #ctlNext { font-size:19px; }
}

/* @wjx-ai-control-fix:start */
.ui-controlgroup .ui-radio.checked .jqchecked:before {
    content: "" !important;
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    width: 8px !important;
    height: 8px !important;
    margin: -4px 0 0 -4px !important;
    border: 0 !important;
    border-radius: 50% !important;
    background: #fff !important;
    box-shadow: none !important;
    animation: none !important;
    transform: none !important;
    pointer-events: none !important;
}
.ui-controlgroup .ui-radio.checked .jqchecked:after {
    display: none !important;
    content: none !important;
}
.ui-controlgroup .ui-checkbox.checked .jqchecked:after {
    top: 50% !important;
    left: 50% !important;
    width: 5px !important;
    height: 10px !important;
    margin: -6px 0 0 -3px !important;
    transform: rotate(45deg) scale(1) !important;
    transform-origin: center center !important;
}
/* @wjx-ai-control-fix:end */