/* 途图官网样式：单一来源，取代原 demo 的多层覆盖 */
:root{
  --navy:#09233f;--blue:#0d4f85;--blue-dark:#083b68;--sky:#1670b7;
  --pale:#eef5fa;--ink:#172b3d;--muted:#667788;--line:#dfe7ee;--gold:#c89a43;
}
*{box-sizing:border-box}
body{margin:0;background:#fff;color:var(--ink);
  font:14px/1.65 "Microsoft YaHei",Arial,sans-serif}
button,input,select,textarea{font:inherit}
.wrap{width:min(1180px,calc(100% - 48px));margin:auto}

/* 顶部信息条与页头 */
.utility{height:34px;background:#06192c;color:#cad7e2;font-size:12px}
.utility .wrap{height:100%;display:flex;align-items:center;justify-content:space-between}
.header{position:sticky;top:0;z-index:30;height:76px;background:#fff;
  border-bottom:1px solid var(--line)}
.header .wrap{height:100%;display:flex;align-items:center;gap:36px}
.brand{display:flex;align-items:center;gap:10px;min-width:258px}
.brand-mark{width:38px;height:38px;display:grid;place-items:center;border-radius:3px;
  background:var(--navy);color:#fff;font-size:22px;font-weight:bold;font-style:normal}
.brand b{display:block;font-size:17px;color:var(--navy)}
.brand small{display:block;font-size:10px;color:#8796a4;letter-spacing:.7px}
.nav{display:flex;gap:28px;flex:1}
.nav button{padding:26px 0;border:0;background:transparent;color:#435363;cursor:pointer;
  white-space:nowrap;position:relative}
.nav button:hover,.nav button.active{color:var(--blue);font-weight:600}
.nav button.active::after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;
  background:var(--blue)}
.search{position:relative;width:184px}
.search input{width:100%;padding:8px 28px 8px 10px;border:1px solid #cad6df;
  border-radius:3px;outline:0}
.search span{position:absolute;right:9px;top:7px;color:#6d7b88;cursor:pointer}
.member{display:inline-flex;align-items:center;justify-content:center;min-height:38px;
  padding:8px 13px;border:1px solid var(--blue);border-radius:3px;background:var(--blue);
  color:#fff;font-weight:600;cursor:pointer}
.member:hover{background:var(--blue-dark);border-color:var(--blue-dark)}

/* 首屏 */
.hero{height:440px;display:flex;align-items:center;color:#fff;
  background:linear-gradient(90deg,rgba(6,31,57,.94),rgba(6,31,57,.42)),#0b2c4d center/cover}
.eyebrow{display:inline-block;padding-left:10px;border-left:3px solid var(--gold);
  color:#f3d8a7}
.hero h1{max-width:620px;margin:18px 0 12px;font-size:40px;line-height:1.3}
.hero p{max-width:600px;color:#d7e5ee;font-size:16px}

/* 首屏轮播 */
.home-hero{position:relative;overflow:hidden;display:block;background:#0b2c4d}
.hero-slide{position:absolute;inset:0;display:flex;align-items:center;opacity:0;
  visibility:hidden;transition:opacity .7s ease,visibility .7s ease;
  background-position:center;background-size:cover}
.hero-slide.active{opacity:1;visibility:visible}
.hero-slide:before{content:"";position:absolute;inset:0;
  background:linear-gradient(90deg,rgba(6,31,57,.94),rgba(6,31,57,.55),rgba(6,31,57,.18))}
.hero-slide .wrap{position:relative;z-index:1}
.hero-control{position:absolute;top:50%;z-index:3;width:38px;height:54px;
  transform:translateY(-50%);border:1px solid rgba(255,255,255,.45);
  background:rgba(5,31,57,.35);color:#fff;font-size:28px;line-height:1;
  cursor:pointer;transition:.2s}
.hero-control:hover{background:rgba(5,31,57,.72);border-color:#fff}
.hero-prev{left:24px}
.hero-next{right:24px}
.hero-dots{position:absolute;z-index:3;left:50%;bottom:23px;display:flex;gap:9px;
  transform:translateX(-50%)}
.hero-dot{width:28px;height:3px;padding:0;border:0;background:rgba(255,255,255,.46);
  cursor:pointer;transition:.2s}
.hero-dot.active{background:#fff}
.notice{height:50px;background:#f1f7fb;border-bottom:1px solid #d7e4ee}
.notice .wrap{height:100%;display:flex;align-items:center;gap:15px}
.notice-marquee{position:relative;flex:1;min-width:0;height:24px;overflow:hidden}
.notice-track{display:flex;flex-direction:column;align-items:stretch;width:100%;
  height:auto;white-space:nowrap}
.notice-track.is-scrolling{animation:noticeTicker 12s linear infinite}
.notice-marquee:hover .notice-track{animation-play-state:paused}
.notice-item{display:flex;align-items:center;width:100%;height:24px;color:#405364;
  cursor:pointer;overflow:hidden;text-overflow:ellipsis}
.notice-item:hover{color:var(--blue);text-decoration:underline}
@keyframes noticeTicker{from{transform:translateY(0)}to{transform:translateY(-50%)}}
.tag{display:inline-block;padding:2px 7px;border-radius:2px;background:#e2eff8;
  color:var(--blue);font-size:12px}

/* 按钮 */
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:40px;
  padding:9px 16px;border:1px solid var(--blue);border-radius:3px;background:#fff;
  color:var(--blue);font-weight:600;line-height:1.2;text-decoration:none;
  white-space:nowrap;cursor:pointer;transition:background .18s,color .18s,transform .18s}
.btn:hover:not(:disabled){background:#eaf3fa;border-color:var(--blue-dark);
  color:var(--blue-dark);transform:translateY(-1px)}
.btn:disabled{opacity:.6;cursor:not-allowed}
.btn.primary{background:var(--blue);color:#fff}
.btn.primary:hover:not(:disabled){background:var(--blue-dark);color:#fff}
.btn.gold{background:var(--gold);border-color:var(--gold);color:#fff}
.btn.gold:hover{background:#a97826;border-color:#a97826;color:#fff}
.link{color:var(--blue);cursor:pointer}
.link:hover{text-decoration:underline}

/* 通用版块 */
section{padding:68px 0}
.soft{background:#f5f8fb}
.heading{display:flex;justify-content:space-between;align-items:end;gap:14px;
  margin-bottom:27px}
.heading h2{margin:0;font-size:27px;color:var(--navy)}
.heading p{margin:4px 0 0;color:var(--muted)}
.intro{display:grid;grid-template-columns:1.08fr .92fr;gap:55px;align-items:center}
.intro-img{position:relative;height:290px;background:#dde7ef
  url('https://images.unsplash.com/photo-1497366754035-f200968a6e72?auto=format&fit=crop&w=1000&q=80')
  center/cover}
.intro-img::after{content:'专业 · 规范 · 高效';position:absolute;right:-18px;bottom:24px;
  padding:14px 22px;background:var(--blue);color:#fff;font-size:16px}
.intro h2{margin:0 0 12px;font-size:29px;color:var(--navy)}
.intro p{color:#536474}
.facts{display:flex;gap:34px;flex-wrap:wrap}
.facts b{display:block;font-size:27px;color:var(--blue)}
.facts span{font-size:13px;color:var(--muted)}

/* 卡片 */
.cards3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.case,.tender,.expert{background:#fff;border:1px solid var(--line);cursor:pointer;
  transition:transform .2s,border-color .2s,box-shadow .2s}
.case:hover,.tender:hover,.expert:hover{transform:translateY(-3px);border-color:#abc8dd;
  box-shadow:0 10px 26px rgba(10,49,82,.08)}
.case img{width:100%;height:170px;object-fit:cover;background:#e3ebf1}
.case>div{padding:16px}
.case h3,.tender h3{margin:7px 0;font-size:16px;line-height:1.5}
.case p,.tender p,.expert p{margin:4px 0;color:var(--muted);font-size:13px}
.tender{position:relative;padding:19px}
.tender .state{position:absolute;right:0;top:0;padding:4px 9px;background:#e7f2fa;
  color:var(--blue);font-size:12px}
.expert-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.expert{padding:18px}
.avatar{width:43px;height:43px;margin-bottom:10px;border-radius:50%;display:grid;
  place-items:center;background:#dcecf7;color:var(--blue);font-weight:bold}
.contact{background:var(--navy);color:#fff}
.contact .wrap{display:flex;justify-content:space-between;align-items:center;gap:16px;
  min-height:105px}
.contact h2{margin:0;font-size:27px}
.contact p{margin:6px 0;color:#bdd0df}
.contact .btn{background:#fff;border-color:#fff;color:var(--blue)}
.contact .btn:hover{background:#dfeef8;border-color:#dfeef8}
footer{padding:26px 0;background:#06192c;color:#b8c9d6;font-size:13px}
.foot{display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap}
footer a{color:#cfe0ec;cursor:pointer}

/* 二级页 */
.view{display:none}
.view.active{display:block}
.page-title{padding:48px 0;color:#fff;
  background:linear-gradient(90deg,rgba(6,31,57,.94),rgba(6,31,57,.52)),#0b2c4d center/cover}
.crumb{margin-bottom:9px;font-size:13px;color:#b8d0df}
.crumb a{cursor:pointer}
.page-title h1{margin:0;font-size:30px}
.page-title p{margin:5px 0 0;color:#d0e0eb}
.page-content{padding:42px 0 72px}
.layout{display:grid;grid-template-columns:minmax(0,1fr) 264px;gap:30px}
.filters{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:18px;padding:14px;
  background:#f7fafc;border:1px solid var(--line)}
.filters input,.filters select{min-width:150px;padding:8px 9px;border:1px solid #cdd9e2;
  border-radius:3px;background:#fff}
.list{display:grid;gap:14px}
.row{display:grid;grid-template-columns:178px 1fr auto;align-items:center;gap:20px;
  padding:20px;border:1px solid var(--line);cursor:pointer}
.row:hover{border-color:#abc8dd}
.row img{width:178px;height:118px;object-fit:cover;background:#e3ebf1}
.row h2{margin:5px 0 8px;font-size:18px}
.row p{margin:3px 0;color:var(--muted);font-size:13px}
.aside{margin-bottom:14px;padding:18px;border:1px solid var(--line)}
.aside h3{margin:0 0 8px;font-size:16px}
.aside a{display:block;padding:8px 0;border-bottom:1px solid #edf1f4;color:#4c6070;
  font-size:13px;cursor:pointer}
.aside a:hover{color:var(--blue)}
.detail{padding:30px;border:1px solid var(--line)}
.detail>img{width:100%;height:300px;object-fit:cover;margin-bottom:20px;background:#e3ebf1}
.detail h2{margin:10px 0;font-size:23px;line-height:1.45}
.detail h3{margin:30px 0 10px;padding-left:9px;border-left:3px solid var(--blue);
  font-size:17px}
.detail p{color:#526373}
.meta{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:14px;
  background:#f2f7fa;border-block:1px solid #dce7ed}
.meta b{display:block;color:var(--muted);font-size:12px;font-weight:normal}
.expert-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}
.expert-row{display:flex;gap:14px;padding:19px;border:1px solid var(--line);cursor:pointer}
.expert-row:hover{border-color:#abc8dd}
/* 三列布局下卡片仅约 285px：头像不可压缩，文本列允许收缩换行 */
.expert-row .avatar{flex:0 0 43px;margin-bottom:0}
.expert-row>div:last-child{min-width:0}
.expert-row h2,.expert-row p{overflow-wrap:break-word}
.file-note{display:flex;align-items:center;flex-wrap:wrap;gap:10px 14px;margin-top:15px;
  padding:14px;border:1px dashed #a9c5d7;background:#f7fbfe;color:#526373;font-size:13px}
.download-link{display:inline-flex;align-items:center;justify-content:center;
  min-height:38px;padding:8px 14px;border:1px solid var(--blue);border-radius:3px;
  background:#fff;color:var(--blue);font-weight:600;cursor:pointer;text-decoration:none}
.download-link:hover{background:#eaf3fa;border-color:var(--blue-dark);color:var(--blue-dark)}
/* .download-link 也用在 <button> 上，需抹掉浏览器默认字体 */
button.download-link{font:inherit;min-height:32px;padding:5px 12px;font-size:13px}

/* 项目附件清单 */
.attach-list{list-style:none;margin:12px 0 0;padding:0;border:1px solid var(--line)}
.attach-list li{display:flex;align-items:center;flex-wrap:wrap;gap:8px 14px;
  padding:11px 14px;border-bottom:1px solid #eef2f5}
.attach-list li:last-child{border-bottom:0}
.attach-name{flex:1;min-width:180px;color:#2b4055;font-size:14px;overflow-wrap:break-word}
.attach-size{color:#8496a6;font-size:12px}
.attach-lock{color:#a86911;font-size:12px}
.attach-hint{margin:8px 0 0;color:#8496a6;font-size:12px}

/* 会员中心 */
.member-panel{padding:26px;border:1px solid var(--line)}
.member-head{display:flex;align-items:center;gap:14px;padding-bottom:18px;
  border-bottom:1px solid var(--line)}
.big-avatar{width:55px;height:55px;border-radius:50%;display:grid;place-items:center;
  background:#dcecf7;color:var(--blue);font-size:20px}
/* 会员中心头部：信息居左，操作按钮靠右 */
.member-head-row{flex-wrap:wrap;justify-content:space-between}
.member-head-info{flex:1 1 auto;min-width:0}
.member-head-actions{display:flex;gap:10px;margin-left:auto;flex:0 0 auto}
/* 操作列纵向堆叠：两个按钮平排会把表格撑出横向滚动条 */
.intent-ops{display:flex;flex-direction:column;align-items:stretch;gap:6px}
.intent-ops .btn{min-height:32px;padding:5px 10px;width:100%;text-align:center;
  white-space:nowrap}
/* 纵向堆叠下与按钮同宽居中，避免提示文字偏在一侧 */
.op-hint{color:#8a98a3;font-size:12px;text-align:center}
@media(max-width:850px){
  .member-head-actions{width:100%;margin-left:0;margin-top:12px}
  .member-head-actions .btn{flex:1}
}
.table{width:100%;border-collapse:collapse;margin-top:18px;font-size:13px}
.table th,.table td{padding:12px 10px;border-bottom:1px solid var(--line);text-align:left}
.table th{background:#f7fafc;color:var(--muted);font-weight:normal;white-space:nowrap}
.badge{display:inline-block;padding:2px 8px;border-radius:12px;font-size:12px;white-space:nowrap}

/* 投标意向表：状态列与徽章一律不折行，否则 7 列挤在面板内时
   「意向金状态」「审核通过」这类短词会被逐字拆成两行。
   项目名是唯一允许折行的列，并设上限防止长标题把表撑宽。 */
.intent-table{table-layout:auto;min-width:760px}
.intent-table td,.intent-table th{white-space:nowrap}
/* 项目名是唯一可折行的列：给个上限，让它换行而非独占宽度把表撑宽 */
.intent-table .col-project{white-space:normal;min-width:150px;max-width:240px}
/* 操作列按最宽按钮定宽，纵向堆叠后不再需要横向空间 */
.intent-table .col-ops{white-space:nowrap;width:1%}
.b-success{background:#eaf6ee;color:#23774f}
.b-warn{background:#fff4df;color:#a86911}
.b-danger{background:#fceeee;color:#bc3e3e}
.b-plain{background:#eef2f5;color:#63798d}

/* 弹窗 */
.modal-bg{display:none;position:fixed;inset:0;z-index:999;background:rgba(3,17,33,.72)}
.modal-bg.show{display:grid;place-items:center;padding:20px}
.modal{width:min(750px,100%);max-height:calc(100vh - 40px);overflow:auto;background:#fff;
  border-radius:5px;box-shadow:0 20px 56px rgba(0,0,0,.36)}
.modal h2{margin:0;padding:17px 20px;border-bottom:1px solid var(--line);font-size:18px}
.modal-body{padding:20px}
.modal-foot{display:flex;justify-content:flex-end;gap:10px;padding:14px 20px;
  background:#f7fafc}
.form{display:grid;grid-template-columns:1fr 1fr;gap:13px}
.field.full{grid-column:1/-1}
.field label{display:block;margin-bottom:5px;font-size:13px}
.field.req label::before{content:"*";margin-right:3px;color:#cf4b4b}
.field input{width:100%;padding:9px;border:1px solid #cad6df;border-radius:3px}
.code{display:flex;gap:8px}
.code button{min-height:36px;padding:6px 11px;border:1px solid var(--blue);
  border-radius:3px;background:#fff;color:var(--blue);font-weight:600;cursor:pointer;
  white-space:nowrap}
.code button:hover:not(:disabled){background:#eaf3fa}
.code button:disabled{opacity:.6;cursor:not-allowed}
.pay-panel{padding-top:16px;border-top:1px solid #e3e9ee;text-align:center}
.pay-panel h3{margin:0 0 6px;font-size:16px;color:var(--navy)}
.pay-panel p{margin:0 0 10px;color:var(--muted);font-size:13px}
.pay-panel img{display:block;width:168px;height:168px;margin:0 auto 9px;
  border:8px solid #fff;box-shadow:0 1px 6px rgba(12,49,80,.13)}
.member-info{margin-bottom:16px;padding:14px;background:#f4f8fb;border:1px solid #d9e6ef}
.member-info b{display:block;margin-bottom:4px;color:var(--navy)}
.hint{margin:12px 0 0;color:#8a98a3;font-size:12px}
.form-error{display:none;margin:0 0 14px;padding:9px 11px;border-left:3px solid #bc3e3e;
  background:#fdeeee;color:#a33a3a;font-size:13px}
.form-error.show{display:block}
.form-note{margin:0 0 12px;color:var(--muted);font-size:13px}

/* 案例图片轮播 */
.case-carousel{position:relative;overflow:hidden;margin:0 0 20px;background:#e9eef2;
  aspect-ratio:16/8}
.case-carousel>img{display:block;width:100%;height:100%;object-fit:cover}
.case-carousel.empty{display:grid;place-items:center;color:#667b8e}
.case-carousel-control{position:absolute;top:50%;width:38px;height:48px;
  transform:translateY(-50%);border:0;background:rgba(13,48,80,.72);color:#fff;
  font-size:32px;line-height:1;cursor:pointer}
.case-carousel-control:hover{background:var(--blue)}
.case-carousel-control.prev{left:0}
.case-carousel-control.next{right:0}
.case-carousel-dots{position:absolute;left:50%;bottom:11px;display:flex;gap:7px;
  transform:translateX(-50%)}
.case-carousel-dots button{width:8px;height:8px;padding:0;border:1px solid #fff;
  border-radius:50%;background:transparent;cursor:pointer}
.case-carousel-dots button.active{background:#fff}

/* 新闻中心 */
.news-tabs{display:flex;align-items:center;gap:0;margin-bottom:20px;
  border-bottom:1px solid #dfe7ee}
.news-tab{appearance:none;margin-bottom:-1px;padding:11px 18px;border:0;
  border-bottom:2px solid transparent;background:#fff;color:#526373;
  font:inherit;font-weight:600;cursor:pointer;white-space:nowrap}
.news-tab:hover,.news-tab.active{color:var(--blue);border-bottom-color:var(--blue)}
.news-list{display:grid;gap:12px}
.news-row{padding:20px 22px;border:1px solid #dfe7ee;cursor:pointer;
  transition:border-color .18s,box-shadow .18s}
.news-row:hover{border-color:#8fb4d1;box-shadow:0 5px 14px rgba(9,35,63,.08)}
.news-row-top,.news-meta{display:flex;align-items:center;justify-content:space-between;
  gap:14px}
.news-row time,.news-meta{color:#718190;font-size:13px}
.news-row h2{margin:11px 0 7px;color:#172b3d;font-size:18px;line-height:1.45}
.news-row p{margin:0;color:#667788;line-height:1.75}
.news-more{color:var(--blue);font-weight:600}
.news-article-content{color:#435566;line-height:1.9}
.news-article-content p:first-child{margin-top:0}

/* 意向金邮件支付 */
.email-payment{text-align:left}
.email-payment h3{margin-bottom:6px}
.payment-email{display:flex;align-items:center;gap:10px;margin:14px 0;padding:12px;
  border:1px solid #c8dcea;background:#fff}
.payment-email span{color:var(--muted);font-size:13px}
.payment-email b{flex:1;color:var(--navy)}
.payment-email .btn{padding:7px 12px;white-space:nowrap}

/* 提示条 */
.toast{display:none;position:fixed;top:88px;left:50%;transform:translateX(-50%);z-index:1200;
  max-width:min(560px,calc(100vw - 32px));padding:10px 17px;border-radius:3px;
  background:var(--navy);color:#fff;box-shadow:0 6px 18px rgba(4,22,44,.3)}
.toast.show{display:block}
.toast.error{background:#8f2f2f}
.empty,.loading{padding:34px;text-align:center;color:var(--muted)}
.card{border:1px solid #dfe7ee;background:#fff}
.case:focus-visible,.tender:focus-visible,.expert:focus-visible,.row:focus-visible,
.expert-row:focus-visible,.btn:focus-visible,.member:focus-visible{
  outline:3px solid #7cb7de;outline-offset:2px}

@media(max-width:850px){
  .nav,.search{display:none}
  .header .wrap{gap:10px}
  .brand{min-width:0}
  .intro,.cards3,.layout{grid-template-columns:1fr}
  .intro-img::after{right:0}
  .expert-grid,.expert-list{grid-template-columns:repeat(2,1fr)}
  .row{grid-template-columns:1fr}
  .row img{width:100%;height:170px}
  .meta{grid-template-columns:1fr}
  .contact .wrap{display:block}
  .contact .btn{margin-top:16px}
  .hero h1{font-size:30px}
  .hero-control{display:none}
  .hero-slide .wrap{width:calc(100% - 42px)}
  .hero-dots{bottom:17px}
  .case-carousel-control{width:32px;height:42px;font-size:28px}
  .news-tab{padding-inline:14px}
  .news-row{padding:17px}
  .news-row-top,.news-meta{flex-direction:column;align-items:flex-start;gap:7px}
  .payment-email{flex-wrap:wrap}
  .payment-email b{flex:auto;width:100%}
  .payment-email .btn{width:100%}
}
/* 首页卡片横向无缝自动滚动（数据量超过展示数时启用） */
.home-scroll-wrap{overflow:hidden;position:relative}
.home-scroll-track{display:flex;gap:20px;width:max-content}
.home-scroll-track.is-scrolling{animation:homeScrollLeft linear infinite}
.home-scroll-wrap:hover .home-scroll-track,
.home-scroll-wrap:focus-within .home-scroll-track{animation-play-state:paused}
@keyframes homeScrollLeft{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.home-scroll-case .case{flex:0 0 375px;max-width:375px}
.home-scroll-expert .expert{flex:0 0 278px;max-width:278px}
@media(max-width:850px){
  .home-scroll-case .case{flex:0 0 260px;max-width:260px}
  .home-scroll-expert .expert{flex:0 0 200px;max-width:200px}
}
@media(max-width:520px){
  .home-scroll-case .case{flex:0 0 220px;max-width:220px}
  .home-scroll-expert .expert{flex:0 0 170px;max-width:170px}
}

/* 关于我们·公司图片走廊 */
.company-gallery{margin:0 0 22px;padding:8px;overflow:hidden;border:1px solid #dce7ee;background:#f5f8fb}
.company-gallery-track{display:flex;gap:14px;width:100%;will-change:transform}
.company-gallery-item{flex:0 0 calc((100% - 28px)/3);height:190px;overflow:hidden;background:#e6eef4}
.company-gallery-item img{width:100%;height:100%;object-fit:cover;display:block}
@media(max-width:850px){.company-gallery-item{flex-basis:calc((100% - 14px)/2)}}
@media(max-width:520px){.company-gallery{padding:6px}.company-gallery-item{flex-basis:100%;height:200px}}

/* ---------- 专家抽取页 ---------- */
.draw-project{}
.draw-info{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid #dce7f0;margin:16px 0 20px}
.draw-info>div{padding:13px 16px;border-right:1px solid #dce7f0;border-bottom:1px solid #dce7f0}
.draw-info>div:nth-child(3n){border-right:0}
.draw-info>div:nth-last-child(-n+3){border-bottom:0}
.draw-info b{display:block;color:#8294a8;font-size:12px;font-weight:400;margin-bottom:5px}
.draw-box-site{background:#f7fafc;border:1px solid #dce7f0;padding:20px 22px;border-radius:3px}
.draw-box-site h3{margin:0 0 16px;font-size:15px;color:#173e63}
.draw-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.draw-field label{display:block;margin-bottom:7px;color:#66788a;font-size:12px}
.draw-field select{width:100%;padding:8px 9px;border:1px solid #cad6df;border-radius:3px;background:#fff;font:inherit;color:#1d2e3e}
.draw-action-line{display:flex;align-items:center;gap:14px;margin-top:18px}
.draw-action-line small{color:#768ca0;font-size:12px;line-height:1.5}
.draw-result-site{margin-top:22px;border:1px solid #dce7f0;border-radius:3px;overflow:hidden;padding:0}
.draw-result-head{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;background:#f5f8fb;border-bottom:1px solid #dce7f0}
.draw-result-head h3{margin:0 0 4px;font-size:15px}
.draw-result-head p{margin:0;color:#66788a;font-size:12px}
.expert-result-table{width:100%;border-collapse:collapse}
.expert-result-table th,.expert-result-table td{padding:11px 14px;border-bottom:1px solid #e7eef4;font-size:13px;text-align:left}
.expert-result-table th{background:#fbfdfe;color:#455769;font-weight:600}
.expert-result-table tr:last-child td{border-bottom:0}
@media(max-width:720px){.draw-info{grid-template-columns:1fr 1fr}.draw-fields{grid-template-columns:1fr}}