/* ============================================================
   网页端适配（≥900px）
   - 不再套手机壳：整页铺开，站点顶栏 + 居中内容区
   - 手机端（≤560px）与平板演示（561–899px）的逻辑完全不变
   - 背景图占位：先用主题渐变 + 网格，横版图到位后给路由配 bgWide 即可
   ============================================================ */

.home-d{display:none}

/* 顶栏与页脚默认隐藏，只在网页端出现 */
.webhead{display:none}
.webfoot{display:none}
.bg-wide{
  display:none;
  position:absolute;inset:0;z-index:0;pointer-events:none;
  background-color:#000D3C;
  background-size:cover;background-repeat:no-repeat;
  /* 右对齐居中：绸带在图的右侧，宽度富余时从左侧（纯星空）裁掉，不切主体 */
  background-position:100% 50%;
  opacity:0;transition:opacity .4s ease;
}
.bg-wide.is-on{opacity:1}
/* 背景图整屏铺满（原来在 500px 处渐隐成纯色，下半屏就看不到图了）。
   现在全程可见，只做轻度递进压暗，兼顾正文对比度 —— 视觉稿里
   右下角圆环与底部蓝光都是要露出来的，压太狠就没了 */
.bg-wide::after{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(180deg,
    rgba(0,13,60,0) 0%,
    rgba(0,13,60,.06) 30%,
    rgba(0,13,60,.28) 58%,
    rgba(0,13,60,.44) 82%,
    rgba(0,13,60,.50) 100%);
}

