/* Qdooooo AI approved public visual system.
   styles.css keeps legacy/admin primitives; this file owns all public pages. */
.qdo-site {
  --qdo-ink:#171821;
  --qdo-muted:#757585;
  --qdo-paper:#f8f8fc;
  --qdo-surface:#ffffff;
  --qdo-line:#dde0ec;
  --qdo-blue:#5b6df3;
  --qdo-blue-dark:#344fd9;
  --qdo-soft:#eff1ff;
  background:var(--qdo-paper);
  color:var(--qdo-ink);
  font-family:Arial,"Microsoft YaHei",sans-serif;
}
.qdo-site .shell { max-width:1180px; margin:0 auto; }
.qdo-site a { text-decoration:none; }
.qdo-site .site-nav { position:absolute; inset:0 0 auto; z-index:50; height:74px; border:0; background:transparent; }
.qdo-site .nav-inner { min-height:74px; padding:0 26px; display:grid; grid-template-columns:1fr auto 1fr; align-items:center; }
.qdo-site .brand { display:inline-flex; align-items:center; gap:9px; color:var(--qdo-ink); font-size:18px; font-weight:800; }
.qdo-site .brand img { width:16px; height:auto; }
.qdo-site .nav-links { display:flex; align-items:center; justify-content:center; gap:27px; }
.qdo-site .nav-links a { color:var(--qdo-ink); font-weight:700; font-size:14px; }
.qdo-site .nav-links a:hover,.qdo-site .nav-links a[aria-current="page"] { color:var(--qdo-blue-dark); }
.qdo-site .nav-links small { display:inline-block; margin-left:4px; padding:2px 6px; border:1px solid #d5d6df; border-radius:999px; color:#676878; font-size:10px; font-weight:500; }
.qdo-site .nav-redeem { justify-self:end; padding:10px 18px; border-radius:999px; background:#191a23; color:#fff; font-size:13px; font-weight:800; transition:transform .2s ease,box-shadow .2s ease; }
.qdo-site .nav-redeem:hover { transform:translateY(-2px); box-shadow:0 9px 22px rgba(23,24,33,.2); }

/* Home hero */
.qdo-site .hero { position:relative; min-height:736px; overflow:hidden; background:#faf9ff; }
.qdo-site .hero::after { content:""; position:absolute; inset:0; pointer-events:none; background:linear-gradient(90deg,rgba(250,249,255,.98) 0%,rgba(250,249,255,.88) 34%,rgba(250,249,255,.13) 59%,rgba(250,249,255,0) 100%); }
.qdo-site .hero-video { position:absolute; top:0; right:0; width:69%; height:100%; object-fit:cover; object-position:center; filter:saturate(1.06) contrast(1.02); }
.qdo-site .hero-copy { position:relative; z-index:1; padding:164px 26px 0; }
.qdo-site .hero h1 { width:600px; max-width:52vw; margin:0; color:#15161e; font-size:clamp(58px,5.3vw,74px); font-weight:800; letter-spacing:-.075em; line-height:.98; }
.qdo-site .hero-sub { width:430px; margin:22px 0 0; color:#686978; font-size:18px; line-height:1.65; }
.qdo-site .hero-product-answers { margin-top:80px; }
.qdo-site .hero-question { margin:0 0 20px; font-size:22px; font-weight:800; line-height:1.4; }
.qdo-site .hero-answer-list { display:flex; flex-wrap:wrap; gap:10px; max-width:540px; }
.qdo-site .hero-answer-list a { display:inline-flex; padding:10px 15px; border:1px solid #e2e3ec; border-radius:999px; background:rgba(255,255,255,.78); color:#292a34; font-size:14px; font-weight:700; transition:transform .2s ease,color .2s ease,border-color .2s ease,box-shadow .2s ease; }
.qdo-site .hero-answer-list a:hover { transform:translateY(-3px); border-color:#b9c4ff; color:#425ce9; box-shadow:0 10px 24px rgba(91,109,243,.15); }

/* Shared home sections */
.qdo-site .section { padding:110px 0; }
.qdo-site .section-muted { background:#f2f2f8; }
.qdo-site .section-head { margin-bottom:34px; }
.qdo-site .section-head-inline { display:flex; align-items:end; justify-content:space-between; gap:22px; }
.qdo-site .kicker { margin:0 0 10px; color:#5d70df; font-family:ui-monospace,Consolas,monospace; font-size:11px; font-weight:800; letter-spacing:.13em; }
.qdo-site .section h2,.qdo-site .page-hero h1 { margin:0; color:#171821; font-size:clamp(38px,5vw,58px); font-weight:800; letter-spacing:-.055em; line-height:1.02; }
.qdo-site .more-link { display:inline-flex; align-items:center; gap:7px; min-height:34px; padding:0 0 4px; border-bottom:1px solid #bfc6ed; color:#344fd9; font-size:14px; font-weight:800; transition:gap .2s ease,color .2s ease; }
.qdo-site .more-link:hover { gap:12px; color:#172eaa; }
.qdo-site .occupation-explorer { display:grid; grid-template-columns:310px 1fr; gap:20px; }
.qdo-site .occupation-hint { margin:0 0 11px; color:var(--qdo-muted); font-size:13px; }
.qdo-site .occupation-tabs { display:grid; gap:8px; }
.qdo-site .occupation-tab { padding:16px; border:1px solid var(--qdo-line); border-radius:0; background:#fff; text-align:left; transition:transform .2s ease,background .2s ease,border-color .2s ease,box-shadow .2s ease; }
.qdo-site .occupation-tab:hover,.qdo-site .occupation-tab.is-active { transform:translateX(5px); border-color:#aab8ff; background:linear-gradient(135deg,#fff,#eff1ff); box-shadow:0 10px 23px rgba(91,109,243,.1); }
.qdo-site .occupation-panel { min-height:400px; padding:34px; border:1px solid var(--qdo-line); border-radius:0; background:#fff; box-shadow:0 20px 50px rgba(55,60,100,.06); }
.qdo-site .scenario-detail,.qdo-site .benefit-stack>div,.qdo-site .product-pill { border-radius:0; }
.qdo-site .product-list,.qdo-site .blog-list { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; }
.qdo-site .product-card,.qdo-site .post-card { position:relative; display:flex; flex-direction:column; overflow:hidden; min-height:250px; padding:28px 26px; border:1px solid var(--qdo-line); border-radius:0; background:#fff; box-shadow:none; transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease; }
.qdo-site .product-card::after,.qdo-site .post-card::after { content:""; position:absolute; width:160px; height:160px; top:-90px; right:-80px; border-radius:50%; background:radial-gradient(circle,rgba(91,109,243,.19),rgba(91,109,243,0) 68%); transition:transform .35s ease; }
.qdo-site .product-card:hover,.qdo-site .post-card:hover { transform:translateY(-6px); border-color:#aab8ff; box-shadow:0 18px 36px rgba(91,109,243,.11); }
.qdo-site .product-card:hover::after,.qdo-site .post-card:hover::after { transform:scale(1.9); }
.qdo-site .product-card h3,.qdo-site .post-card h3 { position:relative; z-index:1; font-size:24px; font-weight:800; }
.qdo-site .product-summary,.qdo-site .post-card p { color:#747586; }
.qdo-site .card-link { position:relative; z-index:1; margin-top:auto; color:#455ee9; font-weight:800; }
.qdo-site .card-link.is-muted { color:#9899a7; }
.qdo-site .post-card:nth-child(1) { grid-row:span 2; min-height:420px; background:linear-gradient(145deg,#181822,#28293e); color:#fff; }
.qdo-site .post-card:nth-child(1) h3,.qdo-site .post-card:nth-child(1) p,.qdo-site .post-card:nth-child(1) .post-meta,.qdo-site .post-card:nth-child(1) .card-link { color:#fff; }
.qdo-site .post-card:nth-child(1) .post-tag { background:rgba(255,255,255,.12); color:#dfe4ff; }

/* Redemption */
.qdo-site .redeem { background:linear-gradient(120deg,#eff1ff,#fbfbff 45%,#eef0ff); color:var(--qdo-ink); }
.qdo-site .redeem-inner { padding:94px 26px; display:grid; grid-template-columns:1fr 430px; align-items:center; gap:80px; }
.qdo-site .redeem-copy h2 { margin:0 0 12px; font-size:58px; font-weight:800; letter-spacing:-.06em; }
.qdo-site .redeem-copy>p { margin:0; color:#747586; font-size:18px; }
.qdo-site .redeem-card { padding:30px; border:1px solid #dce1f5; border-radius:0; background:rgba(255,255,255,.92); color:var(--qdo-ink); box-shadow:0 20px 55px rgba(55,60,100,.12); }
.qdo-site .redeem-card input,.qdo-site .redeem-card select,.qdo-site .redeem-result { border-radius:0; }
.qdo-site .redeem-progress { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:0; margin:0 0 26px; padding:0; list-style:none; }
.qdo-site .redeem-progress li { position:relative; display:grid; justify-items:center; gap:6px; color:#8b8d9a; font-size:12px; font-weight:700; letter-spacing:0; }
.qdo-site .redeem-progress li::after { content:""; position:absolute; top:14px; left:calc(50% + 17px); width:calc(100% - 34px); height:1px; background:#dce1ed; }
.qdo-site .redeem-progress li:last-child::after { display:none; }
.qdo-site .redeem-progress span { position:relative; z-index:1; display:grid; width:29px; height:29px; place-items:center; border:1px solid #c9cedc; border-radius:50%; background:#fff; color:#777b89; }
.qdo-site .redeem-progress .is-active { color:var(--qdo-ink); }
.qdo-site .redeem-progress .is-active span { border-color:#f05a49; background:#f05a49; color:#fff; }
.qdo-site .redeem-progress .is-done { color:#4d7a65; }
.qdo-site .redeem-progress .is-done span { border-color:#4d7a65; background:#4d7a65; color:#fff; }
.qdo-site .redeem-progress .is-done::after { background:#4d7a65; }
.qdo-site .redeem-step[hidden] { display:none; }
.qdo-site .redeem-product { margin:0 0 20px; padding:14px 0; border-top:1px solid #dce1ed; border-bottom:1px solid #dce1ed; }
.qdo-site .redeem-product p { margin:5px 0 0; color:#747586; font-size:13px; line-height:1.6; }
.qdo-site .redeem-card fieldset { min-width:0; margin:22px 0; padding:0; border:0; }
.qdo-site .redeem-card legend { margin:0 0 11px; padding:0; color:var(--qdo-ink); font-size:14px; font-weight:800; letter-spacing:0; }
.qdo-site .redeem-card legend small { margin-left:6px; color:#858895; font-size:11px; font-weight:600; }
.qdo-site .redeem-options { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }
.qdo-site .redeem-options label { display:flex; align-items:center; gap:8px; min-width:0; margin:0; padding:10px; border:1px solid #dce1ed; background:#fff; color:#4f5260; font-size:12px; line-height:1.35; cursor:pointer; }
.qdo-site .redeem-options label:has(input:checked) { border-color:#f05a49; background:#fff4f1; color:#8e2d22; }
.qdo-site .redeem-options input { width:16px; height:16px; flex:0 0 auto; margin:0; padding:0; accent-color:#f05a49; box-shadow:none; }
.qdo-site .redeem-options-personality label { align-items:flex-start; min-height:68px; }
.qdo-site .redeem-choice-copy { display:grid; gap:3px; min-width:0; }
.qdo-site .redeem-choice-copy strong { color:inherit; font-size:13px; line-height:1.35; letter-spacing:0; }
.qdo-site .redeem-choice-copy small { color:#747586; font-size:11px; font-weight:500; line-height:1.5; letter-spacing:0; }
.qdo-site .redeem-options-personality label:has(input:checked) small { color:#9b4a40; }
.qdo-site .redeem-generating { display:flex; align-items:center; gap:16px; min-height:118px; padding:20px 0; }
.qdo-site .redeem-generating strong { display:block; margin-bottom:5px; }
.qdo-site .redeem-generating p { margin:0; color:#747586; font-size:13px; }
.qdo-site .redeem-spinner { width:32px; height:32px; flex:0 0 auto; border:3px solid #f6c7c0; border-top-color:#f05a49; border-radius:50%; animation:redeem-spin .8s linear infinite; }
.qdo-site #redeem-ready-step>strong { display:block; margin:8px 0 6px; font-size:20px; }
.qdo-site #redeem-ready-step>p { margin:0 0 18px; color:#747586; }
@keyframes redeem-spin { to { transform:rotate(360deg); } }
.qdo-site .btn-primary { border-radius:999px; background:#191a23; }

/* Inner content pages */
.qdo-inner-page .site-nav { position:sticky; top:0; height:70px; background:rgba(248,248,252,.92); border-bottom:1px solid rgba(221,224,236,.9); backdrop-filter:blur(18px) saturate(150%); }
.qdo-inner-page .nav-inner { min-height:70px; }
.qdo-site .page-hero { padding:92px 26px 70px; border-bottom:1px solid var(--qdo-line); background:linear-gradient(145deg,#faf9ff,#eff1ff); }
.qdo-site .page-hero .page-intro { max-width:760px; }
.qdo-site .page-hero p:last-child { max-width:720px; margin:22px 0 0; color:#686978; font-size:18px; line-height:1.75; }
.qdo-site .content-page-section { padding:72px 26px 110px; }
.qdo-site .content-page-section .product-list,.qdo-site .content-page-section .blog-list { grid-template-columns:repeat(3,minmax(0,1fr)); }
.qdo-site .content-page-section .post-card:nth-child(1) { grid-row:auto; min-height:250px; background:#fff; color:var(--qdo-ink); }
.qdo-site .content-page-section .post-card:nth-child(1) h3,.qdo-site .content-page-section .post-card:nth-child(1) p,.qdo-site .content-page-section .post-card:nth-child(1) .post-meta,.qdo-site .content-page-section .post-card:nth-child(1) .card-link { color:inherit; }
.qdo-site .content-state { padding:28px; border:1px solid var(--qdo-line); background:#fff; color:var(--qdo-muted); }
.qdo-site .content-state.is-error { border-color:#f0b8b2; background:#fff6f5; color:#9a2d22; }
.qdo-site .detail-shell { max-width:900px; margin:0 auto; padding:70px 26px 110px; }
.qdo-site .detail-back { display:inline-flex; margin-bottom:28px; color:var(--qdo-blue-dark); font-size:14px; font-weight:800; }
.qdo-site .detail-header { padding-bottom:36px; border-bottom:1px solid var(--qdo-line); }
.qdo-site .detail-header h1 { margin:10px 0 18px; font-size:clamp(38px,6vw,68px); line-height:1.04; letter-spacing:-.055em; }
.qdo-site .detail-summary { max-width:760px; margin:0; color:#686978; font-size:19px; line-height:1.8; }
.qdo-site .detail-meta { display:flex; flex-wrap:wrap; gap:10px 18px; margin-top:22px; color:#8b8c98; font-size:13px; }
.qdo-site .detail-badge { display:inline-flex; align-items:center; padding:6px 11px; border-radius:999px; background:var(--qdo-soft); color:var(--qdo-blue-dark); font-size:12px; font-weight:800; }
.qdo-site .detail-body { padding:42px 0 10px; color:#2a2b35; font-family:"Noto Serif SC","Source Han Serif SC","Songti SC",serif; font-size:17px; line-height:1.95; }
.qdo-site .detail-body h2,.qdo-site .detail-body h3,.qdo-site .detail-body h4 { margin:2em 0 .7em; color:var(--qdo-ink); font-family:Arial,"Microsoft YaHei",sans-serif; line-height:1.3; }
.qdo-site .detail-body h2 { font-size:30px; }
.qdo-site .detail-body h3 { font-size:23px; }
.qdo-site .detail-body p { margin:0 0 1.25em; }
.qdo-site .detail-body ul,.qdo-site .detail-body ol { margin:0 0 1.5em; padding-left:1.5em; }
.qdo-site .detail-body li { margin:.45em 0; }
.qdo-site .detail-body blockquote { margin:1.7em 0; padding:18px 22px; border-left:4px solid var(--qdo-blue); background:#f2f3ff; color:#4d4f61; }
.qdo-site .detail-body pre { overflow:auto; padding:18px; background:#181822; color:#f5f5fa; font-family:ui-monospace,Consolas,monospace; font-size:14px; line-height:1.7; }
.qdo-site .detail-body code { padding:2px 5px; background:#eceefa; font-family:ui-monospace,Consolas,monospace; font-size:.9em; }
.qdo-site .detail-body pre code { padding:0; background:transparent; }
.qdo-site .detail-body a { color:var(--qdo-blue-dark); text-decoration:underline; text-underline-offset:3px; }
.qdo-site .detail-action { margin-top:42px; padding:30px; border:1px solid #cfd5fa; background:linear-gradient(135deg,#f1f3ff,#fff); }
.qdo-site .detail-action h2 { margin:0 0 10px; font-size:28px; }
.qdo-site .detail-action p { margin:0 0 20px; color:#696b7c; }
.qdo-site .detail-action a { display:inline-flex; padding:12px 20px; border-radius:999px; background:#191a23; color:#fff; font-weight:800; }
.qdo-site .related-section { margin-top:50px; padding-top:36px; border-top:1px solid var(--qdo-line); }
.qdo-site .related-section h2 { margin:0 0 20px; font-size:28px; }
.qdo-site .related-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; }
.qdo-site .related-card { padding:20px; border:1px solid var(--qdo-line); background:#fff; }
.qdo-site .related-card h3 { margin:0 0 8px; font-size:18px; }
.qdo-site .related-card p { margin:0; color:var(--qdo-muted); font-size:14px; line-height:1.7; }

/* Footer */
.qdo-site .site-footer { border-top:1px solid var(--qdo-line); background:#f8f8fc; }
.qdo-site .footer-inner { padding:34px 26px 20px; display:grid; grid-template-columns:1fr auto; gap:20px; color:#737484; }
.qdo-site .footer-inner strong { color:#191a23; margin-right:10px; }
.qdo-site .footer-inner nav { display:flex; gap:16px; }
.qdo-site .footer-inner p { grid-column:1/-1; margin:0; padding-top:18px; border-top:1px solid var(--qdo-line); color:#a0a1ac; font-size:12px; }
.qdo-site .footer-inner .icp-link { color:inherit; }
.qdo-site .footer-inner .icp-link:hover,.qdo-site .footer-inner .icp-link:focus-visible { color:var(--qdo-blue-dark); text-decoration:underline; text-underline-offset:3px; }

@media (max-width:900px) {
  .qdo-site .hero { min-height:700px; }
  .qdo-site .hero-video { width:88%; opacity:.72; }
  .qdo-site .hero h1 { max-width:680px; width:auto; }
  .qdo-site .occupation-explorer { grid-template-columns:1fr; }
  .qdo-site .redeem-inner { grid-template-columns:1fr; gap:36px; }
  .qdo-site .redeem-options { grid-template-columns:1fr; }
  .qdo-site .product-list,.qdo-site .blog-list,.qdo-site .content-page-section .product-list,.qdo-site .content-page-section .blog-list { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:680px) {
  .qdo-site .site-nav,.qdo-inner-page .site-nav { height:62px; }
  .qdo-site .nav-inner { min-height:62px; padding:0 18px; grid-template-columns:1fr auto; }
  .qdo-site .nav-links { display:none; }
  .qdo-site .brand { font-size:15px; }
  .qdo-site .nav-redeem { padding:8px 12px; font-size:12px; }
  .qdo-site .hero { min-height:650px; }
  .qdo-site .hero-video { width:100%; opacity:.55; }
  .qdo-site .hero-copy { padding:135px 20px 0; }
  .qdo-site .hero h1 { max-width:100%; font-size:48px; }
  .qdo-site .hero-sub { width:auto; max-width:340px; font-size:16px; }
  .qdo-site .hero-product-answers { margin-top:55px; }
  .qdo-site .hero-question { font-size:18px; max-width:340px; }
  .qdo-site .section { padding:72px 0; }
  .qdo-site .container { padding-left:20px; padding-right:20px; }
  .qdo-site .section h2 { font-size:38px; }
  .qdo-site .product-list,.qdo-site .blog-list,.qdo-site .content-page-section .product-list,.qdo-site .content-page-section .blog-list { grid-template-columns:1fr; }
  .qdo-site .post-card:nth-child(1) { min-height:280px; grid-row:auto; }
  .qdo-site .page-hero { padding:70px 20px 52px; }
  .qdo-site .page-hero p:last-child { font-size:16px; }
  .qdo-site .content-page-section { padding:50px 20px 82px; }
  .qdo-site .detail-shell { padding:48px 20px 82px; }
  .qdo-site .detail-header h1 { font-size:42px; }
  .qdo-site .detail-summary { font-size:17px; }
  .qdo-site .detail-body { font-size:16px; }
  .qdo-site .related-grid { grid-template-columns:1fr; }
  .qdo-site .footer-inner { grid-template-columns:1fr; padding-left:20px; padding-right:20px; }
  .qdo-site .footer-inner nav { flex-wrap:wrap; }
}

/* scenario cards — 首页独立页 */
.qdo-site .scenario-cards { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; }
.qdo-site .scenario-card { position:relative; display:flex; flex-direction:column; overflow:hidden; min-height:200px; padding:28px 26px; border:1px solid var(--qdo-line); border-radius:0; background:#fff; box-shadow:none; transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease; }
.qdo-site .scenario-card:hover { transform:translateY(-6px); border-color:#aab8ff; box-shadow:0 18px 36px rgba(91,109,243,.11); }
.qdo-site .scenario-card h3 { font-size:22px; font-weight:800; }
.qdo-site .scenario-card p { margin-top:16px; color:#747586; line-height:1.65; }
.qdo-site .scenario-benefit { font-style:italic; color:#455ee9 !important; }
.qdo-site .scenario-card .card-link { position:relative; z-index:1; margin-top:auto; color:#455ee9; font-weight:800; }

.qdo-site .section-more { margin-top:32px; text-align:center; }
.qdo-site .section-more .more-link { color:#455ee9; font-weight:800; font-size:16px; }

@media(max-width:800px) {
  .qdo-site .scenario-cards { grid-template-columns:1fr; }
}