@media (min-width:760px){
  :root{--webhead-h:64px}
  .home-m{display:none}

  /* ---------- 外壳 ---------- */
  body{
    display:block;padding:0;overflow:hidden;
    min-height:100vh;min-height:100dvh;
    background:#05071A;
  }
  .stage{
    width:100%;max-width:none;display:block;
    height:100vh;height:100dvh;
  }
  .pagehead,.notes,.homebar{display:none}

  .device{
    width:100%;height:100%;padding:0;
    border-radius:0;background:none;box-shadow:none;
    /* 关掉「桌面演示」为塞进手机壳做的整体缩放，否则内容只有 0.92 宽 */
    transform:none;margin-bottom:0;
  }
  .app{position:relative;inset:auto;width:100%;height:100%;border-radius:0}

  .appbar{display:none}
  .statusbar{display:none}

  /* 背景：手机用的竖版图在网页端不合适，先不显示 */
  .bg-wide{display:block}
  .app.has-wide .bg{display:none}
  .bg-image{display:none}
  .scrim{display:none}
  /* 没有实拍图时把网格与光晕放回来，作为占位背景 */
  .app.has-photo .bg::before{opacity:.55}
  .app.has-photo .bg::after{opacity:1}
  .bg::before{background-size:46px 46px}


  /* ---------- 站点页脚 ---------- */
  .app[data-route="/"] .webfoot{display:none}
  .webfoot{display:block;flex:none;border-top:1px solid rgba(255,255,255,.07);
    background:rgba(6,9,30,.72)}
  .webfoot-in{
    display:flex;align-items:center;justify-content:space-between;gap:20px;
    height:52px;
    padding:0 max(28px,calc((100vw - 1240px) / 2));
    font-size:11.5px;letter-spacing:.3px;color:rgba(255,255,255,.34);
  }
  .webfoot-in b{font-weight:600;color:rgba(255,255,255,.5)}

  /* ---------- 站点顶栏 ---------- */
  .webhead{
    position:fixed;top:0;left:0;right:0;z-index:20;
    display:block;height:var(--webhead-h);
    background:linear-gradient(180deg,
      rgba(3,6,22,.92) 0%, rgba(3,6,22,.80) 62%, rgba(3,6,22,.30) 88%, rgba(3,6,22,0) 100%);
    border-bottom:none;
  }
  .webhead::after{
    content:"";position:absolute;left:0;right:0;bottom:0;height:1px;
    background:linear-gradient(90deg,rgba(255,255,255,0),rgba(255,255,255,.16) 22%,rgba(255,255,255,.16) 78%,rgba(255,255,255,0));
  }
  .webhead-in{
    display:flex;align-items:center;gap:40px;height:100%;
    padding:0 max(28px,calc((100vw - 1240px) / 2));
  }
  .webhead-brand{
    font-size:13px;font-weight:500;letter-spacing:.7px;
    color:rgba(255,255,255,.88);white-space:nowrap;
  }
  .webhead-nav{display:flex;align-items:center;gap:4px;margin-left:auto}
  .webhead-nav a{
    position:relative;
    padding:8px 16px;border-radius:8px;
    font-size:12.5px;font-weight:500;letter-spacing:.5px;
    color:rgba(255,255,255,.58);
    transition:color .18s,background .18s;
  }
  .webhead-nav a:hover{color:#fff;background:rgba(255,255,255,.05)}
  .webhead-nav a[aria-current="page"]{color:#8FD8FF;background:none}
  .webhead-nav a[aria-current="page"]::after{
    content:"";position:absolute;left:16px;right:16px;bottom:1px;height:2px;
    border-radius:2px;background:linear-gradient(90deg,#4FA8FF,#8FE3FF);
  }
  .webhead-cta{display:none}

  /* ---------- 内容区 ---------- */
  .view{
    padding:calc(var(--webhead-h) + 26px) max(28px,calc((100vw - 1240px) / 2)) 20px;
    scrollbar-width:thin;
    scrollbar-color:rgba(255,255,255,.16) transparent;
  }
  .view::-webkit-scrollbar{display:block;width:10px}
  .view::-webkit-scrollbar-track{background:transparent}
  .view::-webkit-scrollbar-thumb{
    background:rgba(255,255,255,.14);
    border:3px solid transparent;border-radius:8px;
    background-clip:content-box;
  }
  .view::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,.24);background-clip:content-box}

  .toast{bottom:32px}

  /* 结果浮层：桌面端放大一档 */
  .overlay-card{max-width:340px;padding:28px 26px 22px}
  .overlay-card b{font-size:19px}
  .overlay-card p{font-size:13px;line-height:1.75;margin-top:9px}
  .overlay-card .btn-ghost,.overlay-card .btn{height:46px;font-size:14.5px}

  /* ============================================================
     首页
     ============================================================ */
  .view[data-path="/"]{display:flex;flex-direction:column}
  .hero-wrap{max-width:60%}
  .view[data-path="/"] .hero{padding:6px 0 0}
  .view[data-path="/"] .hero-year{font-size:17px;letter-spacing:2px}
  .view[data-path="/"] .hero-dash{width:42px;margin:11px 0 12px}
  .view[data-path="/"] .hero-title{
    font-size:clamp(36px,3.9vw,54px);
    line-height:1.14;letter-spacing:1.5px;
  }
  .view[data-path="/"] .hero-sub{
    margin-top:12px;font-size:13.5px;line-height:1.62;letter-spacing:.9px;
  }
  .view[data-path="/"] .hero-joint{display:inline;margin-left:14px;}

  /* 双入口：并排落在标题下方，右侧留给横版主视觉 */
  .view[data-path="/"] .entries{
    display:grid;grid-template-columns:1fr 1fr;gap:18px;
    margin-top:18px;padding:0;--card-ratio:3.2 / 1;
  }
  .view[data-path="/"] .entry{border-radius:18px}
  .view[data-path="/"] .entry-t{font-size:clamp(20px,1.8vw,24px);letter-spacing:1.2px}
  .view[data-path="/"] .entry-s{font-size:12px}

  /* 下半屏：左内容 / 右承办单位竖栏 */
  .home-d{
    display:grid;
    grid-template-columns:minmax(0,1fr) 420px;
    flex:1;
    margin-top:18px;padding-top:22px;
    border-top:1px solid rgba(255,255,255,.1);
  }
  .home-d-main{padding-right:56px;min-width:0}

  .home-d .sec{margin-top:0;padding-top:0;border-top:none}
  .home-d .sec + .sec{margin-top:16px}
  .home-d .sec-t{font-size:21px;font-weight:700;letter-spacing:.6px}
  .home-d .sec-dash{
    width:28px;margin:9px 0 11px;
    background:linear-gradient(90deg,#7FC4FF,rgba(127,196,255,0));
  }
  .home-d .sec-p{
    max-width:780px;
    font-size:13.5px;line-height:1.8;letter-spacing:.3px;
    color:rgba(206,218,248,.8);
  }
  .sec-h{display:flex;align-items:baseline;gap:14px;flex-wrap:wrap}
  .sec-note{font-size:12.5px;letter-spacing:.3px;color:rgba(190,208,255,.6)}

  /* 四大赛道卡：成品图打底，文字压在左侧暗部
     760–1179 两列（卡面够大才看得清图），≥1180 四列 */
  .tracks{
    display:grid;grid-template-columns:repeat(2,minmax(0,1fr));
    gap:16px;margin-top:2px;
  }
  .track{
    position:relative;display:flex;flex-direction:column;
    min-height:112px;aspect-ratio:1.9 / 1;
    padding:13px 15px 12px;
    overflow:hidden;isolation:isolate;
    border-radius:14px;
    background:linear-gradient(160deg,rgba(64,104,200,.42),rgba(18,30,84,.28));
    border:1px solid rgba(120,170,255,.26);
    box-shadow:0 16px 30px -24px rgba(0,0,0,.9),inset 0 1px 0 rgba(180,215,255,.12);
    transition:border-color .25s,transform .25s var(--ease),box-shadow .25s;
  }
  /* 底图：主体在右侧，裁切贴右边，保证机器人 / 画卷 / 书本 / 手表不被切掉 */
  .track-art{
    position:absolute;inset:0;z-index:0;pointer-events:none;
    background-position:right center;background-size:cover;background-repeat:no-repeat;
    filter:saturate(1.08) brightness(1.1);
    transition:transform .7s var(--ease);
  }
  /* 两层压暗：左侧给编号，底部给赛道名与方向（名字会长到卡片右侧） */
  .track::before{
    content:"";position:absolute;inset:0;z-index:1;pointer-events:none;
    background:
      linear-gradient(180deg,
        rgba(4,10,42,.44) 0%, rgba(4,10,42,.05) 28%, rgba(4,10,42,0) 44%,
        rgba(4,10,42,.52) 72%, rgba(4,10,42,.86) 100%),
      linear-gradient(96deg,
        rgba(4,10,42,.92) 0%, rgba(4,10,42,.72) 32%,
        rgba(4,10,42,.26) 60%, rgba(4,10,42,0) 82%);
  }
  .track-n{
    position:relative;z-index:2;
    font-size:22px;font-weight:800;line-height:1;letter-spacing:.5px;
    background:linear-gradient(180deg,#EAF4FF,rgba(122,172,255,.62));
    -webkit-background-clip:text;background-clip:text;
    -webkit-text-fill-color:transparent;color:transparent;
    filter:drop-shadow(0 2px 10px rgba(2,8,36,.8));
  }
  .track-t{
    position:relative;z-index:2;margin-top:auto;padding-top:12px;
    font-size:16px;font-weight:700;letter-spacing:.8px;color:#fff;
    text-shadow:0 2px 12px rgba(2,8,36,.85);
  }
  .track-s{
    position:relative;z-index:2;margin-top:6px;
    font-size:11px;line-height:1.45;letter-spacing:.2px;
    color:rgba(206,222,255,.8);
    text-shadow:0 1px 10px rgba(2,8,36,.8);
  }
  .track:hover{
    border-color:rgba(150,200,255,.5);transform:translateY(-2px);
    box-shadow:0 20px 34px -22px rgba(0,0,0,.95),inset 0 1px 0 rgba(180,215,255,.16);
  }
  .track:hover .track-art{transform:scale(1.06)}

  /* 承办单位竖栏 */
  .assoc-d{
    position:relative;
    border-left:1px solid rgba(255,255,255,.1);
    padding-left:44px;
  }
  .assoc-d-head{display:flex;align-items:center;gap:14px;margin-top:16px}
  .assoc-d .assoc-logo{
    width:54px;height:54px;flex:none;padding:5px;
    border-radius:15px;background:#fff;object-fit:contain;
    box-shadow:0 8px 20px -10px rgba(0,0,0,.8);
  }
  .assoc-d .assoc-t{font-size:23px;letter-spacing:.5px;text-shadow:0 2px 16px rgba(2,6,26,.75)}
  .assoc-d .assoc-s,.assoc-d .assoc-p{text-shadow:0 1px 12px rgba(2,6,26,.7)}
  .assoc-d .assoc-s{margin-top:5px;font-size:10.5px;letter-spacing:1.6px;color:rgba(190,208,255,.6)}
  .assoc-d .assoc-p{
    margin-top:18px;
    font-size:13px;line-height:1.95;letter-spacing:.2px;
    color:rgba(200,214,250,.74);
  }
  .assoc-art{
    position:absolute;right:-8px;bottom:-6px;width:132px;height:132px;
    pointer-events:none;opacity:.5;
    background:radial-gradient(circle at 60% 60%,rgba(120,180,255,.32),transparent 62%);
  }

  /* ============================================================
     报名通道
     ============================================================ */
  .view[data-path="/signup"]{
    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(0,1.08fr);
    column-gap:76px;row-gap:52px;
    align-content:start;
  }
  .view[data-path="/signup"] .s-hero{grid-column:1;grid-row:1}
  .view[data-path="/signup"] .s-sec--1{grid-column:2;grid-row:1;max-width:600px}
  .view[data-path="/signup"] .s-sec--2{grid-column:1;grid-row:2;max-width:520px}
  .view[data-path="/signup"] .s-sec--3{grid-column:2;grid-row:2;max-width:600px}
  .view[data-path="/signup"] .s-sec > .s-head:first-child{margin-top:0}

  .view[data-path="/signup"] .s-title{font-size:clamp(40px,3.9vw,52px);letter-spacing:1px}
  .view[data-path="/signup"] .s-sub{font-size:14px;margin-top:12px}
  .view[data-path="/signup"] .steps{margin-top:28px}
  .view[data-path="/signup"] .step span{font-size:12.5px}

  .view[data-path="/signup"] .s-head{margin-top:0}
  .view[data-path="/signup"] .s-head h2{font-size:22px}
  .view[data-path="/signup"] .s-num{font-size:28px}
  .view[data-path="/signup"] .s-head + .mcard,
  .view[data-path="/signup"] .s-rule{margin-top:14px}
  .view[data-path="/signup"] .mcard{margin-top:14px;border-radius:18px}
  .view[data-path="/signup"] .mrow{padding:15px 18px;gap:14px}
  .view[data-path="/signup"] .mno{width:22px;padding-top:6px;font-size:11px}
  .view[data-path="/signup"] .mtxt b{font-size:17px}
  .view[data-path="/signup"] .mtxt span{font-size:12px;margin-top:4px}
  .view[data-path="/signup"] .mdl{width:38px;height:38px}
  .view[data-path="/signup"] .mtag{font-size:11px;padding:4px 9px}
  .view[data-path="/signup"] .s-p{font-size:15px;line-height:1.9;margin-top:14px}

  .view[data-path="/signup"] .upbox{padding:22px 20px;gap:18px;border-radius:18px}
  .view[data-path="/signup"] .upico{width:54px;height:54px}
  .view[data-path="/signup"] .upico svg{width:100%;height:100%}
  .view[data-path="/signup"] .uptxt b{font-size:18px}
  .view[data-path="/signup"] .uptxt span{font-size:12.5px}
  .view[data-path="/signup"] .fwrap{margin-top:22px}
  .view[data-path="/signup"] .fhead{font-size:13px}

  /* 底图是按手机 3:1 画的，拉到 600+ 宽会被压扁，桌面端换成同色系渐变按钮 */
  .view[data-path="/signup"] .btn-card{
    height:60px;aspect-ratio:auto;margin-top:26px;
    border-radius:18px;
    background-image:
      radial-gradient(120% 180% at 10% 0%, rgba(255,255,255,.24), transparent 58%),
      linear-gradient(100deg,#2C60E8 0%,#3D86FF 52%,#33C7F3 100%);
    box-shadow:
      0 20px 44px -20px rgba(56,140,255,.9),
      inset 0 1px 0 rgba(255,255,255,.34),
      inset 0 -2px 8px rgba(2,22,64,.28);
  }
  .view[data-path="/signup"] .btn-card span{
    padding-right:0;font-size:18px;letter-spacing:4px;
  }
  .view[data-path="/signup"] .btn-card:active{transform:scale(.99)}
  .view[data-path="/signup"] .btn-card:disabled{
    filter:saturate(.72) brightness(.86);opacity:.62;
  }

  /* ============================================================
     需求征集通道
     ============================================================ */
  .view[data-path="/demand"]{
    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(0,1.02fr);
    column-gap:76px;row-gap:48px;
    align-content:start;
  }
  .view[data-path="/demand"] .d-hero{grid-column:1;grid-row:1}
  .view[data-path="/demand"] .d-sec--1{grid-column:1;grid-row:2;max-width:520px}
  .view[data-path="/demand"] .d-sec--2{grid-column:2;grid-row:1;max-width:540px}
  .view[data-path="/demand"] .d-sec--3{grid-column:2;grid-row:2;max-width:540px}

  .view[data-path="/demand"] .d-sec,
  .view[data-path="/demand"] .d-sec + .d-sec{
    padding-top:0;margin-top:0;border-top:none;
  }

  .view[data-path="/demand"] .d-kicker{font-size:17px;letter-spacing:2px}
  .view[data-path="/demand"] .d-stroke{width:42px;margin:13px 0 15px}
  .view[data-path="/demand"] .d-title{
    font-size:clamp(40px,3.9vw,54px);letter-spacing:3px;
  }
  .view[data-path="/demand"] .d-sub{font-size:14px;margin-top:12px}
  .view[data-path="/demand"] .d-hero::after{margin-top:30px}

  .view[data-path="/demand"] .d-head h2{font-size:22px}
  .view[data-path="/demand"] .d-num{font-size:28px}
  .view[data-path="/demand"] .d-mark{width:32px;margin-top:10px}
  .view[data-path="/demand"] .d-p{font-size:15px;line-height:1.85;margin-top:14px}
  .view[data-path="/demand"] .d-deadline{height:58px;margin-top:16px;border-radius:16px}
  .view[data-path="/demand"] .d-deadline .dl-k{font-size:13px}
  .view[data-path="/demand"] .d-deadline .dl-v{font-size:12.5px}

  .view[data-path="/demand"] .d-att{margin-top:16px;border-radius:18px}
  .view[data-path="/demand"] .d-att-t b{font-size:19px}
  .view[data-path="/demand"] .d-att-t span{font-size:12px;margin-top:5px}

  .view[data-path="/demand"] .d-drop{margin-top:16px;padding:20px 16px 18px;gap:12px;border-radius:18px}
  .view[data-path="/demand"] .d-drop-ico{width:96px}
  .view[data-path="/demand"] .d-pick{height:38px;min-width:132px;font-size:14px}
  .view[data-path="/demand"] .d-drop-hint{font-size:12px}

  .view[data-path="/demand"] .d-empty{height:44px;font-size:13px}
  .view[data-path="/demand"] .d-files .fitem{padding:12px 0}
  .view[data-path="/demand"] .d-files .fname{font-size:14px}
  .view[data-path="/demand"] .fdel{width:28px;height:28px}

  .view[data-path="/demand"] .d-foot{margin-top:8px;padding-top:18px}
  .view[data-path="/demand"] .d-submit{
    height:58px;
    background-image:
      radial-gradient(120% 180% at 8% 0%, rgba(255,255,255,.2), transparent 58%),
      linear-gradient(100deg,#8B5CF6 0%,#6E5BFF 52%,#3E6BFF 100%);
    box-shadow:
      0 20px 44px -20px rgba(120,92,255,.9),
      inset 0 1px 0 rgba(255,255,255,.3),
      inset 0 -2px 8px rgba(20,6,64,.3);
  }
  .view[data-path="/demand"] .d-submit span{font-size:17px;letter-spacing:4px}
  .view[data-path="/demand"] .d-submit:disabled{opacity:.62;filter:saturate(.75) brightness(.9)}
  .view[data-path="/demand"] .d-submit-hint{font-size:12px;margin-top:10px}
}

/* 窄一点的笔记本（900–1080）：收一收栏间距，别把两栏挤扁 */
/* ≥1180：赛道卡回到一行四列（此时单卡 150px 以上，图与文字都够用） */
@media (min-width:1180px){
  .tracks{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
  .track{aspect-ratio:auto;min-height:96px;padding:11px 14px 11px}
  .track-n{font-size:21px}
  .track-t{font-size:15.5px;letter-spacing:.6px;padding-top:12px}
  .track-s{font-size:10.5px}
}

/* 矮屏笔记本（≤860 高，如 1366×768 / 1280×800）：收一档纵向节奏，
   让「四大赛道」也能落在首屏内，而不是被折线切掉半张卡 */
@media (min-width:1180px) and (max-height:860px){
  .view[data-path="/"]{
    padding-top:calc(var(--webhead-h) + 14px);
    padding-bottom:16px;
  }
  .view[data-path="/"] .hero{padding:2px 0 0}
  .view[data-path="/"] .hero-title{font-size:clamp(38px,3.4vw,48px)}
  .view[data-path="/"] .hero-dash{width:38px;margin:8px 0 9px}
  .view[data-path="/"] .hero-sub{margin-top:10px}
  .view[data-path="/"] .entries{margin-top:14px;--card-ratio:3.5 / 1;gap:16px}
  .view[data-path="/"] .home-d{margin-top:12px;padding-top:16px}
  .view[data-path="/"] .home-d .sec + .sec{margin-top:12px}
  .view[data-path="/"] .home-d .sec-dash{margin:7px 0 9px}
  .view[data-path="/"] .home-d .sec-p{line-height:1.74}
  .view[data-path="/"] .track{min-height:92px;padding:10px 13px 10px}
  .view[data-path="/"] .track-t{padding-top:10px}
}

@media (min-width:900px) and (max-width:1080px){
  .view[data-path="/"]{column-gap:44px}
  .view[data-path="/signup"],
  .view[data-path="/demand"]{column-gap:48px}
}


/* ============================================================
   760–899（平板竖屏）：网页版外壳 + 单栏，不再套手机壳
   ============================================================ */
@media (min-width:760px) and (max-width:899px){
  /* 横版主视觉只按 16:9 设计，平板竖屏会裁得只剩绸带，改用渐变兜底 */
  .app.has-wide .bg-wide{display:none}
  .app.has-wide .bg{display:block;opacity:.85}

  .view[data-path]{
    display:block;
    max-width:none;
    padding-left:max(28px,calc((100vw - 720px) / 2));
    padding-right:max(28px,calc((100vw - 720px) / 2));
  }
  /* 单栏时把两栏布局里加的间距收回来 */
  .hero-wrap{max-width:none}
  .view[data-path="/"] .hero{padding:4px 0 0}
  .home-d{display:block;margin-top:34px;padding-top:26px}
  .home-d-main{padding-right:0}
  .home-d .sec-p,.view[data-path="/"] .sec-p{max-width:none}
  .assoc-d{
    margin-top:30px;padding:26px 0 0;
    border-left:none;border-top:1px solid rgba(255,255,255,.1);
  }
  .assoc-d .assoc-p{max-width:640px}
  .view[data-path="/"] .entries{
    display:grid;grid-template-columns:1fr 1fr;gap:20px;
    margin-top:34px;--card-ratio:3.4 / 1;
  }
  .view[data-path="/"] .sec{margin-top:38px;max-width:700px}
  .view[data-path="/"] .sec-p{max-width:700px}
  .view[data-path="/"] .assoc{margin-top:24px}
  .view[data-path="/"] .entry-t{font-size:22px}

  .view[data-path="/signup"] .s-hero,
  .view[data-path="/signup"] .s-sec--1,
  .view[data-path="/signup"] .s-sec--2,
  .view[data-path="/signup"] .s-sec--3,
  .view[data-path="/demand"] .d-sec--1,
  .view[data-path="/demand"] .d-sec--2,
  .view[data-path="/demand"] .d-sec--3{max-width:none}

  .view[data-path="/signup"] .s-hero{margin-bottom:34px}
  .view[data-path="/signup"] .s-sec--2,
  .view[data-path="/signup"] .s-sec--3{margin-top:36px}
  .view[data-path="/signup"] .s-title{font-size:40px}
  .view[data-path="/signup"] .s-p{max-width:700px}
  .view[data-path="/signup"] .steps{max-width:540px}

  .view[data-path="/demand"] .d-hero{margin-bottom:30px}
  .view[data-path="/demand"] .d-sec--2{margin-top:6px}
  .view[data-path="/demand"] .d-sec--3{margin-top:34px}
  .view[data-path="/demand"] .d-title{font-size:42px}
  .view[data-path="/demand"] .d-sec--3{max-width:560px}
}