/* 统一订单入口与跨业务订单工作区。 */ .new-order-page{display:grid;gap:18px;color:var(--archive-ink,#1c2530)} .new-order-breadcrumb{color:var(--archive-muted,#7e8793);font-size:13px;font-weight:700} .new-order-breadcrumb span{padding:0 8px;color:var(--archive-gold,#d79c2c)} .new-order-heading h2{margin:0 0 6px;font-size:30px;line-height:1.15} .new-order-heading p{margin:0;color:var(--archive-muted,#7e8793)} .new-order-modes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px} .new-order-mode{min-height:104px;display:grid;grid-template-columns:56px minmax(0,1fr) 28px;align-items:center;gap:16px;padding:20px 24px;border:1px solid var(--archive-line,#e2dfd8);border-radius:12px;background:var(--archive-paper,#fffdf9);color:var(--archive-ink,#1c2530);text-align:left;box-shadow:0 4px 14px rgba(16,36,58,.035)} .new-order-mode:hover{border-color:color-mix(in srgb,var(--archive-gold,#d79c2c) 55%,var(--archive-line,#e2dfd8))} .new-order-mode.is-active{border-color:var(--archive-gold,#d79c2c);background:#fffaf0;box-shadow:inset 0 -2px var(--archive-gold,#d79c2c)} .new-order-mode svg{width:42px;height:42px;fill:none;stroke:currentColor;stroke-width:1.7;color:var(--archive-navy,#10243a)} .new-order-mode span{display:grid;gap:7px}.new-order-mode strong{font-size:18px}.new-order-mode small{color:var(--archive-muted,#7e8793);font-size:12px;font-weight:600} .new-order-mode i{width:26px;height:26px;display:grid;place-items:center;border:1px solid #cfd4da;border-radius:50%;color:transparent;font-style:normal} .new-order-mode.is-active i{border-color:var(--archive-gold,#d79c2c);background:var(--archive-gold,#d79c2c);color:#fff} .new-order-standard-card,.new-order-ai-card{overflow:hidden;border:1px solid var(--archive-line,#e2dfd8);border-radius:12px;background:var(--archive-paper,#fffdf9);box-shadow:0 5px 18px rgba(16,36,58,.04)} .new-order-standard-card>header,.new-order-ai-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:22px 24px 18px;border-bottom:1px solid var(--archive-line,#e2dfd8)} .new-order-standard-card>header span,.new-order-ai-head span{color:var(--archive-gold-dark,#af7315);font-size:11px;font-weight:850;letter-spacing:.08em} .new-order-standard-card h2,.new-order-ai-card h2{margin:5px 0 4px;font-size:20px}.new-order-standard-card p,.new-order-ai-card p{margin:0;color:var(--archive-muted,#7e8793);font-size:12px} .new-order-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 24px;padding:24px} .new-order-form-grid textarea{min-height:82px} .new-order-standard-card>footer{display:flex;justify-content:flex-end;gap:12px;padding:16px 24px 22px;border-top:1px solid var(--archive-line,#e2dfd8)} .new-order-ai-tabs{display:flex;gap:28px;padding:0 24px;border-bottom:1px solid var(--archive-line,#e2dfd8)} .new-order-ai-tabs button{position:relative;padding:15px 4px;border:0;background:transparent;color:var(--archive-muted,#7e8793);font-weight:800} .new-order-ai-tabs button.is-active{color:var(--archive-ink,#1c2530)} .new-order-ai-tabs button.is-active:after{content:"";position:absolute;inset:auto 0 0;height:2px;background:var(--archive-gold,#d79c2c)} .new-order-ai-card>.trip-mode-panel{margin:0;border:0;border-radius:0;box-shadow:none} .new-order-ai-card .trip-mode-panel{padding:22px 24px} .new-order-safety-note{margin:0;text-align:center;color:var(--archive-muted,#7e8793);font-size:12px} @media(max-width:780px){.new-order-modes,.new-order-form-grid{grid-template-columns:1fr}.new-order-heading h2{font-size:25px}.new-order-mode{grid-template-columns:44px minmax(0,1fr) 24px;padding:17px}.new-order-mode svg{width:34px;height:34px}.new-order-standard-card>header,.new-order-ai-head{display:grid;padding:18px}.new-order-form-grid{padding:18px}.new-order-form-grid .span-2{grid-column:auto}.new-order-standard-card>footer{display:grid;grid-template-columns:1fr;padding:15px 18px}.new-order-ai-card .trip-mode-panel{padding:16px}} /* 订单管理：一个 quote.id 贯穿订单台账、接待任务与团款工作台。 */ .orders-page{display:grid;gap:16px;color:var(--archive-ink,#1c2530)} .orders-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;padding:23px 26px;border-radius:13px;background:var(--archive-navy,#10243a);color:#fff;box-shadow:0 6px 20px rgba(16,36,58,.08)} .orders-heading>div>span{color:#d9aa54;font-size:11px;font-weight:850;letter-spacing:.12em}.orders-heading h2{margin:5px 0 4px;color:#fff;font-size:27px}.orders-heading p{margin:0;color:#c6d0da;font-size:13px} .orders-create-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap} .orders-create-button{min-width:176px;min-height:54px;display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:0 25px;border:1px solid #e8bd68;border-radius:11px;background:#dda029;color:#10243a;font-size:18px;font-weight:900;letter-spacing:.02em;box-shadow:0 7px 18px rgba(0,0,0,.18);transition:background .16s,box-shadow .16s,transform .16s} .orders-create-button .nav-svg{width:21px;height:21px;stroke-width:2.2}.orders-create-button:hover{background:#e7ad38;box-shadow:0 9px 22px rgba(0,0,0,.23);transform:translateY(-1px)}.orders-create-button:active{transform:translateY(0)}.orders-create-button:focus-visible{outline:3px solid rgba(255,255,255,.88);outline-offset:3px} .orders-create-order{border-color:#64ad82;background:#2d8b57;color:#fff}.orders-create-order:hover{background:#237949}.orders-create-quote{background:#dda029;color:#10243a} .order-workspace-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px} .order-workspace-card{min-height:104px;display:grid;grid-template-columns:minmax(0,1fr) auto;align-content:center;gap:5px 14px;padding:18px 20px;border:1px solid var(--archive-line,#e2dfd8);border-radius:12px;background:var(--archive-paper,#fffdf9);color:var(--archive-ink,#1c2530);text-align:left;box-shadow:0 3px 12px rgba(16,36,58,.035)} .order-workspace-card span{font-weight:850;font-size:16px}.order-workspace-card strong{grid-row:1/3;grid-column:2;font-size:28px;color:var(--archive-navy,#10243a)}.order-workspace-card small{color:var(--archive-muted,#7e8793);font-size:11px}.order-workspace-card.is-active{border-color:#d7b979;background:#fffbf2;box-shadow:inset 4px 0 #d79c2c} .order-segments{display:flex;gap:2px;overflow:auto;padding:5px;border:1px solid var(--archive-line,#e2dfd8);border-radius:11px;background:#ece9e3}.order-segments button{white-space:nowrap;padding:10px 16px;border:0;border-radius:8px;background:transparent;color:#67717d;font-weight:750}.order-segments button b{margin-left:5px;color:inherit}.order-segments button.is-active{background:#fff;color:#10243a;box-shadow:0 1px 5px rgba(16,36,58,.07)} .order-toolbar{display:grid;grid-template-columns:minmax(240px,1fr) repeat(5,auto);gap:10px;align-items:end;padding:13px 15px;border:1px solid var(--archive-line,#e2dfd8);border-radius:12px;background:var(--archive-paper,#fffdf9)} .order-toolbar label{display:grid;gap:5px}.order-toolbar label>span{font-size:10px;color:var(--archive-muted,#7e8793);font-weight:750}.order-toolbar input,.order-toolbar select{height:42px;min-width:132px;border:1px solid #d9dde2;border-radius:8px;background:#fff}.order-toolbar .order-search{position:relative;display:block}.order-search>span{position:absolute;left:14px;top:11px;font-size:17px;color:#8a929c}.order-search input{width:100%;padding-left:39px}.order-toolbar button{height:42px;white-space:nowrap} .order-records{min-height:260px;border:1px solid var(--archive-line,#e2dfd8);border-radius:12px;background:var(--archive-paper,#fffdf9);overflow:hidden}.order-table-wrap{overflow:auto}.order-table{width:100%;min-width:1050px;border-collapse:collapse}.order-table th{padding:13px 15px;background:#f5f3ef;color:#66717e;font-size:11px;text-align:left;white-space:nowrap}.order-table td{padding:15px;border-top:1px solid #ebe8e2;vertical-align:middle;font-size:13px}.order-table td>strong,.order-table td>span,.order-table td>small{display:block}.order-table td>strong{font-size:14px;color:#1c2530}.order-table td>span{margin-top:5px;color:#505b68}.order-table td>small{margin-top:5px;color:#8a929b;font-size:11px}.order-table tr:hover td{background:#fffdf7} .order-progress{display:grid;grid-template-columns:repeat(3,minmax(88px,1fr));gap:6px}.order-progress button{display:grid;gap:3px;min-height:55px;padding:8px 10px;border:1px solid #e1e3e5;border-radius:8px;background:#fff;text-align:left}.order-progress button:hover:not(:disabled){border-color:#d7b979}.order-progress button:disabled{opacity:.68}.order-progress span{font-size:10px;color:#8a929b}.order-progress b{font-size:12px;color:#34404d}.order-progress small{font-size:9px;color:#9a7b42} .order-status{display:inline-flex!important;width:max-content;align-items:center;min-height:26px;padding:4px 9px;border-radius:999px;background:#eef0f2;color:#67717c;font-size:11px!important;font-weight:800}.order-status.is-success{background:#e8f5ec;color:#237c4b}.order-status.is-warning{background:#fff1d9;color:#a5680b}.order-status.is-danger{background:#fdeae7;color:#b64337}.order-status.is-muted{background:#eef0f2;color:#68727d} .order-arrangement-list{display:grid;justify-items:start;gap:5px}.order-arrangement-list>span{display:grid;width:min(230px,100%);box-sizing:border-box;grid-template-columns:52px minmax(0,1fr);gap:8px;padding:6px 8px;border-radius:7px;background:#fff1dd;color:#72521c;font-size:11px}.order-arrangement-list>span.is-done{background:#e9f5ed;color:#28794d}.order-arrangement-list>span.is-off{background:#f0f1f2;color:#7f8790}.order-arrangement-list b{font-size:11px}.order-arrangement-list em{min-width:0;overflow:hidden;font-style:normal;text-overflow:ellipsis;white-space:nowrap}.secondary.compact{min-height:36px;padding:7px 11px;font-size:12px} .order-empty{display:grid;place-content:center;min-height:270px;text-align:center;color:#747e89}.order-empty strong{color:#36414d;font-size:17px}.order-empty p{margin:7px 0 0;font-size:12px}.order-pagination{display:flex;justify-content:flex-end;align-items:center;gap:12px}.order-pagination button{padding:8px 13px;border:1px solid #d7dadd;border-radius:8px;background:#fff}.order-pagination span{color:#727c86;font-size:12px} .order-quote-table{min-width:1120px}.order-formal-table{min-width:1260px}.order-row-actions{display:flex;align-items:center;gap:7px;min-width:245px}.order-convert-button,.formal-order-submit{min-height:38px;padding:8px 14px;border:1px solid #2b7f50;border-radius:8px;background:#2d8b57;color:#fff;font-size:12px;font-weight:850;white-space:nowrap}.order-convert-button:hover,.formal-order-submit:hover{background:#237849}.order-convert-button:focus-visible,.formal-order-submit:focus-visible{outline:3px solid rgba(45,139,87,.22);outline-offset:2px} .order-pending-work{display:grid;justify-items:start;gap:6px;min-width:126px}.order-pending-work>strong{display:inline-flex;align-items:center;min-height:32px;padding:6px 9px;border:1px solid #e3c785;border-radius:8px;background:#fff7e6;color:#8b5b10;font-size:11px;font-weight:850}.order-pending-work ul{display:grid;gap:3px;margin:0;padding:0;list-style:none;color:#76541d}.order-pending-work li{position:relative;padding-left:11px;font-size:11px;font-weight:750;line-height:1.45}.order-pending-work li::before{position:absolute;left:0;top:.58em;width:4px;height:4px;border-radius:50%;background:#cf8d21;content:""}.order-balance-alert{color:#b44737!important;font-weight:800}.order-formal-table tr.is-completed-unpaid td{background:#fffafa} .order-detail-overlay{position:fixed;inset:0;z-index:70;background:rgba(11,24,38,.34);display:flex;justify-content:flex-end}.order-detail-overlay.hidden{display:none}.order-detail-drawer{width:min(720px,calc(100vw - 40px));height:100%;overflow:auto;background:#f6f3ed;box-shadow:-12px 0 35px rgba(16,36,58,.16)} .order-convert-overlay{position:fixed;inset:0;z-index:82;display:grid;place-items:center;padding:20px;background:rgba(11,24,38,.42)}.order-convert-overlay.hidden{display:none}.order-convert-dialog{width:min(620px,100%);max-height:calc(100vh - 40px);overflow:auto;border:1px solid #dcd8d0;border-radius:14px;background:#fffdf9;box-shadow:0 18px 50px rgba(16,36,58,.2)}.order-convert-dialog>header{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:19px 22px;background:#10243a;color:#fff}.order-convert-dialog>header span{color:#d8aa55;font-size:10px;font-weight:850;letter-spacing:.1em}.order-convert-dialog>header h2{margin:4px 0 0;color:#fff;font-size:21px}.order-convert-dialog>header .icon-btn{width:36px;height:36px;padding:0;border:1px solid rgba(255,255,255,.25);border-radius:8px;background:transparent;color:#fff;font-size:23px}.order-convert-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-bottom:1px solid #e7e2d9}.order-convert-summary>div{padding:15px 18px;border-right:1px solid #ebe7df}.order-convert-summary>div:last-child{border-right:0}.order-convert-summary span,.order-convert-summary strong{display:block}.order-convert-summary span{color:#858e97;font-size:10px}.order-convert-summary strong{margin-top:6px;color:#26323e;font-size:13px}.order-convert-dialog form{display:grid;gap:16px;padding:20px 22px}.order-convert-dialog form>label,.order-convert-payment label{display:grid;gap:6px;color:#5e6974;font-size:11px;font-weight:750}.order-convert-dialog input,.order-convert-dialog select,.order-convert-dialog textarea{width:100%;min-height:42px;border:1px solid #d9dde1;border-radius:8px;background:#fff}.order-convert-dialog .required:after{content:" *";color:#b7443b}.order-convert-team small,.order-convert-reason small{color:#858e97;font-size:10px}.order-convert-dialog fieldset{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0;padding:0;border:0}.order-convert-dialog legend{margin-bottom:8px;color:#5e6974;font-size:11px;font-weight:800}.order-convert-dialog fieldset label{display:flex;align-items:center;gap:7px;min-height:43px;padding:10px;border:1px solid #dedbd5;border-radius:8px;background:#faf8f4;font-size:11px;font-weight:750}.order-convert-dialog fieldset input{width:auto;min-height:auto}.order-convert-payment{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:15px;border:1px solid #e3ded5;border-radius:9px;background:#faf7f1}.order-convert-payment .span-2{grid-column:1/-1}.order-convert-reason{padding:14px;border-left:3px solid #d79c2c;background:#faf7f1}.order-convert-dialog form>footer{display:flex;justify-content:flex-end;gap:9px;padding-top:4px} .order-detail-head{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:19px 22px;background:#10243a;color:#fff}.order-detail-head span{color:#d8aa55;font-size:10px;font-weight:850;letter-spacing:.1em}.order-detail-head h2{margin:4px 0 0;color:#fff;font-size:22px}.order-detail-head .icon-btn{display:grid!important;place-items:center;width:38px;height:38px;padding:0;border:1px solid rgba(255,255,255,.25);border-radius:9px;background:transparent;color:#fff;font-size:25px}.order-detail-overview{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border-bottom:1px solid #e0dcd4;background:#fffdf9}.order-detail-overview>div{min-height:88px;padding:15px 14px;border-right:1px solid #ebe7df}.order-detail-overview span,.order-detail-overview strong,.order-detail-overview small{display:block}.order-detail-overview span{color:#8a929b;font-size:10px}.order-detail-overview strong{margin-top:7px;color:#25303c;font-size:13px}.order-detail-overview small{margin-top:4px;color:#838c96;font-size:10px}.order-detail-tabs{position:sticky;top:77px;z-index:2;display:flex;gap:23px;overflow:auto;padding:0 22px;border-bottom:1px solid #dedad2;background:#fff}.order-detail-tabs button{position:relative;white-space:nowrap;padding:14px 2px;border:0;background:transparent;color:#7a838d;font-weight:780}.order-detail-tabs button.is-active{color:#15283c}.order-detail-tabs button.is-active:after{content:"";position:absolute;inset:auto 0 0;height:2px;background:#d79c2c}.order-detail-content{padding:18px}.order-detail-section{overflow:hidden;border:1px solid #dfdbd3;border-radius:12px;background:#fffdf9}.order-detail-section>header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:17px 19px;border-bottom:1px solid #e7e3dc}.order-detail-section>header span{color:#b07417;font-size:10px;font-weight:850;letter-spacing:.08em}.order-detail-section>header h3{margin:4px 0 0;font-size:17px}.order-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin:0;padding:16px 18px;gap:14px}.order-detail-grid>div{padding:12px;border:1px solid #ebe7e0;border-radius:8px;background:#fff}.order-detail-grid dt{color:#858e98;font-size:10px}.order-detail-grid dd{margin:6px 0 0;white-space:pre-wrap;color:#34404c;font-size:12px;line-height:1.6}.order-version-list,.order-mini-table{display:grid;gap:7px;padding:0 18px 18px}.order-version-list article,.order-mini-table article{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:12px;padding:11px 12px;border:1px solid #ebe7e0;border-radius:8px;background:#fff}.order-version-list a{color:#9a6412;font-size:11px;font-weight:780}.order-version-list span,.order-mini-table small{display:block;color:#868f98;font-size:10px}.order-detail-status-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:18px}.order-detail-status-grid>*{display:grid;gap:5px;padding:16px;border:1px solid #e2ded7;border-radius:9px;background:#fff;text-align:left}.order-detail-status-grid b{color:#1f2d3b}.order-detail-status-grid span{color:#818a94;font-size:11px}.order-day-list{display:grid;gap:0;border-bottom:1px solid #e6e2da}.order-day-list article{display:grid;grid-template-columns:62px 1fr;gap:12px;padding:15px 18px;border-top:1px solid #eeebe5}.order-day-list article:first-child{border-top:0}.order-day-list article>b{color:#b87918;font-size:12px}.order-day-list article strong{font-size:13px}.order-day-list article p{margin:7px 0;color:#424d59;font-size:12px;line-height:1.65;white-space:pre-wrap}.order-day-list article small{color:#858e98;font-size:10px}.order-arrangement-forms{display:grid;gap:12px;padding:17px}.order-arrangement-form{border:1px solid #e4dfd7;border-radius:10px;background:#fff}.order-arrangement-form>header{display:flex;justify-content:space-between;align-items:center;padding:11px 13px;border-bottom:1px solid #ede9e3}.order-arrangement-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;padding:13px}.order-arrangement-form-grid label{display:grid;gap:5px;color:#65707b;font-size:10px;font-weight:700}.order-arrangement-form-grid input,.order-arrangement-form-grid textarea{min-height:38px;border:1px solid #dce0e3;border-radius:7px}.order-arrangement-form-grid textarea{min-height:66px}.order-arrangement-form-grid .span-2{grid-column:1/-1}.order-arrangement-form>footer{display:flex;align-items:center;gap:15px;padding:11px 13px;border-top:1px solid #ede9e3}.order-arrangement-form>footer .check{display:flex;align-items:center;gap:6px;font-size:11px}.order-arrangement-form>footer button{margin-left:auto}.order-arrangement-help{margin:4px 0;color:#7f8790;font-size:11px}.order-payment-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding:15px 18px}.order-payment-summary>div{padding:11px;border-radius:8px;background:#f5f2ec}.order-payment-summary span,.order-payment-summary strong{display:block}.order-payment-summary span{color:#818b95;font-size:10px}.order-payment-summary strong{margin-top:6px;font-size:12px}.order-detail-section>h4{margin:4px 18px 10px;font-size:13px}.order-detail-empty{padding:32px;text-align:center;color:#7b858f}.order-detail-open{overflow:hidden} .order-detail-actions{display:flex;align-items:center;justify-content:flex-end;gap:7px;flex-wrap:wrap}.order-detail-actions .danger{min-height:36px;padding:7px 11px;border:1px solid #e5bbb5;border-radius:8px;background:#fff7f5;color:#a84237;font-size:11px;font-weight:800}.order-itinerary-form{border-bottom:1px solid #e6e2da}.order-itinerary-edit-days{display:grid;gap:12px;padding:16px}.order-itinerary-edit-days>article{display:grid;grid-template-columns:62px minmax(0,1fr);gap:12px;padding:13px;border:1px solid #e4dfd7;border-radius:9px;background:#fff;scroll-margin-block:120px}.order-itinerary-edit-days>article.is-deep-link-target{border-color:#d79c2c;box-shadow:0 0 0 3px rgba(215,156,44,.18)}.order-itinerary-edit-days>article>b{color:#b87918;font-size:12px}.order-itinerary-edit-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.order-itinerary-edit-grid label{display:grid;gap:5px;color:#65707b;font-size:10px;font-weight:700}.order-itinerary-edit-grid input,.order-itinerary-edit-grid textarea{min-height:38px;border:1px solid #dce0e3;border-radius:7px}.order-itinerary-edit-grid [data-day-field].is-deep-link-target{border-color:#b87918;box-shadow:0 0 0 3px rgba(215,156,44,.2)}.order-itinerary-edit-grid textarea{min-height:84px}.order-itinerary-edit-grid .span-2{grid-column:1/-1}.order-itinerary-form>footer{display:flex;justify-content:flex-end;gap:9px;padding:12px 16px;background:#faf8f4} @media(max-width:1100px){.order-toolbar{grid-template-columns:minmax(220px,1fr) repeat(3,auto)}.order-toolbar label:nth-of-type(n+3){grid-row:2}.order-progress{grid-template-columns:1fr}.orders-heading{align-items:center}} @media(max-width:760px){.orders-heading{display:grid;padding:20px}.orders-create-actions{display:grid;grid-template-columns:1fr;width:100%}.orders-create-button{width:100%;min-height:52px;font-size:17px}.order-workspace-cards{grid-template-columns:1fr}.order-toolbar{grid-template-columns:1fr}.order-toolbar>*{grid-column:auto!important;grid-row:auto!important;width:100%}.order-toolbar input,.order-toolbar select{width:100%}.order-detail-drawer{width:100vw}.order-segments{margin-inline:-4px}.order-detail-overview{grid-template-columns:repeat(2,minmax(0,1fr))}.order-detail-grid,.order-arrangement-form-grid,.order-itinerary-edit-grid{grid-template-columns:1fr}.order-arrangement-form-grid .span-2,.order-itinerary-edit-grid .span-2{grid-column:auto}.order-detail-status-grid,.order-payment-summary{grid-template-columns:1fr}.order-arrangement-form>footer{align-items:flex-start;flex-wrap:wrap}.order-arrangement-form>footer button{width:100%;margin:0}.order-detail-tabs{top:77px}.order-itinerary-edit-days>article{grid-template-columns:1fr}.order-detail-section>header{align-items:flex-start}.order-detail-actions{justify-content:flex-start}.order-convert-summary,.order-convert-dialog fieldset,.order-convert-payment{grid-template-columns:1fr}.order-convert-summary>div{border-right:0;border-top:1px solid #ebe7df}.order-convert-summary>div:first-child{border-top:0}.order-convert-payment .span-2{grid-column:auto}.order-convert-dialog form>footer{display:grid;grid-template-columns:1fr}.order-convert-dialog form>footer button{width:100%}} /* Orders data density overrides: payments keep original receipts and contract credits separate. */ .order-table{min-width:1240px}.order-payment-summary{grid-template-columns:repeat(5,minmax(0,1fr))} @media(max-width:760px){.order-payment-summary{grid-template-columns:1fr}} /* V15：按真实业务类型快速报价。 */ .business-type-step{display:grid;gap:22px;padding:28px;border:1px solid var(--archive-line,#e2dfd8);border-radius:13px;background:var(--archive-paper,#fffdf9)} .business-type-step>header>span,.business-quote-head>div>span{color:var(--archive-gold-dark,#af7315);font-size:11px;font-weight:850;letter-spacing:.1em}.business-type-step h2{margin:6px 0;font-size:25px}.business-type-step p{margin:0;color:var(--archive-muted,#7e8793);font-size:13px} .business-type-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.business-type-card{display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:13px;min-height:88px;padding:15px 17px;border:1px solid #e2ded7;border-radius:11px;background:#fff;color:#26313c;text-align:left}.business-type-card:hover,.business-type-card.is-active{border-color:#d79c2c;background:#fffbf2}.business-type-card i{display:grid;place-items:center;width:34px;height:34px;border-radius:9px;background:#f2eee6;color:#9b6a1d;font-size:11px;font-style:normal;font-weight:850}.business-type-card span{display:grid;gap:5px}.business-type-card strong{font-size:16px}.business-type-card small{color:#838c96;font-size:11px}.business-type-card>b{color:#b77b1e;font-size:18px} .business-quote-head{display:flex;justify-content:space-between;gap:20px;padding:20px 24px;border-bottom:1px solid #e6e2da}.business-form-section{padding:22px 24px;border-bottom:1px solid #ebe7e0}.business-form-section>h3{margin:0 0 5px;font-size:17px}.business-form-section>p{margin:0;color:#858e98;font-size:11px}.business-form-section>.new-order-form-grid,.business-form-section .business-price-mode>.new-order-form-grid{padding:18px 0 0}.business-form-section .new-order-form-grid label,.simple-business-editor label{display:grid;gap:7px;color:#596571;font-size:11px;font-weight:750}.business-form-section input,.business-form-section select,.business-form-section textarea,.simple-business-editor input,.simple-business-editor select,.simple-business-editor textarea{width:100%;min-height:43px;border:1px solid #d9dde1;border-radius:8px;background:#fff}.business-form-section textarea,.simple-business-editor textarea{padding:10px 12px;resize:vertical}.business-form-section .required:after{content:" *";color:#b84c40}.business-checks{display:flex;align-items:center;gap:16px}.business-checks label{display:flex!important;align-items:center;gap:7px}.business-checks input,.business-toggle input{width:auto;min-height:auto}.business-toggle{display:flex!important;align-items:flex-start;gap:9px;padding:12px;border:1px solid #e3dfd8;border-radius:9px;background:#faf7f1}.business-toggle span{display:grid;gap:3px}.business-toggle small,.business-form-section label>small{color:#89919a;font-size:10px}.business-accommodation{padding:13px;border-left:3px solid #d79c2c;background:#fbf7ee}.business-price-mode{display:grid;gap:14px}.complimentary-reason{padding:12px;border-radius:9px;background:#f5f1e9}.business-fees{margin:18px 0 0}.business-optional{margin-top:17px;border:1px solid #e5e1da;border-radius:9px}.business-optional summary{padding:12px 14px;color:#5b6671;font-size:12px;font-weight:800;cursor:pointer}.business-optional .new-order-form-grid{padding:4px 14px 15px}.new-order-standard-card>footer{position:sticky;bottom:0;z-index:2;background:rgba(255,253,249,.97)} .new-order-standard-card.is-formal-order{border-top:3px solid #2d8b57}.new-order-standard-card.is-formal-order .business-quote-head>div>span{color:#28794e}.business-order-payment{background:#fbfdfb}.business-payment-options{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:16px}.business-payment-options>label{display:flex!important;align-items:flex-start;gap:9px;padding:13px;border:1px solid #dfe3df;border-radius:9px;background:#fff}.business-payment-options input{width:auto;min-height:auto;margin-top:2px}.business-payment-options span{display:grid;gap:4px}.business-payment-options b{color:#26323e;font-size:12px}.business-payment-options small{color:#838d96;font-size:10px}.business-payment-details{margin-top:13px;border-left:3px solid #2d8b57;background:#f2f8f4}.business-payment-details .new-order-form-grid{padding:15px}.business-order-payment>.complimentary-reason{display:grid;gap:7px;margin-top:13px;border-left:3px solid #d79c2c}.formal-order-submit{min-height:43px;padding-inline:18px}.trip-draft-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap} .simple-business-editor{overflow:hidden;border:1px solid var(--archive-line,#e2dfd8);border-radius:13px;background:#fffdf9}.simple-business-editor-head{display:flex;justify-content:space-between;gap:18px;padding:20px 24px;background:#10243a;color:#fff}.simple-business-editor-head span{color:#d8aa55;font-size:10px;font-weight:850}.simple-business-editor-head h2{margin:5px 0;color:#fff}.simple-business-editor-head p{margin:0;color:#c9d1d9;font-size:12px}.simple-business-editor-footer{position:sticky;bottom:0;z-index:2;display:flex;align-items:center;justify-content:flex-end;gap:10px;padding:15px 22px;border-top:1px solid #e5e1d9;background:rgba(255,253,249,.98)}.simple-business-editor-footer .save-state{margin-right:auto} .sales-order-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.sales-order-metrics article{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:end;gap:5px;padding:17px 20px;border:1px solid #e2ded7;border-radius:11px;background:#fffdf9}.sales-order-metrics span{grid-column:1/-1;color:#7b858f;font-size:11px;font-weight:750}.sales-order-metrics strong{font-size:27px;color:#10243a}.sales-order-metrics small{padding-bottom:4px;color:#8a929b;font-size:10px} .order-decision-panel{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:16px;padding:13px;border:1px solid #e5e0d7;border-radius:9px;background:#faf7f1}.order-decision-panel>div:first-child{display:grid;gap:4px}.order-decision-panel span{color:#7d8791;font-size:10px}.order-decision-panel strong{font-size:13px} .order-additional-form{display:grid;gap:14px;margin:16px;padding:15px;border:1px solid #dec58f;border-radius:10px;background:#fffbf3}.order-additional-form>header{display:flex;align-items:center;justify-content:space-between}.order-additional-form h4{margin:3px 0}.order-additional-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.order-additional-form-grid label{display:grid;gap:5px;color:#66717c;font-size:10px;font-weight:750}.order-additional-form-grid input,.order-additional-form-grid select,.order-additional-form-grid textarea{min-height:39px;border:1px solid #d9dde1;border-radius:7px;background:#fff}.order-additional-form-grid .span-2{grid-column:1/-1}.order-additional-form-help{margin:0;padding:9px 11px;border-radius:7px;background:#fff;color:#68737e;font-size:10px;line-height:1.55}.order-additional-form>footer{display:flex;justify-content:flex-end;gap:8px}.order-additional-list{display:grid;gap:8px;padding:16px}.order-additional-list>article{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:13px;padding:13px;border:1px solid #e5e1da;border-radius:9px;background:#fff}.order-additional-list>article>div:first-child{display:grid;gap:4px}.order-additional-list span,.order-additional-list small{color:#7d8791;font-size:10px}.order-additional-list code,.order-additional-tasks code{width:max-content;color:#98a0a7;font-size:8px}.order-additional-list>article>div:nth-child(2){display:grid;justify-items:end;gap:5px}.order-additional-actions{display:flex;gap:5px}.order-additional-tasks{display:grid;gap:10px;margin-top:14px;padding:16px;border:1px solid #dfdbd3;border-radius:12px;background:#fffdf9}.order-additional-tasks>header h4{margin:3px 0}.order-additional-tasks>form{display:grid;grid-template-columns:minmax(150px,1fr) repeat(2,minmax(100px,.7fr)) auto auto;align-items:end;gap:9px;padding:12px;border:1px solid #e6e2db;border-radius:9px;background:#fff}.order-additional-tasks>form>div{display:grid;gap:3px}.order-additional-tasks label{display:grid;gap:4px;color:#6b7580;font-size:9px}.order-additional-tasks input{min-height:36px;border:1px solid #dce0e3;border-radius:7px}.order-additional-tasks .check{display:flex;align-items:center;gap:5px;padding-bottom:9px}.order-additional-tasks .check input{min-height:auto} @media(max-width:760px){.business-type-grid,.sales-order-metrics,.order-additional-form-grid,.business-payment-options{grid-template-columns:1fr}.business-type-step{padding:20px}.business-form-section{padding:18px}.business-form-section>.new-order-form-grid{padding-top:14px}.simple-business-editor-head,.simple-business-editor-footer{display:grid}.simple-business-editor-footer .save-state{margin:0}.order-decision-panel{align-items:flex-start;display:grid}.order-additional-list>article,.order-additional-tasks>form{grid-template-columns:1fr}.order-additional-list>article>div:nth-child(2){justify-items:start}.order-additional-actions{flex-wrap:wrap}.order-additional-form-grid .span-2{grid-column:auto}.trip-draft-actions{display:grid;width:100%}.trip-draft-actions button{width:100%}} .order-arrangement-statuses{display:flex!important;align-items:center;justify-content:flex-end;gap:6px;flex-wrap:wrap;color:inherit!important;letter-spacing:normal!important} .settings-manual-team-flow{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;align-items:center;gap:12px;margin:18px 0}.settings-manual-team-flow article{display:grid;gap:5px;min-height:94px;padding:15px;border:1px solid #e1ddd5;border-radius:9px;background:#fff}.settings-manual-team-flow article>b{display:grid;place-items:center;width:25px;height:25px;border-radius:50%;background:#10243a;color:#fff;font-size:11px}.settings-manual-team-flow article span{color:#7d8791;font-size:10px}.settings-manual-team-flow article strong{font-size:13px}.settings-manual-team-flow>i{color:#b37a21;font-style:normal;font-weight:900}@media(max-width:760px){.settings-manual-team-flow{grid-template-columns:1fr}.settings-manual-team-flow>i{display:none}} .v17-member-table th:nth-child(4),.v17-member-table td:nth-child(4){display:none} .order-team-number-form{display:grid;grid-template-columns:minmax(0,1fr) minmax(150px,210px) auto;align-items:center;gap:12px;padding:13px 18px;border-bottom:1px solid #dfdbd3;background:#fff8e9}.order-team-number-form>div{display:grid;gap:3px}.order-team-number-form>div span{color:#a96e15;font-size:10px;font-weight:850}.order-team-number-form>div strong{color:#28343f;font-size:13px}.order-team-number-form>div small{color:#7b858f;font-size:10px}.order-team-number-form input{width:100%;min-height:40px;border:1px solid #d9c28f;border-radius:8px;background:#fff}.order-team-number-form button{min-height:40px;white-space:nowrap}@media(max-width:760px){.order-team-number-form{grid-template-columns:1fr}.order-team-number-form button{width:100%}} .order-complimentary-approval{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:13px 18px;border-bottom:1px solid #dfdbd3;background:#fff8e9}.order-complimentary-approval>div{display:grid;gap:3px}.order-complimentary-approval span{color:#a96e15;font-size:10px;font-weight:850}.order-complimentary-approval strong{color:#28343f;font-size:13px}.order-complimentary-approval small{color:#7b858f;font-size:10px}.order-complimentary-approval.is-approved{background:#edf7f0}.order-complimentary-approval.is-approved span{color:#28794d}@media(max-width:760px){.order-complimentary-approval{display:grid}.order-complimentary-approval button{width:100%}} .payment-proof-upload{position:relative;display:inline-flex!important;align-items:center;justify-content:center;cursor:pointer}.payment-proof-upload input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.payment-proof-upload.is-loading{opacity:.62;pointer-events:none}.payment-proof-upload.is-loading span:after{content:"…"} .payment-supplement-form{display:grid;min-width:220px;gap:7px;padding:10px;border:1px solid #e1ddd5;border-radius:9px;background:#faf8f4;text-align:left;scroll-margin-block:120px}.payment-supplement-form.is-deep-link-target{border-color:#d79c2c;box-shadow:0 0 0 3px rgba(215,156,44,.2)}.payment-supplement-form>strong{color:#25313d;font-size:11px}.payment-supplement-form>small{color:#7f8993;font-size:9px;line-height:1.45}.payment-supplement-form label{display:grid;gap:4px;color:#65717d;font-size:9px;font-weight:750}.payment-supplement-form input:not([type=file]),.payment-supplement-form select{width:100%;min-height:34px;padding:6px 8px;border:1px solid #d9dde1;border-radius:6px;background:#fff;color:#26313c}.payment-supplement-form .payment-proof-upload{justify-content:flex-start;min-height:34px;padding:7px 9px;border:1px dashed #c8cdd2;border-radius:6px;background:#fff;color:#465361}.payment-supplement-form button{width:100%}@media(max-width:760px){.payment-supplement-form{min-width:0;width:100%}} /* V18: sales-first, three-second order summary. */ .business-need-switches{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.business-need-switches>label{display:flex!important;align-items:flex-start;gap:9px;padding:12px;border:1px solid #e1ddd5;border-radius:9px;background:#faf8f4}.business-need-switches>label.is-required{border-color:#cbd8d0;background:#f2f7f4}.business-need-switches input{width:auto;min-height:auto;margin-top:2px}.business-need-switches input:disabled{opacity:1;accent-color:#28794e;cursor:not-allowed}.business-need-switches span{display:grid;gap:3px}.business-need-switches b{color:#27333f;font-size:12px}.business-need-switches small{color:#858e97;font-size:9px}.wizard-reception-needs{margin-bottom:20px}.new-order-form-grid[data-vehicle-endpoints],.new-order-form-grid.span-2{grid-column:1/-1;padding:0}.business-fee-details .business-fees{padding:0 14px 15px}.business-balance-due{display:grid;gap:10px;background:#fbfdfb}.business-balance-due label{display:grid;max-width:320px;gap:6px;color:#596571;font-size:11px;font-weight:750}.business-balance-due input{min-height:43px;border:1px solid #d9dde1;border-radius:8px;background:#fff} @media(max-width:1100px) and (min-width:761px){.business-payment-options,.order-convert-dialog fieldset{grid-template-columns:repeat(2,minmax(0,1fr))}} .order-glance{display:grid;gap:16px;padding:20px 22px;border-bottom:1px solid #dedad2;background:#fffdf9}.order-glance>header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.order-glance>header span:first-child{color:#aa7118;font-size:12px;font-weight:900;letter-spacing:.04em}.order-glance h3{margin:4px 0 3px;color:#1e2b38;font-size:24px}.order-glance header p{margin:0;color:#707b86;font-size:12px}.order-glance-status{padding:6px 10px;border-radius:999px;background:#e8f5ec;color:#237c4b;font-size:10px;font-weight:850}.order-glance-money{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.order-glance-money>div{padding:13px;border:1px solid #e7e2da;border-radius:9px;background:#fff}.order-glance-money span,.order-glance-money strong{display:block}.order-glance-money span{color:#7f8993;font-size:10px}.order-glance-money strong{margin-top:6px;color:#23303d;font-size:14px}.order-glance-pending{margin:0;padding:8px 11px;border-radius:8px;background:#fff2db;color:#9b640d;font-size:11px;font-weight:750}.order-glance-section h4{margin:0 0 8px;font-size:13px}.order-glance-reception{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.order-glance-reception>div{display:grid;align-content:start;gap:4px;padding:10px;border-radius:8px;background:#f2f3f4}.order-glance-reception span{color:#7e8791;font-size:10px}.order-glance-reception strong{font-size:11px}.order-glance-reception small[data-order-arrangement-person]{color:inherit;font-size:10px;font-weight:750;line-height:1.45;overflow-wrap:anywhere}.order-glance-reception .is-done{background:#e9f6ed;color:#24794a}.order-glance-reception .is-missing{background:#fff0dc;color:#a56508}.order-glance-reception .is-off{color:#7e8791}.order-next-action{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 15px;border-left:4px solid #d79c2c;border-radius:8px;background:#fff7e8}.order-next-action>div{display:grid;gap:3px}.order-next-action span{color:#9f6a16;font-size:9px;font-weight:900;letter-spacing:.08em}.order-next-action strong{font-size:15px}.order-next-action small{color:#6f7983;font-size:10px}.order-glance-actions{display:flex;gap:8px;justify-content:flex-end}.order-register-payment{min-height:40px;padding:8px 15px;border:1px solid #2b7f50;border-radius:8px;background:#2d8b57;color:#fff;font-weight:850}.order-ai-help{margin:10px 22px 0;border:1px solid #dedad2;border-radius:9px;background:#fff}.order-ai-help summary{padding:10px 13px;color:#43505d;font-size:11px;font-weight:850;cursor:pointer}.order-ai-help>div{display:flex;align-items:center;gap:7px;flex-wrap:wrap;padding:0 12px 12px}.order-ai-help p{width:100%;margin:0;color:#818a94;font-size:10px}.order-reception-quick-list{display:grid;gap:8px;padding:15px}.order-reception-quick-row{display:grid;grid-template-columns:minmax(110px,1fr) auto minmax(140px,1fr) auto auto;align-items:center;gap:10px;padding:11px 12px;border:1px solid #e4e0d8;border-radius:9px;background:#fff}.order-reception-quick-row>div{display:grid;gap:3px}.order-reception-quick-row>div span{font-size:10px;font-weight:800}.order-reception-quick-row .is-done{color:#24794a}.order-reception-quick-row .is-missing{color:#a56508}.order-reception-quick-row .is-off{color:#7e8791}.order-reception-quick-row label{display:flex;align-items:center;gap:6px;color:#626d78;font-size:10px;font-weight:750}.order-reception-quick-row label[data-arrangement-optional]{display:grid;gap:4px}.order-reception-quick-row input:not([type=checkbox]){min-height:36px;border:1px solid #d9dde1;border-radius:7px;background:#fff}.order-itinerary-version-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:15px 18px 10px;border-top:1px solid #e7e3dc}.order-itinerary-version-head h4{margin:0}.order-quick-receipt-modal{width:min(620px,calc(100vw - 28px))} .order-reception-quick-row.is-readonly{grid-template-columns:minmax(110px,1fr) minmax(180px,2fr);background:#f6f7f8}.order-reception-quick-row.is-readonly>small{color:#7e8791;font-size:10px;line-height:1.5} @media(max-width:760px){.business-need-switches,.order-glance-money,.order-glance-reception{grid-template-columns:1fr 1fr}.order-glance{padding:17px}.order-glance>header,.order-next-action,.order-itinerary-version-head{display:grid}.order-glance h3{font-size:20px}.order-next-action button,.order-glance-actions button{width:100%}.order-glance-actions{display:grid}.order-ai-help{margin-inline:17px}.order-reception-quick-row,.order-reception-quick-row.is-readonly{grid-template-columns:1fr}.order-reception-quick-row button{width:100%}} @media(max-width:420px){.business-need-switches,.order-glance-money,.order-glance-reception{grid-template-columns:1fr}} /* 新建报价 / 订单：白金礼宾台。所有覆盖均限定在当前页面，避免影响台账与设置页。 */ #appView .new-order-page{ --new-order-navy:#0c2942; --new-order-ink:#172432; --new-order-text:#2a3947; --new-order-muted:#7b8793; --new-order-gold:#c98c22; --new-order-gold-deep:#a86d10; --new-order-ivory:#fffaf1; --new-order-line:#e7e2d9; --new-order-line-strong:#ddd4c5; width:100%; max-width:1376px; margin:0 auto; gap:0; color:var(--new-order-ink); background:#fff; } @media(max-width:760px){ #appView .order-pending-work{width:100%} } #appView .new-order-page button:focus-visible, #appView .new-order-page input:focus-visible, #appView .new-order-page select:focus-visible, #appView .new-order-page textarea:focus-visible{ outline:2px solid var(--new-order-gold); outline-offset:2px; } #appView .new-order-page .sr-only{ position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; } #appView .new-order-page .new-order-breadcrumb{ margin:0 0 18px; color:#8a949e; font-size:12px; font-weight:750; } #appView .new-order-page .new-order-breadcrumb span{ padding:0 9px; color:var(--new-order-gold); font-size:13px; } #appView .new-order-page .new-order-heading{ display:flex; align-items:flex-end; justify-content:space-between; gap:30px; padding:0 0 24px; border-bottom:1px solid var(--new-order-line); } #appView .new-order-page .new-order-heading-eyebrow{ display:flex; align-items:center; gap:10px; margin-bottom:8px; color:var(--new-order-gold-deep); font-size:11px; font-weight:850; letter-spacing:.16em; } #appView .new-order-page .new-order-heading-eyebrow::before{ width:26px; height:1px; background:var(--new-order-gold); content:""; } #appView .new-order-page .new-order-heading h2{ margin:0; color:var(--new-order-ink); font-size:38px; font-weight:780; line-height:1.15; letter-spacing:-.035em; } #appView .new-order-page .new-order-heading p{ margin:10px 0 0; color:var(--new-order-muted); font-size:14px; line-height:1.6; } #appView .new-order-page .new-order-heading-mark{ width:64px; height:1px; display:flex; align-items:center; justify-content:space-between; flex:0 0 auto; margin-bottom:23px; opacity:.55; } #appView .new-order-page .new-order-heading-mark::before, #appView .new-order-page .new-order-heading-mark::after{ height:1px; background:var(--new-order-gold); content:""; } #appView .new-order-page .new-order-heading-mark::before{width:42px} #appView .new-order-page .new-order-heading-mark::after{width:12px} #appView .new-order-page .new-order-creation-layout{ display:grid; grid-template-columns:286px minmax(0,1fr); align-items:start; gap:18px; margin-top:22px; } #appView .new-order-page .new-order-creation-layout:has(.business-type-step){align-items:stretch} #appView .new-order-page .new-order-creation-layout:has(.business-type-step) .new-order-mode-block{height:100%} #appView .new-order-page .new-order-workspace{ min-width:0; background:#fff; } #appView .new-order-page .new-order-mode-block, #appView .new-order-page .business-type-step, #appView .new-order-page .new-order-standard-card, #appView .new-order-page .new-order-ai-card{ position:relative; margin:0; border:1px solid var(--new-order-line); border-radius:16px; background:#fff; box-shadow:0 14px 38px rgba(21,41,59,.07); } #appView .new-order-page .new-order-mode-block{ padding:20px; } #appView .new-order-page .new-order-mode-block::before{ position:absolute; top:-1px; left:24px; width:88px; height:2px; background:var(--new-order-gold); content:""; } #appView .new-order-page .new-order-mode-block>header{ display:flex; align-items:center; justify-content:space-between; margin:0 2px 14px; } #appView .new-order-page .new-order-mode-block>header span{ color:#5f6c77; font-size:11px; font-weight:800; letter-spacing:.08em; } #appView .new-order-page .new-order-mode-block>header small{ color:#9aa2aa; font-size:10px; } #appView .new-order-page .new-order-modes{ display:grid; grid-template-columns:1fr; gap:12px; } #appView .new-order-page .new-order-mode{ position:relative; min-width:0; min-height:126px; display:grid; grid-template-columns:46px minmax(0,1fr); align-content:center; align-items:center; gap:13px; padding:17px 14px; overflow:hidden; border:1px solid #e2e5e8; border-radius:12px; background:#fff; color:var(--new-order-text); text-align:left; box-shadow:none; transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease; } #appView .new-order-page .new-order-mode:hover{ border-color:#d9bf8c; } #appView .new-order-page .new-order-mode.is-active{ border-color:#d7b26e; background:var(--new-order-ivory); box-shadow:inset 0 -3px var(--new-order-gold); } #appView .new-order-page .new-order-mode.is-active::before{ position:absolute; inset:14px auto 14px 0; width:3px; border-radius:0 3px 3px 0; background:var(--new-order-gold); content:""; } #appView .new-order-page .new-order-mode-icon{ width:46px; height:46px; display:grid; place-items:center; border:1px solid #e2e6e9; border-radius:12px; background:#f7f8f9; color:var(--new-order-navy); } #appView .new-order-page .new-order-mode.is-active .new-order-mode-icon{ border-color:#e8d4ac; background:#fff; color:var(--new-order-gold-deep); } #appView .new-order-page .new-order-mode-icon svg{ width:25px; height:25px; fill:none; stroke:currentColor; stroke-width:1.7; stroke-linecap:round; stroke-linejoin:round; } #appView .new-order-page .new-order-mode>.new-order-mode-icon+span{ display:block; min-width:0; } #appView .new-order-page .new-order-mode strong{ display:block; padding-right:18px; color:var(--new-order-text); font-size:15px; } #appView .new-order-page .new-order-mode small{ display:block; margin-top:7px; color:#7f8993; font-size:10px; font-weight:650; line-height:1.55; } #appView .new-order-page .new-order-mode>i{ position:absolute; top:12px; right:12px; width:22px; height:22px; display:grid; place-items:center; border:1px solid #cfd6db; border-radius:50%; color:transparent; font-size:12px; font-style:normal; font-weight:900; } #appView .new-order-page .new-order-mode.is-active>i{ border-color:var(--new-order-gold); background:var(--new-order-gold); color:#fff; } #appView .new-order-page .business-type-step{ display:grid; gap:20px; padding:24px 24px 22px; box-shadow:0 10px 30px rgba(21,41,59,.05); } #appView .new-order-page .business-type-head{ display:flex; align-items:flex-end; justify-content:space-between; gap:24px; } #appView .new-order-page .business-type-title{ display:flex; align-items:center; gap:14px; } #appView .new-order-page .business-type-step-no{ width:45px; height:45px; display:grid; place-items:center; flex:0 0 auto; border:1px solid #dfc38e; border-radius:13px; background:var(--new-order-ivory); color:var(--new-order-gold-deep); font-family:Georgia,serif; font-size:16px; font-weight:700; } #appView .new-order-page .business-type-step h2{ margin:0; color:#182735; font-size:25px; letter-spacing:-.025em; } #appView .new-order-page .business-type-step p{ margin:6px 0 0; color:#86909a; font-size:12px; } #appView .new-order-page .business-type-hint{ padding:8px 11px; border:1px solid #e5e1da; border-radius:999px; color:#7f8992; font-size:10px; font-weight:750; white-space:nowrap; } #appView .new-order-page .business-type-unclassified{ display:flex; align-items:center; gap:9px 14px; padding:11px 13px; border:1px solid #e6cf9e; border-radius:12px; background:#fffaf0; color:#5f6972; font-size:10px; line-height:1.5; } #appView .new-order-page .business-type-unclassified b{color:#8b5e19;font-size:11px;white-space:nowrap} #appView .new-order-page .business-type-grid{ display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; } #appView .new-order-page .business-type-card{ position:relative; min-width:0; min-height:144px; display:flex; flex-direction:column; align-items:flex-start; gap:0; padding:17px; border:1px solid #e3e5e7; border-radius:13px; background:#fff; color:var(--new-order-text); text-align:left; box-shadow:none; transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease,background .15s ease; } #appView .new-order-page .business-type-card:hover{ transform:translateY(-2px); border-color:#d9b66f; background:#fff; box-shadow:0 10px 22px rgba(22,42,60,.08); } #appView .new-order-page .business-type-card.is-active, #appView .new-order-page .business-type-card[aria-pressed="true"]{ border-color:#d3a655; background:var(--new-order-ivory); box-shadow:0 10px 24px rgba(166,110,18,.10); } #appView .new-order-page .business-type-card-top{ width:100%; display:flex; align-items:flex-start; justify-content:space-between; } #appView .new-order-page .business-type-icon{ width:39px; height:39px; display:grid; place-items:center; border-radius:11px; background:#f2f5f7; color:var(--new-order-navy); } #appView .new-order-page .business-type-icon svg{ width:23px; height:23px; fill:none; stroke:currentColor; stroke-width:1.7; stroke-linecap:round; stroke-linejoin:round; } #appView .new-order-page .business-type-card.is-active .business-type-icon, #appView .new-order-page .business-type-card[aria-pressed="true"] .business-type-icon{ background:#fff0d4; color:var(--new-order-gold-deep); } #appView .new-order-page .business-type-index{ color:#a0a8af; font-family:Georgia,serif; font-size:11px; font-weight:700; letter-spacing:.12em; } #appView .new-order-page .business-type-card>strong{ margin-top:14px; color:#1e2c39; font-size:15px; } #appView .new-order-page .business-type-card>small{ max-width:calc(100% - 20px); margin-top:6px; color:#838d96; font-size:10px; line-height:1.5; } #appView .new-order-page .business-type-arrow{ position:absolute; right:16px; bottom:14px; color:#b77b1e; font-size:17px; } #appView .new-order-page .new-order-standard-card{overflow:visible;border-radius:16px} #appView .new-order-page .new-order-ai-card{overflow:clip;border-radius:16px} #appView .new-order-page .new-order-standard-card.is-formal-order{ border-top:1px solid var(--new-order-line); } #appView .new-order-page .business-quote-head, #appView .new-order-page .new-order-ai-head{ display:flex; align-items:flex-start; justify-content:space-between; gap:20px; padding:22px 24px 18px; border-bottom:1px solid var(--new-order-line); background:#fff; } #appView .new-order-page .business-quote-head, #appView .new-order-page .new-order-ai-head{border-radius:16px 16px 0 0} #appView .new-order-page .business-quote-head::before, #appView .new-order-page .new-order-ai-head::before{ position:absolute; top:-1px; left:24px; width:88px; height:2px; background:var(--new-order-gold); content:""; } #appView .new-order-page .business-quote-head>div>span, #appView .new-order-page .new-order-ai-head>div>span{ color:var(--new-order-gold-deep); font-size:11px; font-weight:850; letter-spacing:.1em; } #appView .new-order-page .business-quote-head h2, #appView .new-order-page .new-order-ai-head h2{ margin:6px 0 4px; color:var(--new-order-ink); font-size:24px; letter-spacing:-.02em; } #appView .new-order-page .business-quote-head p, #appView .new-order-page .new-order-ai-head p{ margin:0; color:var(--new-order-muted); font-size:12px; line-height:1.6; } #appView .new-order-page .business-quote-head button, #appView .new-order-page .new-order-ai-head button{ min-height:40px; border:1px solid var(--new-order-line-strong); border-radius:9px; background:#fff; color:var(--new-order-text); } #appView .new-order-page .business-quote-head button:hover, #appView .new-order-page .new-order-ai-head button:hover{ border-color:#d5b06b; background:var(--new-order-ivory); } #appView .new-order-page .business-document-assist{ display:grid; grid-template-columns:44px minmax(0,1fr) auto; align-items:center; gap:14px 16px; padding:18px 24px; border-bottom:1px solid var(--new-order-line); background:#fff; } #appView .new-order-page .business-document-ai{ width:44px; height:44px; display:grid; place-items:center; border:1px solid #ddc18c; border-radius:12px; background:#fff; color:var(--new-order-gold-deep); font-family:Georgia,serif; font-size:15px; font-weight:800; letter-spacing:.06em; } #appView .new-order-page .business-document-assist>div:nth-of-type(1)>span{ color:var(--new-order-gold-deep); font-size:10px; font-weight:850; letter-spacing:.1em; } #appView .new-order-page .business-document-assist h3{ margin:3px 0 4px; color:var(--new-order-ink); font-size:16px; } #appView .new-order-page .business-document-assist p{ margin:0; color:var(--new-order-muted); font-size:10px; line-height:1.55; } #appView .new-order-page .business-document-action{ min-height:41px; padding:0 15px; border:1px solid #d7b26e; border-radius:9px; background:#fff; color:var(--new-order-navy); box-shadow:inset 0 -2px var(--new-order-gold); font-weight:800; white-space:nowrap; } #appView .new-order-page .business-document-action:hover{background:var(--new-order-ivory)} #appView .new-order-page .business-document-source{ grid-column:1/-1; display:grid; grid-template-columns:42px minmax(0,1fr) auto; align-items:center; gap:12px; padding:12px 13px; border:1px solid #e1d7c4; border-radius:12px; background:#fff; } #appView .new-order-page .business-document-source-icon{ width:42px; height:42px; display:grid; place-items:center; flex:0 0 auto; border:1px solid #e1d7c4; border-radius:10px; background:var(--new-order-ivory); color:var(--new-order-gold-deep); font-size:10px; font-weight:900; } #appView .new-order-page .business-document-source>div{display:grid;min-width:0;gap:3px} #appView .new-order-page .business-document-source b{overflow:hidden;color:var(--new-order-text);font-size:12px;text-overflow:ellipsis;white-space:nowrap} #appView .new-order-page .business-document-source small{overflow:hidden;color:#697681;font-size:10px;text-overflow:ellipsis;white-space:nowrap} #appView .new-order-page .business-document-source em{color:#8b949d;font-size:9px;font-style:normal} #appView .new-order-page .business-document-warning{color:#98651c!important;line-height:1.45} #appView .new-order-page .business-document-source button{min-height:36px;white-space:nowrap} #appView .new-order-page .business-document-picker{width:min(780px,100%);border-color:#e1d8ca;background:#fff;color:var(--new-order-text)} #appView .new-order-page .business-document-picker>header{border-bottom-color:var(--new-order-line);background:#fff} #appView .new-order-page .business-document-picker-body{min-height:210px;display:grid;gap:10px;overflow:auto;padding:18px 20px;background:#fff} #appView .new-order-page .business-document-picker-list{display:grid;gap:9px} #appView .new-order-page .business-document-picker-list article{ display:grid; grid-template-columns:42px minmax(0,1fr) auto auto; align-items:center; gap:11px; padding:12px; border:1px solid var(--new-order-line); border-radius:12px; background:#fff; } #appView .new-order-page .business-document-picker-list article:hover{border-color:#d9b66f;background:var(--new-order-ivory)} #appView .new-order-page .business-document-picker-list article>div{display:grid;min-width:0;gap:4px} #appView .new-order-page .business-document-picker-list strong{overflow:hidden;font-size:12px;text-overflow:ellipsis;white-space:nowrap} #appView .new-order-page .business-document-picker-list small{overflow:hidden;color:var(--new-order-muted);font-size:9px;text-overflow:ellipsis;white-space:nowrap} #appView .new-order-page .business-document-picker-list em{color:#98651c;font-size:9px;font-style:normal;line-height:1.45} #appView .new-order-page .business-document-picker-list button{min-height:36px;white-space:nowrap} #appView .new-order-page .business-document-picker-state{min-height:170px;display:grid;place-items:center;align-content:center;gap:8px;color:var(--new-order-muted);text-align:center} #appView .new-order-page .business-document-picker-state strong{color:var(--new-order-text);font-size:14px} #appView .new-order-page .business-document-picker-state p{margin:0;font-size:10px} #appView .new-order-page .business-document-picker-state.is-error strong{color:#a64942} #appView .new-order-page .business-form-section{ padding:23px 24px; border-bottom:1px solid var(--new-order-line); background:#fff; } #appView .new-order-page .business-form-section>h3{ margin:0 0 5px; color:var(--new-order-ink); font-size:17px; } #appView .new-order-page .business-form-section>p{ color:var(--new-order-muted); } #appView .new-order-page .new-order-form-grid{ grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px 24px; } #appView .new-order-page .business-order-remarks{ display:grid; gap:7px; margin-top:18px; color:#596571; font-size:11px; font-weight:750; } #appView .new-order-page .business-order-remarks textarea{min-height:88px} #appView .new-order-page .business-choice-field{ min-width:0; margin:0; padding:0; border:0; } #appView .new-order-page .business-choice-field>legend{ margin-bottom:7px; color:#596571; font-size:11px; font-weight:750; } #appView .new-order-page .business-choice-pair{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; } #appView .new-order-page .business-choice-pair>label{ display:flex; min-height:43px; align-items:center; gap:9px; padding:10px 12px; border:1px solid #ddd9d1; border-radius:9px; background:#fff; color:var(--new-order-text); cursor:pointer; } #appView .new-order-page .business-choice-pair>label:has(input:checked){ border-color:#d7b26e; background:var(--new-order-ivory); box-shadow:inset 0 -2px var(--new-order-gold); } #appView .new-order-page .business-choice-pair input{ width:auto; min-height:auto; margin:0; } #appView .new-order-page .business-legacy-value{ display:block; margin-top:6px; color:#91631d; font-size:9px; line-height:1.45; } #appView .new-order-page .business-form-section input, #appView .new-order-page .business-form-section select, #appView .new-order-page .business-form-section textarea{ border-color:#ddd9d1; border-radius:9px; background:#fff; color:var(--new-order-text); box-shadow:inset 0 1px 1px rgba(20,40,58,.015); } #appView .new-order-page .business-form-section input:hover, #appView .new-order-page .business-form-section select:hover, #appView .new-order-page .business-form-section textarea:hover{ border-color:#cfc7bb; } #appView .new-order-page .business-form-section input:focus, #appView .new-order-page .business-form-section select:focus, #appView .new-order-page .business-form-section textarea:focus{ border-color:#d1a24c; box-shadow:0 0 0 3px rgba(201,140,34,.1); } #appView .new-order-page input[type="checkbox"], #appView .new-order-page input[type="radio"]{ accent-color:var(--new-order-gold); } #appView .new-order-page .business-toggle, #appView .new-order-page .business-need-switches>label, #appView .new-order-page .business-payment-options>label{ border-color:var(--new-order-line); background:#fff; } #appView .new-order-page .business-toggle:has(input:checked), #appView .new-order-page .business-need-switches>label:has(input:checked), #appView .new-order-page .business-payment-options>label:has(input:checked){ border-color:#d7b26e; background:var(--new-order-ivory); box-shadow:inset 0 -2px var(--new-order-gold); } #appView .new-order-page .business-need-switches>label.is-required{ border-color:#d7b26e; background:var(--new-order-ivory); } #appView .new-order-page .business-need-switches input:disabled{ accent-color:var(--new-order-gold); } #appView .new-order-page .business-order-payment, #appView .new-order-page .business-payment-details, #appView .new-order-page .business-balance-due{ background:#fff; } #appView .new-order-page .business-payment-details, #appView .new-order-page .business-order-payment>.complimentary-reason, #appView .new-order-page .business-accommodation{ border-left:2px solid var(--new-order-gold); background:var(--new-order-ivory); } #appView .new-order-page .business-optional{ border-color:var(--new-order-line); background:#fff; } #appView .new-order-page .business-optional summary{ color:#5b6671; } #appView .new-order-page .new-order-standard-card>footer{ position:sticky; bottom:0; z-index:2; display:flex; justify-content:flex-end; gap:10px; padding:15px 24px 18px; border-top:1px solid var(--new-order-line); background:rgba(255,255,255,.96); box-shadow:0 -10px 24px rgba(21,41,59,.035); backdrop-filter:blur(10px); border-radius:0 0 16px 16px; } #appView .new-order-page .new-order-standard-card>footer button{ min-height:42px; border-radius:9px; } #appView .new-order-page .new-order-standard-card>footer :is(.primary,.formal-order-submit){ border:1px solid #d2a14a; background:#fff; color:var(--new-order-navy); box-shadow:inset 0 -2px var(--new-order-gold); } #appView .new-order-page .new-order-standard-card>footer :is(.primary,.formal-order-submit):hover{ border-color:var(--new-order-gold); background:var(--new-order-ivory); } #appView .new-order-page .new-order-ai-tabs{ gap:28px; padding:0 24px; border-bottom-color:var(--new-order-line); background:#fff; } #appView .new-order-page .new-order-ai-tabs button{ min-height:49px; padding:15px 4px; color:var(--new-order-muted); } #appView .new-order-page .new-order-ai-tabs button span, #appView .new-order-page .new-order-ai-tabs button small{ display:block; } #appView .new-order-page .new-order-ai-tabs button small{ margin-top:3px; color:var(--new-order-muted); font-size:11px; font-weight:650; line-height:1.15; } #appView .new-order-page .new-order-ai-tabs button.is-active{ color:var(--new-order-ink); } #appView .new-order-page .new-order-ai-tabs button.is-active small{ color:var(--new-order-gold); } #appView .new-order-page .new-order-ai-tabs button.is-active::after{ background:var(--new-order-gold); } #appView .new-order-page .new-order-ai-card .trip-mode-panel, #appView .new-order-page .new-order-ai-card .trip-chat-card, #appView .new-order-page .new-order-ai-card .trip-history-list, #appView .new-order-page .new-order-ai-card .trip-history-row, #appView .new-order-page .new-order-ai-card .trip-recognition, #appView .new-order-page .new-order-ai-card .trip-draft, #appView .new-order-page .new-order-ai-card .trip-draft>header, #appView .new-order-page .new-order-ai-card .trip-empty, #appView .new-order-page .new-order-ai-card .trip-upload-guide{ background:#fff; } #appView .new-order-page .new-order-ai-card .trip-mode-panel{ padding:22px 24px; border-radius:0; box-shadow:none; } #appView .new-order-page .new-order-ai-card .trip-chat-card{ border-color:var(--new-order-line); border-radius:11px; } #appView .new-order-page .new-order-ai-card .trip-primary{ border-color:#d2a14a; background:#fff; color:var(--new-order-navy); box-shadow:inset 0 -2px var(--new-order-gold); } #appView .new-order-page .new-order-ai-card .trip-primary:hover{ background:var(--new-order-ivory); } #appView .new-order-page .new-order-ai-card .trip-local-badge{ border-color:#e1c68f; background:var(--new-order-ivory); color:var(--new-order-gold-deep); } #appView .new-order-page.is-ai-intake .new-order-heading{ min-height:112px; padding-bottom:22px; } #appView .new-order-page.is-ai-intake .new-order-heading h2{font-size:38px} #appView .new-order-page.is-ai-intake .new-order-creation-layout{margin-top:18px} #appView .new-order-page.is-ai-intake .new-order-ai-card{ overflow:visible; border:0; border-radius:0; background:#fff; box-shadow:none; } #appView .new-order-page .ai-intake-source-wrap{display:grid;gap:10px} #appView .new-order-page .ai-intake-source-wrap>header{ display:flex; align-items:flex-end; justify-content:space-between; gap:18px; } #appView .new-order-page .ai-intake-source-wrap>header h2, #appView .new-order-page .ai-intake-process h2, #appView .new-order-page .ai-intake-upload>header h2{ margin:0; color:var(--new-order-navy); } #appView .new-order-page .ai-intake-source-wrap>header h2{font-size:20px} #appView .new-order-page .ai-intake-source-wrap>header p, #appView .new-order-page .ai-intake-process>p, #appView .new-order-page .ai-intake-upload>header p{ margin:5px 0 0; color:var(--new-order-muted); line-height:1.55; } #appView .new-order-page .ai-intake-source-wrap>header p{font-size:13px} #appView .new-order-page .ai-intake-trust{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end} #appView .new-order-page .ai-intake-trust span{ display:inline-flex; align-items:center; gap:6px; min-height:26px; padding:4px 10px; border-radius:999px; background:#f4f6f6; color:#657582; font-size:11px; font-weight:750; } #appView .new-order-page .ai-intake-trust span::before{width:6px;height:6px;border-radius:50%;background:#267b51;content:""} #appView .new-order-page .ai-intake-source-wrap .new-order-ai-tabs{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; padding:0; border:0; } #appView .new-order-page .ai-intake-source-wrap .new-order-ai-tabs button{ position:relative; display:grid; grid-template-columns:56px minmax(0,1fr) 20px; align-items:center; gap:14px; min-height:108px; padding:17px 18px; border:1px solid #dfe4e7; border-radius:16px; background:#fff; color:var(--new-order-navy); text-align:left; box-shadow:0 8px 24px rgba(16,42,67,.035); } #appView .new-order-page .ai-intake-source-wrap .new-order-ai-tabs button::after{display:none} #appView .new-order-page .ai-intake-source-wrap .new-order-ai-tabs button>i{ width:56px; height:56px; display:grid; place-items:center; border-radius:14px; background:#f4f6f7; color:var(--new-order-navy); font-style:normal; } #appView .new-order-page .ai-intake-source-wrap .new-order-ai-tabs button>i svg{width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:1.8} #appView .new-order-page .ai-intake-source-wrap .new-order-ai-tabs button>span{min-width:0} #appView .new-order-page .ai-intake-source-wrap .new-order-ai-tabs button strong{display:block;font-size:18px;line-height:1.25} #appView .new-order-page .ai-intake-source-wrap .new-order-ai-tabs button small{margin-top:7px;color:#7b8893;font-size:12px;font-weight:650;line-height:1.35} #appView .new-order-page .ai-intake-source-wrap .new-order-ai-tabs button>b{align-self:end;color:#a8b0b7;font-size:22px} #appView .new-order-page .ai-intake-source-wrap .new-order-ai-tabs button.is-active{ border-color:var(--new-order-gold); background:#fffaf1; box-shadow:0 10px 25px rgba(194,126,14,.08),inset 4px 0 0 var(--new-order-gold); } #appView .new-order-page .ai-intake-source-wrap .new-order-ai-tabs button.is-active>i{background:#fff0d2;color:var(--new-order-gold-deep)} #appView .new-order-page .ai-intake-source-wrap .new-order-ai-tabs button.is-active>b{color:var(--new-order-gold-deep)} #appView .new-order-page .ai-intake-load-error{ display:flex; align-items:center; justify-content:space-between; gap:14px; margin-top:14px; padding:12px 14px; border:1px solid #e9c3b9; border-radius:13px; background:#fff8f5; color:#9b4332; font-size:13px; font-weight:700; } #appView .new-order-page .ai-intake-load-error button{flex:0 0 auto} #appView .new-order-page .ai-intake-main{ min-height:480px; display:grid; grid-template-columns:minmax(0,1.45fr) minmax(270px,.55fr); margin-top:18px; border:1px solid var(--new-order-line); border-radius:20px; background:#fff; box-shadow:0 16px 48px rgba(16,42,67,.065); overflow:hidden; } #appView .new-order-page .ai-intake-primary{min-width:0;padding:0;border-right:1px solid var(--new-order-line)} #appView .new-order-page .ai-intake-primary .trip-history-row{ grid-template-columns:48px minmax(190px,1fr) minmax(82px,100px) minmax(88px,110px) 78px minmax(252px,max-content); gap:12px; } #appView .new-order-page .ai-intake-primary .trip-history-actions{ min-width:252px; flex-wrap:nowrap; } #appView .new-order-page .ai-intake-primary .trip-history-actions button{ flex:0 0 auto; } #appView .new-order-page .ai-intake-primary>.route-state{height:100%;min-height:480px;border:0;border-radius:0;box-shadow:none} #appView .new-order-page .ai-intake-primary .trip-mode-panel{height:100%;padding:28px;border:0;border-radius:0;background:#fff;box-shadow:none} #appView .new-order-page .ai-intake-upload{display:flex;flex-direction:column} #appView .new-order-page .ai-intake-upload>header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px} #appView .new-order-page .ai-intake-upload>header h2{font-size:23px} #appView .new-order-page .ai-intake-upload>header p{font-size:13px} #appView .new-order-page .ai-intake-dropzone{ flex:1; min-height:300px; margin-top:19px; display:flex; flex-direction:column; align-items:center; justify-content:center; padding:28px; border:1.5px dashed #d7b36d; border-radius:17px; background:#fdfaf4; color:var(--new-order-navy); text-align:center; } #appView .new-order-page .ai-intake-dropzone:is(:hover,.is-dragging){border-color:var(--new-order-gold);background:#fff8e9} #appView .new-order-page .ai-intake-dropzone>i{width:72px;height:72px;display:grid;place-items:center;border-radius:20px;background:#fff;color:var(--new-order-gold-deep);box-shadow:0 10px 30px rgba(178,114,11,.11);font-style:normal} #appView .new-order-page .ai-intake-dropzone>i svg{width:34px;height:34px;fill:none;stroke:currentColor;stroke-width:1.8} #appView .new-order-page .ai-intake-dropzone>strong{margin-top:16px;font-size:22px} #appView .new-order-page .ai-intake-dropzone>span{margin-top:7px;color:#7d8a95;font-size:13px} #appView .new-order-page .ai-intake-upload-actions{display:flex;flex-direction:column;align-items:center;gap:9px;margin-top:18px} #appView .new-order-page .ai-intake-dropzone .ai-intake-upload-button{ min-height:40px; padding:9px 18px; border:1px solid var(--new-order-gold); border-radius:10px; background:var(--new-order-gold); color:#fff; font-size:13px; font-weight:800; box-shadow:0 7px 16px rgba(190,125,16,.16); } #appView .new-order-page .ai-intake-dropzone .ai-intake-upload-button:hover{background:var(--new-order-gold-deep);border-color:var(--new-order-gold-deep)} #appView .new-order-page .ai-intake-dropzone .ai-intake-history-link{min-height:30px;padding:4px 8px;border:0;background:transparent;color:var(--new-order-gold-deep);font-size:12px;font-weight:750;box-shadow:none} #appView .new-order-page .ai-intake-dropzone .ai-intake-history-link:hover{text-decoration:underline} #appView .new-order-page .ai-intake-dropzone :is(.ai-intake-upload-button,.ai-intake-history-link):focus-visible{outline:3px solid color-mix(in srgb,var(--new-order-gold) 28%,transparent);outline-offset:3px} #appView .new-order-page .ai-intake-dropzone>small{margin-top:12px;color:#9a8c76;font-size:11px} #appView .new-order-page .ai-intake-source-note{margin:16px 0 0;color:#657684;font-size:12px;line-height:1.55} #appView .new-order-page .ai-intake-process{padding:29px 27px;background:#fbfbfa} #appView .new-order-page .ai-intake-process h2{font-size:20px} #appView .new-order-page .ai-intake-process>p{font-size:12px} #appView .new-order-page .ai-intake-process ol{display:grid;gap:0;margin:22px 0 0;padding:0;list-style:none} #appView .new-order-page .ai-intake-process li{position:relative;display:grid;grid-template-columns:42px minmax(0,1fr);gap:13px;min-height:71px} #appView .new-order-page .ai-intake-process li:not(:last-child)::after{position:absolute;left:20px;top:40px;bottom:0;width:1px;background:#e1d7c7;content:""} #appView .new-order-page .ai-intake-process li>b{z-index:1;width:40px;height:40px;display:grid;place-items:center;border:1px solid #e9d4ac;border-radius:12px;background:#fff9ee;color:var(--new-order-gold-deep);font-family:Georgia,serif;font-size:13px} #appView .new-order-page .ai-intake-process li strong{display:block;margin-top:1px;color:#324758;font-size:14px} #appView .new-order-page .ai-intake-process li small{display:block;margin-top:5px;color:#85919a;font-size:11px;line-height:1.5} #appView .new-order-page .ai-intake-guard{margin-top:14px;padding:14px;border:1px solid #e4e7e8;border-radius:13px;background:#fff} #appView .new-order-page .ai-intake-guard strong{color:var(--new-order-navy);font-size:12px} #appView .new-order-page .ai-intake-guard p{margin:7px 0 0;color:#7d8992;font-size:11px;line-height:1.55} #appView .new-order-page .new-order-workspace>.route-state{ min-height:390px; padding:30px; border:1px solid var(--new-order-line); border-radius:16px; background:#fff; box-shadow:0 10px 30px rgba(21,41,59,.05); } #appView .new-order-page .new-order-safety-note{ display:flex; align-items:center; justify-content:center; gap:9px; margin:17px 0 0 304px; color:var(--new-order-muted); font-size:11px; line-height:1.5; text-align:center; } #appView .new-order-page .new-order-safety-note>span{ width:5px; height:5px; flex:0 0 auto; border-radius:50%; background:var(--new-order-gold); } @media(max-width:1500px){ #appView .new-order-page .ai-intake-primary .trip-history-row{grid-template-columns:48px minmax(190px,1fr) 78px minmax(252px,max-content)} #appView .new-order-page .ai-intake-primary :is(.trip-history-user,.trip-history-row time){display:none} #appView .new-order-page .ai-intake-primary .trip-history-actions{grid-column:auto;grid-row:auto} } @media(max-width:1200px){ #appView .new-order-page .new-order-creation-layout{grid-template-columns:1fr} #appView .new-order-page .new-order-modes{grid-template-columns:repeat(2,minmax(0,1fr))} #appView .new-order-page .new-order-mode{min-height:96px} #appView .new-order-page .business-type-grid{grid-template-columns:repeat(2,minmax(0,1fr))} #appView .new-order-page .business-payment-options{grid-template-columns:repeat(2,minmax(0,1fr))} #appView .new-order-page .new-order-safety-note{margin-left:0} } @media(max-width:640px){ #appView .new-order-page .new-order-breadcrumb{margin-bottom:15px} #appView .new-order-page .new-order-heading{align-items:flex-start;padding-bottom:20px} #appView .new-order-page .new-order-heading h2{font-size:30px} #appView .new-order-page .new-order-heading p{font-size:12px} #appView .new-order-page .new-order-heading-mark{display:none} #appView .new-order-page .new-order-creation-layout{margin-top:16px} #appView .new-order-page .new-order-mode-block, #appView .new-order-page .business-type-step{padding:17px} #appView .new-order-page .new-order-modes, #appView .new-order-page .business-type-grid, #appView .new-order-page .new-order-form-grid, #appView .new-order-page .business-payment-options{grid-template-columns:1fr} #appView .new-order-page .new-order-mode{min-height:104px} #appView .new-order-page .business-type-head, #appView .new-order-page .business-type-title, #appView .new-order-page .business-quote-head, #appView .new-order-page .new-order-ai-head{align-items:flex-start} #appView .new-order-page .business-type-head{display:grid;gap:12px} #appView .new-order-page .business-type-hint{justify-self:start} #appView .new-order-page .business-type-unclassified{display:grid} #appView .new-order-page .business-type-unclassified b{white-space:normal} #appView .new-order-page .business-type-step h2{font-size:21px} #appView .new-order-page .business-type-card{min-height:132px} #appView .new-order-page .business-quote-head, #appView .new-order-page .new-order-ai-head{display:grid;padding:19px 17px 16px} #appView .new-order-page .business-quote-head button, #appView .new-order-page .new-order-ai-head button{width:100%} #appView .new-order-page .business-form-section{padding:19px 17px} #appView .new-order-page .business-document-assist{grid-template-columns:42px minmax(0,1fr);padding:17px} #appView .new-order-page .business-document-action{grid-column:1/-1;width:100%} #appView .new-order-page .business-document-source{grid-template-columns:38px minmax(0,1fr)} #appView .new-order-page .business-document-source-icon{width:38px;height:38px} #appView .new-order-page .business-document-source button{grid-column:1/-1;width:100%} #appView .new-order-page .business-document-picker-body{padding:13px} #appView .new-order-page .business-document-picker-list article{grid-template-columns:38px minmax(0,1fr)} #appView .new-order-page .business-document-picker-list article button{width:100%} #appView .new-order-page .business-form-section>.new-order-form-grid{padding-top:15px} #appView .new-order-page .new-order-form-grid .span-2{grid-column:auto} #appView .new-order-page .new-order-form-grid[data-vehicle-endpoints], #appView .new-order-page .new-order-form-grid.span-2{grid-column:auto} #appView .new-order-page .new-order-standard-card>footer{display:grid;grid-template-columns:1fr;padding:14px 17px 17px} #appView .new-order-page .new-order-standard-card>footer button{width:100%} #appView .new-order-page .new-order-ai-tabs{gap:20px;padding:0 17px;overflow-x:auto} #appView .new-order-page .new-order-ai-tabs button{white-space:nowrap} #appView .new-order-page .new-order-ai-card .trip-mode-panel{padding:16px} #appView .new-order-page .new-order-safety-note{align-items:flex-start;padding:0 6px;text-align:left} #appView .new-order-page.is-ai-intake .new-order-heading{min-height:0} #appView .new-order-page.is-ai-intake .new-order-heading h2{font-size:30px} #appView .new-order-page .ai-intake-source-wrap>header{display:grid;align-items:start} #appView .new-order-page .ai-intake-trust{justify-content:flex-start} #appView .new-order-page .ai-intake-load-error{align-items:stretch;flex-direction:column} #appView .new-order-page .ai-intake-load-error button{width:100%} #appView .new-order-page .ai-intake-source-wrap .new-order-ai-tabs{grid-template-columns:1fr;overflow:visible} #appView .new-order-page .ai-intake-source-wrap .new-order-ai-tabs button{min-height:92px;white-space:normal} #appView .new-order-page .ai-intake-main{grid-template-columns:1fr;min-height:0} #appView .new-order-page .ai-intake-primary{border-right:0;border-bottom:1px solid var(--new-order-line)} #appView .new-order-page .ai-intake-primary .trip-history-row{grid-template-columns:42px minmax(0,1fr) auto} #appView .new-order-page .ai-intake-primary .trip-history-actions{grid-column:2 / span 2;grid-row:2;width:100%;min-width:0;gap:5px} #appView .new-order-page .ai-intake-primary .trip-history-actions button{box-sizing:border-box;min-width:0;flex:0 0 48px;padding-inline:4px} #appView .new-order-page .ai-intake-primary .trip-history-actions [data-trip-fill]{min-width:128px;flex:1 1 128px} #appView .new-order-page .ai-intake-primary .trip-mode-panel{padding:18px} #appView .new-order-page .ai-intake-upload>header{display:grid} #appView .new-order-page .ai-intake-dropzone{min-height:280px;padding:22px 14px} #appView .new-order-page .ai-intake-dropzone>strong{font-size:19px} #appView .new-order-page .ai-intake-process{padding:22px 18px} } /* 订单管理：白色礼宾台账。覆盖限定于订单页与统一详情抽屉。 */ #appView .orders-page{ --orders-navy:#0c2942; --orders-ink:#172432; --orders-text:#33414d; --orders-muted:#7d8994; --orders-gold:#ce9024; --orders-gold-dark:#a96d10; --orders-ivory:#fffaf1; --orders-line:#e7e2d9; --orders-line-cool:#e2e6e9; width:100%; max-width:1376px; margin:0 auto; gap:0; color:var(--orders-ink); background:#fff; } #appView .orders-page button:focus-visible, #appView .orders-page input:focus-visible, #appView .orders-page select:focus-visible{ outline:2px solid var(--orders-gold); outline-offset:2px; } #appView .orders-page .orders-heading{ display:flex; align-items:flex-end; justify-content:space-between; gap:28px; padding:4px 0 23px; border:0; border-bottom:1px solid var(--orders-line); border-radius:0; background:#fff; color:var(--orders-ink); box-shadow:none; } #appView .orders-page .orders-heading>div>span{ display:flex; align-items:center; gap:10px; color:var(--orders-gold-dark); font-size:11px; font-weight:850; letter-spacing:.15em; } #appView .orders-page .orders-heading>div>span::before{ width:26px; height:1px; flex:0 0 auto; background:var(--orders-gold); content:""; } #appView .orders-page .orders-heading h2{ margin:7px 0 0; color:var(--orders-ink); font-size:36px; font-weight:780; line-height:1.12; letter-spacing:-.035em; } #appView .orders-page .orders-heading p{ margin:8px 0 0; color:var(--orders-muted); font-size:13px; line-height:1.55; } #appView .orders-page .orders-create-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap} #appView .orders-page .orders-create-button{ min-width:154px; min-height:50px; gap:9px; padding:0 19px; border-radius:11px; font-size:14px; font-weight:850; letter-spacing:0; box-shadow:0 6px 18px rgba(21,41,59,.055); } #appView .orders-page .orders-create-button .nav-svg{width:18px;height:18px;stroke-width:2} #appView .orders-page .orders-create-quote, #appView .orders-page .orders-create-quote:hover{ border:1px solid #dfa844; background:#d99b2a; color:#fff; box-shadow:0 8px 20px rgba(188,125,20,.16); } #appView .orders-page .orders-create-quote:hover{background:#cf8f20;transform:translateY(-1px)} #appView .orders-page .orders-create-order, #appView .orders-page .orders-create-order:hover{ border:1px solid #a8d3b8; background:#eaf6ef; color:#267448; box-shadow:0 5px 16px rgba(21,41,59,.05); } #appView .orders-page .orders-create-order:hover{background:#dff1e6;transform:translateY(-1px)} #appView .orders-page .orders-create-ai, #appView .orders-page .orders-create-ai:hover{ border:1px solid #5b8ff0; background:#2563d9; color:#fff; box-shadow:0 8px 20px rgba(37,99,217,.18); } #appView .orders-page .orders-create-ai:hover{background:#1d55c5;transform:translateY(-1px)} #appView .orders-page .order-workspace-cards{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; margin-top:20px; } #appView .orders-page .order-workspace-card{ position:relative; min-height:96px; display:grid; grid-template-columns:44px minmax(0,1fr) auto; align-items:center; align-content:center; gap:14px; padding:16px 18px; overflow:hidden; border:1px solid var(--orders-line-cool); border-radius:14px; background:#fff; color:var(--orders-text); text-align:left; box-shadow:none; transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease; } #appView .orders-page .order-workspace-card:hover{border-color:#d8c59f;transform:translateY(-2px);box-shadow:0 8px 22px rgba(21,41,59,.055)} #appView .orders-page .order-workspace-card.is-active{border-color:#d8b978;background:var(--orders-ivory);box-shadow:0 9px 24px rgba(165,109,18,.08)} #appView .orders-page .order-workspace-card.is-active::before{position:absolute;top:-1px;left:18px;right:18px;height:2px;background:var(--orders-gold);content:""} #appView .orders-page .order-workspace-icon{width:44px;height:44px;display:grid;place-items:center;border-radius:12px;background:#f2f5f7;color:var(--orders-navy)} #appView .orders-page .order-workspace-card.is-active .order-workspace-icon{background:#fff0d5;color:var(--orders-gold-dark)} #appView .orders-page .order-workspace-icon svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round} #appView .orders-page .order-workspace-copy{display:block;min-width:0} #appView .orders-page .order-workspace-copy strong{display:block;color:#22313e;font-size:15px} #appView .orders-page .order-workspace-copy small{display:block;margin-top:6px;overflow:hidden;color:#87919a;font-size:10px;line-height:1.35;text-overflow:ellipsis;white-space:nowrap} #appView .orders-page .order-workspace-count{ min-width:56px; min-height:48px; display:grid; place-content:center; justify-items:center; gap:1px; padding:5px 7px; border-radius:12px; background:#f4f6f7; color:var(--orders-navy); font-size:22px; line-height:1; } #appView .orders-page .order-workspace-count small{color:#7b8791;font-size:8px;font-weight:750;line-height:1.2;white-space:nowrap} #appView .orders-page .order-workspace-card.is-active .order-workspace-count{border:1px solid #ead9b9;background:#fff;color:var(--orders-gold-dark)} #appView .orders-page .sales-order-metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:10px} #appView .orders-page .sales-order-metrics article{min-height:58px;padding:10px 14px;border-color:#edf0f2;border-radius:10px;background:#fff} #appView .orders-page .sales-order-metrics strong{font-size:20px} #appView .orders-page .orders-workspace-shell{ margin-top:16px; overflow:hidden; border:1px solid var(--orders-line); border-radius:16px; background:#fff; box-shadow:0 14px 40px rgba(21,41,59,.065); } #appView .orders-page .order-segments{ min-height:58px; display:flex; align-items:stretch; gap:28px; overflow-x:auto; padding:0 21px; border:0; border-bottom:1px solid var(--orders-line); border-radius:0; background:#fff; } #appView .orders-page .order-segments button{ position:relative; display:flex; align-items:center; gap:7px; padding:0; border:0; border-radius:0; background:transparent; color:#78838d; font-size:15px; font-weight:760; box-shadow:none; } #appView .orders-page .order-segments button.is-active{background:transparent;color:var(--orders-navy);box-shadow:none} #appView .orders-page .order-segments button.is-active::after{position:absolute;right:0;bottom:-1px;left:0;height:3px;border-radius:3px 3px 0 0;background:var(--orders-gold);content:""} #appView .orders-page .order-segments button b{min-width:23px;height:23px;display:grid;place-items:center;margin:0;padding:0 6px;border-radius:999px;background:#f1f3f4;color:#7a858e;font-size:12px} #appView .orders-page .order-segments button.is-active b{background:#fff0d4;color:var(--orders-gold-dark)} #appView .orders-page .order-toolbar{ display:grid; grid-template-columns:minmax(250px,1fr) repeat(6,minmax(116px,auto)); align-items:end; gap:10px; padding:15px 18px; border:0; border-bottom:1px solid var(--orders-line); border-radius:0; background:#fff; } #appView .orders-page .order-toolbar label{display:grid;gap:4px} #appView .orders-page .order-toolbar label>span{color:#87919a;font-size:9px} #appView .orders-page .order-toolbar input, #appView .orders-page .order-toolbar select{width:100%;min-width:116px;height:42px;border:1px solid #dbe0e4;border-radius:9px;background:#fff;color:#43505c;font-size:11px} #appView .orders-page .order-toolbar .order-search{position:relative;display:block;min-width:220px} #appView .orders-page .order-search>span{top:10px;left:14px;color:#8b949d;font-size:17px} #appView .orders-page .order-search input{padding-left:41px} #appView .orders-page .order-toolbar button{height:42px;min-height:42px;padding-inline:13px;border-radius:9px;font-size:11px} #appView .orders-page .order-record-meta{min-height:42px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 18px;border-bottom:1px solid var(--orders-line);background:#fff;color:#87919a;font-size:10px} #appView .orders-page .order-record-meta strong{color:#596672;font-size:11px} #appView .orders-page .order-records{min-height:260px;overflow:hidden;border:0;border-radius:0;background:#fff} #appView .orders-page .order-mixed-ledger{display:grid;gap:0} #appView .orders-page .order-ledger-group+ .order-ledger-group{border-top:8px solid #f6f5f2} #appView .orders-page .order-ledger-group>header{min-height:38px;display:flex;align-items:center;justify-content:space-between;padding:0 18px;border-bottom:1px solid var(--orders-line);background:#fffdf8;color:#7f8992;font-size:10px} #appView .orders-page .order-ledger-group>header strong{color:var(--orders-navy);font-size:11px} #appView .orders-page .order-table-wrap{overflow:auto} #appView .orders-page .order-table{width:100%;border-collapse:separate;border-spacing:0;background:#fff} @media(min-width:761px){ /* 桌面台账固定各业务列的占比，避免中间文本列吞掉空间后把状态和操作挤到最右侧。 */ #appView .orders-page .order-table{width:100%;min-width:0;max-width:100%;table-layout:fixed} #appView .orders-page .order-quote-table th:nth-child(1){width:17%} #appView .orders-page .order-quote-table th:nth-child(2){width:10%} #appView .orders-page .order-quote-table th:nth-child(3){width:13%} #appView .orders-page .order-quote-table th:nth-child(4){width:10%} #appView .orders-page .order-quote-table th:nth-child(5){width:10%} #appView .orders-page .order-quote-table th:nth-child(6){width:9%} #appView .orders-page .order-quote-table th:nth-child(7){width:17%} #appView .orders-page .order-quote-table th:nth-child(8){width:14%} #appView .orders-page .order-formal-table th:nth-child(1){width:16%} #appView .orders-page .order-formal-table th:nth-child(2){width:11%} #appView .orders-page .order-formal-table th:nth-child(3){width:10%} #appView .orders-page .order-formal-table th:nth-child(4){width:10%} #appView .orders-page .order-formal-table th:nth-child(5){width:9%} #appView .orders-page .order-formal-table th:nth-child(6){width:9%} #appView .orders-page .order-formal-table th:nth-child(7){width:14%} #appView .orders-page .order-formal-table th:nth-child(8){width:10%} #appView .orders-page .order-formal-table th:nth-child(9){width:11%} #appView .orders-page .order-canceled-table th:nth-child(1){width:23%} #appView .orders-page .order-canceled-table th:nth-child(2){width:18%} #appView .orders-page .order-canceled-table th:nth-child(3){width:15%} #appView .orders-page .order-canceled-table th:nth-child(4){width:15%} #appView .orders-page .order-canceled-table th:nth-child(5){width:12%} #appView .orders-page .order-canceled-table th:nth-child(6){width:17%} } #appView .orders-page .order-table th{height:44px;padding:0 14px;border-bottom:1px solid var(--orders-line);background:#fbfaf8;color:#6d7882;font-size:10px;font-weight:760;text-align:left;white-space:nowrap} #appView .orders-page .order-table td{height:86px;padding:12px 14px;border-top:0;border-bottom:1px solid #ebe7e0;background:#fff;vertical-align:middle;font-size:12px} #appView .orders-page .order-table tbody tr:last-child td{border-bottom:0} #appView .orders-page .order-table tbody tr:hover td{background:#fffdf8} #appView .orders-page .order-table td>strong{color:#1e2d3a;font-size:13px} #appView .orders-page .order-table td>span{margin-top:5px;color:#596671} #appView .orders-page .order-table td>small{margin-top:5px;color:#929aa2;font-size:10px} #appView .orders-page .order-table th:last-child, #appView .orders-page .order-table td:last-child{position:sticky;right:0;z-index:1;box-shadow:-12px 0 18px -18px rgba(12,41,66,.55)} #appView .orders-page .order-table th:last-child{z-index:2;background:#fbfaf8} #appView .orders-page .order-table td:last-child{background:#fff} #appView .orders-page .order-table tr:hover td:last-child{background:#fffdf8} #appView .orders-page .order-row-actions{min-width:0;flex-wrap:wrap} #appView .orders-page .order-row-actions button{min-height:34px;padding:7px 10px;font-size:10px} #appView .orders-page .order-convert-button{border-color:#a8d3b8;background:#eaf6ef;color:#267448} #appView .orders-page .order-convert-button:hover{background:#dff1e6} #appView .orders-page .secondary.compact{border-color:#e1bd78;background:#fff;color:#8d5c13} #appView .orders-page .order-pagination{min-height:57px;padding:0 18px;border-top:1px solid var(--orders-line);background:#fff} #appView .orders-page .order-pagination button{min-height:32px;border-color:#dfe3e6;border-radius:8px;background:#fff;color:#61707c;font-size:10px} #appView .order-detail-drawer{background:#fff} #appView .order-detail-head{border-bottom:1px solid #e7e2d9;background:#fff;color:#172432;box-shadow:none} #appView .order-detail-head h2{color:#172432} #appView .order-detail-head .icon-btn{color:#51606d;border-color:#d8dde1;background:#fff} #appView .order-detail-tabs{border-bottom-color:#e7e2d9;background:#fff} #appView .order-detail-content{background:#fff} #appView .order-detail-section{border-color:#e7e2d9;background:#fff} @media(max-width:1160px){ #appView .orders-page .order-toolbar{grid-template-columns:minmax(220px,1fr) repeat(3,minmax(116px,auto))} #appView .orders-page .order-toolbar label:nth-of-type(n+3){grid-row:auto} } @media(max-width:900px){ #appView .orders-page .orders-heading{align-items:flex-start} #appView .orders-page .order-workspace-cards{grid-template-columns:1fr} #appView .orders-page .order-workspace-card{min-height:82px} #appView .orders-page .sales-order-metrics{grid-template-columns:repeat(3,minmax(0,1fr))} #appView .orders-page .order-toolbar{grid-template-columns:minmax(200px,1fr) repeat(2,minmax(116px,auto))} } @media(max-width:780px){ #appView .orders-page{min-width:0;max-width:100%} #appView .orders-page .orders-heading{display:grid;gap:18px;padding:1px 0 20px} #appView .orders-page .orders-heading h2{font-size:29px} #appView .orders-page .orders-heading p{font-size:12px} #appView .orders-page .orders-create-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%} #appView .orders-page .orders-create-button{width:100%;min-width:0;min-height:48px;padding-inline:12px;font-size:13px} #appView .orders-page .order-workspace-cards{min-width:0;max-width:100%;grid-template-columns:1fr;gap:9px;margin-top:16px} #appView .orders-page .order-workspace-card{min-width:0;min-height:78px;padding:12px 14px} #appView .orders-page .sales-order-metrics{grid-template-columns:1fr} #appView .orders-page .orders-workspace-shell{width:100%;min-width:0;max-width:100%;overflow:visible;border-radius:13px;box-shadow:0 9px 26px rgba(21,41,59,.055)} #appView .orders-page .order-segments{width:100%;min-width:0;max-width:100%;gap:22px;min-height:54px;padding-inline:15px} #appView .orders-page .order-toolbar{grid-template-columns:1fr;padding:13px} #appView .orders-page .order-toolbar>*{grid-column:auto!important;grid-row:auto!important;width:100%} #appView .orders-page .order-toolbar input, #appView .orders-page .order-toolbar select{width:100%} #appView .orders-page .order-record-meta{padding-inline:14px} #appView .orders-page .order-records{overflow:visible;padding:10px;background:#f7f7f5} #appView .orders-page .order-ledger-group+ .order-ledger-group{margin-top:10px;border-top:0} #appView .orders-page .order-ledger-group>header{border:1px solid var(--orders-line);border-bottom:0;border-radius:11px 11px 0 0} #appView .orders-page .order-table-wrap{overflow:visible} #appView .orders-page .order-table{display:block;min-width:0;width:100%;background:transparent} #appView .orders-page .order-table thead{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0} #appView .orders-page .order-table tbody{display:grid;gap:10px} #appView .orders-page .order-table tr{display:block;overflow:hidden;border:1px solid var(--orders-line);border-radius:12px;background:#fff;box-shadow:0 5px 15px rgba(21,41,59,.035)} #appView .orders-page .order-table td, #appView .orders-page .order-table td:last-child{ position:static; min-height:0; height:auto; display:grid; grid-template-columns:96px minmax(0,1fr); align-items:start; gap:3px 10px; padding:10px 12px; border:0; border-bottom:1px solid #efede8; background:#fff; box-shadow:none; text-align:left; } #appView .orders-page .order-table td:last-child{border-bottom:0} #appView .orders-page .order-table td::before{grid-column:1;grid-row:1/span 20;color:#89939d;font-size:9px;font-weight:750;line-height:1.5;content:attr(data-label)} #appView .orders-page .order-table td>*{grid-column:2} #appView .orders-page .order-table tbody tr:hover td, #appView .orders-page .order-table tbody tr:hover td:last-child{background:#fff} #appView .orders-page .order-row-actions{display:grid;grid-template-columns:1fr;gap:7px;width:100%} #appView .orders-page .order-row-actions button, #appView .orders-page .order-table td[data-label="操作"]>button{width:100%} #appView .orders-page .order-arrangement-list>span{grid-template-columns:48px minmax(0,1fr)} #appView .orders-page .order-pagination{justify-content:center;padding:10px 12px} #appView .order-detail-drawer{width:100vw} } @media(max-width:430px){ #appView .orders-page .orders-create-actions{grid-template-columns:1fr} #appView .orders-page .order-workspace-card{grid-template-columns:42px minmax(0,1fr) auto;gap:11px} #appView .orders-page .order-workspace-icon{width:42px;height:42px} #appView .orders-page .order-workspace-count{min-width:50px} #appView .orders-page .order-table td, #appView .orders-page .order-table td:last-child{grid-template-columns:82px minmax(0,1fr)} } /* Reception detail: keep the first layer intentionally small; professional state stays collapsed. */ #appView .order-reception-quick-row{ grid-template-columns:minmax(110px,.7fr) auto minmax(0,2.4fr) auto; align-items:center; } #appView .order-reception-quick-status{align-self:center} #appView .order-reception-primary-fields{ display:grid; grid-template-columns:repeat(3,minmax(120px,1fr)); gap:9px; min-width:0; } #appView .order-reception-primary-fields>label{ display:grid; align-items:start; gap:4px; min-width:0; } #appView .order-reception-primary-fields input{width:100%;min-width:0} #appView .order-reception-professional{ grid-column:1/-1; border-top:1px solid #e9e5dd; padding-top:9px; } #appView .order-reception-professional>summary{ width:max-content; color:#6d7781; font-size:10px; font-weight:800; cursor:pointer; } #appView .order-reception-professional-body{display:grid;gap:10px;padding-top:10px} #appView details.order-reception-professional:not([open])>.order-reception-professional-body{display:none} #appView .order-reception-professional-fields{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:9px; } #appView .order-reception-professional-fields>label{display:grid;gap:4px;min-width:0} #appView .order-reception-professional-fields .span-2{grid-column:1/-1} #appView .order-reception-professional-fields textarea{min-height:72px} #appView .order-reception-professional-controls{display:flex;align-items:center;gap:14px;flex-wrap:wrap} #appView .order-reception-professional-controls label{font-size:10px} #appView .quote-arrangement-primary-fields{grid-template-columns:repeat(3,minmax(0,1fr))} #appView .quote-arrangement-professional{ border-top:1px solid #e9e5dd; padding-top:10px; } #appView .quote-arrangement-professional>summary{ color:#6d7781; font-size:12px; font-weight:800; cursor:pointer; } #appView .quote-arrangement-professional-body{display:grid;gap:12px;padding-top:12px} #appView details.quote-arrangement-professional:not([open])>.quote-arrangement-professional-body{display:none} #appView .quote-arrangement-professional-controls{display:flex;align-items:center;gap:14px;flex-wrap:wrap} #appView .quote-arrangement-professional-controls label{display:flex;align-items:center;gap:7px} #appView .quote-arrangement-professional-controls input{width:18px;height:18px} @media(max-width:900px){ #appView .order-reception-quick-row{grid-template-columns:minmax(100px,.7fr) auto minmax(0,2fr) auto} #appView .order-reception-primary-fields{grid-template-columns:repeat(2,minmax(120px,1fr))} #appView .quote-arrangement-primary-fields{grid-template-columns:1fr} } @media(max-width:760px){ #appView .order-reception-quick-row{grid-template-columns:1fr} #appView .order-reception-primary-fields, #appView .order-reception-professional-fields{grid-template-columns:1fr} #appView .order-reception-professional-fields .span-2{grid-column:auto} #appView .order-reception-quick-row>button{width:100%} } /* V25 order detail finance and navigation alignment */ #appView .order-compact-itinerary{margin-top:16px} #appView .order-compact-itinerary-list{display:grid} #appView .order-compact-itinerary-list article{display:grid;grid-template-columns:70px 118px minmax(0,1fr);align-items:start;gap:16px;padding:15px 19px;border-top:1px solid #ebe7df;background:#fff} #appView .order-compact-itinerary-list article:first-child{border-top:0} #appView .order-compact-itinerary-list article>b{color:#a96f17;font-size:12px} #appView .order-compact-itinerary-list time{color:#737f8a;font-size:12px;font-weight:750} #appView .order-compact-itinerary-list article>div{min-width:0} #appView .order-compact-itinerary-list strong{display:block;color:#1e2d3b;font-size:14px} #appView .order-compact-itinerary-list p{margin:5px 0 0;color:#66727e;font-size:12px;line-height:1.55} #appView .order-compact-itinerary-empty p{margin:6px 0 0} #appView .order-overview-tab .order-glance-money{grid-template-columns:repeat(4,minmax(0,1fr)) minmax(150px,.72fr);align-items:stretch} #appView .order-glance-payment-action{display:grid;place-items:center;padding:10px} #appView .order-glance-payment-action .order-register-payment{width:100%;height:100%;min-height:54px} #appView .order-balance-alert{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:0;padding:11px 13px;border:1px solid #efb6af;border-radius:10px;background:#fff0ee;color:#a43f35;font-size:12px;line-height:1.55} #appView .order-balance-alert strong{color:#8f2f27;font-size:13px} #appView .order-balance-alert b{margin-left:auto;color:#8f2f27} #appView .order-next-action.is-danger{border-left-color:#c74a3d;background:#fff0ee} #appView .order-next-action.is-danger span,#appView .order-next-action.is-danger strong{color:#9c382f} #appView .order-quick-purpose{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;padding:0;border:0;min-width:0} #appView .order-quick-purpose legend{grid-column:1/-1;margin-bottom:3px;color:#687481;font-size:12px;font-weight:800} #appView .order-quick-purpose label{position:relative;display:flex;align-items:center;justify-content:center;min-width:0;min-height:48px;padding:10px 12px;border:1px solid #dcd7ce;border-radius:10px;background:#fff;color:#344352;font-weight:850;cursor:pointer} #appView .order-quick-purpose input{position:absolute;opacity:0;pointer-events:none} #appView .order-quick-purpose label:has(input:checked){border-color:#c98c22;background:#fff8e9;color:#9a6310;box-shadow:inset 0 -3px #c98c22} #appView .order-quick-purpose label:has(input:focus-visible){outline:3px solid rgba(201,140,34,.22);outline-offset:2px} #appView .order-quick-money-breakdown{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;min-width:0} #appView .order-quick-money-breakdown label{min-width:0;color:#687481;font-size:12px;font-weight:800} #appView .order-quick-money-breakdown input{min-width:0;font-size:14px;font-weight:800} #appView .order-quick-money-breakdown input[readonly]{background:#f7f6f3;color:#5f6b77;cursor:default} #appView .order-quick-receipt-modal{max-height:calc(100dvh - 24px);overflow:hidden;display:grid;grid-template-rows:auto minmax(0,1fr)} #appView .order-quick-receipt-modal>header{padding-block:14px} #appView .order-quick-receipt-modal>form{min-height:0;overflow:hidden;display:grid;grid-template-rows:minmax(0,1fr) auto;padding:0} #appView .order-quick-receipt-modal .payment-form-grid{min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:14px 20px 12px;scrollbar-gutter:stable} #appView .order-quick-receipt-modal textarea[name="notes"]{height:58px;min-height:58px;max-height:76px;resize:vertical;line-height:1.45} #appView .order-quick-receipt-modal>form>footer{position:relative;z-index:1;flex:none;padding:11px 20px;background:#fff} @media(max-width:1024px){ #appView .order-overview-tab .order-glance-money{grid-template-columns:repeat(2,minmax(0,1fr))} #appView .order-glance-payment-action{grid-column:1/-1} } @media(max-width:760px){ #appView .order-overview-tab .order-glance-money{grid-template-columns:1fr} #appView .order-glance-payment-action{grid-column:auto} #appView .order-balance-alert{display:grid} #appView .order-balance-alert b{margin-left:0} #appView .order-quick-money-breakdown{gap:6px} #appView .order-quick-money-breakdown label{font-size:11px} #appView .order-quick-money-breakdown input{padding-inline:9px;font-size:13px} #appView .order-quick-receipt-modal{max-height:calc(100dvh - 16px)} #appView .order-quick-receipt-modal .payment-form-grid{padding:12px 14px 10px} #appView .order-quick-receipt-modal>form>footer{padding:10px 14px calc(10px + env(safe-area-inset-bottom))} #appView .order-compact-itinerary-list article{grid-template-columns:1fr;gap:5px;padding:15px} #appView .order-compact-itinerary-list article>b,#appView .order-compact-itinerary-list time{display:inline} } /* Order detail keeps finance complexity behind “管理团款”. */ #appView .order-detail-section .order-payment-summary{grid-template-columns:repeat(3,minmax(0,1fr))} #appView .order-payment-manager .payment-detail-grid{grid-template-columns:minmax(0,1fr)} #appView .order-payment-manager .payment-detail-grid>.ops-panel, #appView .order-payment-manager .payment-timeline article, #appView .order-payment-manager .payment-transaction-actions{min-width:0} #appView .orders-page .order-payment-table{min-width:720px} #appView .payment-list-panel .payment-table{min-width:820px} #appView .payment-list-panel .payment-team-link small{display:block;margin-top:3px;color:#8a929b;font-size:8px} @media(max-width:780px){ #appView .orders-page .order-payment-table{min-width:0} } @media(max-width:760px){ #appView .order-detail-section .order-payment-summary{grid-template-columns:1fr} } /* V19：正式订单八类业务共享同一套紧凑礼宾外壳；内部字段与小选项仍由各业务分支独立生成。 */ #appView .new-order-page.has-selected-business{ max-width:1280px; } #appView .new-order-page.has-selected-business .new-order-creation-layout{ grid-template-columns:minmax(0,1fr); gap:14px; } #appView .new-order-page.has-selected-business .new-order-safety-note{ margin-left:0; } #appView .new-order-page .new-order-mode-block.is-compact{ display:grid; grid-template-columns:120px minmax(0,1fr); align-items:center; gap:14px; padding:11px 14px; box-shadow:0 7px 22px rgba(21,41,59,.045); } #appView .new-order-page .new-order-mode-block.is-compact::before{ top:10px; bottom:10px; left:-1px; width:3px; height:auto; border-radius:0 3px 3px 0; } #appView .new-order-page .new-order-mode-block.is-compact>header{ display:grid; justify-content:start; gap:3px; margin:0; } #appView .new-order-page .new-order-mode-block.is-compact>header small{font-size:9px} #appView .new-order-page .new-order-mode-block.is-compact .new-order-modes{ grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; } #appView .new-order-page .new-order-mode-block.is-compact .new-order-mode{ min-height:58px; grid-template-columns:34px minmax(0,1fr); gap:10px; padding:8px 38px 8px 10px; border-radius:10px; } #appView .new-order-page .new-order-mode-block.is-compact .new-order-mode-icon{ width:34px; height:34px; border-radius:9px; } #appView .new-order-page .new-order-mode-block.is-compact .new-order-mode-icon svg{ width:19px; height:19px; } #appView .new-order-page .new-order-mode-block.is-compact .new-order-mode strong{font-size:12px} #appView .new-order-page .new-order-mode-block.is-compact .new-order-mode small{ margin-top:2px; overflow:hidden; font-size:9px; line-height:1.35; text-overflow:ellipsis; white-space:nowrap; } #appView .new-order-page .new-order-mode-block.is-compact .new-order-mode>i{ top:50%; right:11px; width:19px; height:19px; transform:translateY(-50%); font-size:10px; } #appView .new-order-page #newOrderStandardForm[data-business-stage="order"] .business-quote-head{ display:grid; grid-template-columns:48px minmax(0,1fr) auto; align-items:center; gap:14px; padding:19px 24px; } #appView .new-order-page #newOrderStandardForm[data-business-stage="order"] .business-quote-icon{ width:48px; height:48px; display:grid; place-items:center; border:1px solid #e3d4b8; border-radius:13px; background:var(--new-order-ivory); color:var(--new-order-navy); } #appView .new-order-page #newOrderStandardForm[data-business-stage="order"] .business-quote-icon svg{ width:26px; height:26px; fill:none; stroke:currentColor; stroke-width:1.7; stroke-linecap:round; stroke-linejoin:round; } #appView .new-order-page #newOrderStandardForm[data-business-stage="order"] .business-quote-head h2{ margin-top:3px; font-size:22px; } #appView .new-order-page #newOrderStandardForm[data-business-stage="order"] .business-form-section{ padding:21px 24px; } #appView .new-order-page #newOrderStandardForm[data-business-stage="order"] .business-form-section-head{ display:flex; align-items:center; gap:12px; margin:0 0 17px; } #appView .new-order-page #newOrderStandardForm[data-business-stage="order"] .business-form-step{ width:38px; height:38px; display:grid; place-items:center; flex:0 0 auto; border:1px solid #dfc38e; border-radius:11px; background:var(--new-order-ivory); color:var(--new-order-gold-deep); font-family:Georgia,serif; font-size:13px; font-weight:700; } #appView .new-order-page #newOrderStandardForm[data-business-stage="order"] .business-form-section-head h3{ margin:0; color:var(--new-order-ink); font-size:16px; line-height:1.25; } #appView .new-order-page #newOrderStandardForm[data-business-stage="order"] .business-form-section-head p{ margin:4px 0 0; color:var(--new-order-muted); font-size:10px; line-height:1.45; } #appView .new-order-page #newOrderStandardForm[data-business-stage="order"] :is(.business-section-basic,.business-section-service)>.new-order-form-grid{ grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px 16px; padding-top:0; } #appView .new-order-page #newOrderStandardForm[data-business-stage="order"] .business-section-money>.new-order-form-grid{ grid-template-columns:repeat(2,minmax(180px,1fr)); gap:14px 16px; max-width:720px; padding-top:0; } #appView .new-order-page #newOrderStandardForm[data-business-stage="order"] .business-form-section label, #appView .new-order-page #newOrderStandardForm[data-business-stage="order"] .business-choice-field>legend{ font-size:10px; } #appView .new-order-page #newOrderStandardForm[data-business-stage="order"] .business-form-section :is(input,select){ min-height:42px; } #appView .new-order-page #newOrderStandardForm[data-business-stage="order"] .business-form-section textarea{ min-height:76px; } #appView .new-order-page #newOrderStandardForm[data-business-stage="order"] .business-transfer-route{ display:grid; grid-template-columns:minmax(0,1fr) 26px minmax(0,1fr); align-items:end; gap:10px; } #appView .new-order-page #newOrderStandardForm[data-business-stage="order"] .business-transfer-arrow{ display:grid; place-items:center; min-height:42px; color:var(--new-order-gold-deep); font-size:18px; font-weight:850; } #appView .new-order-page #newOrderStandardForm[data-business-stage="order"] .business-need-switches{ grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; } #appView .new-order-page #newOrderStandardForm[data-business-stage="order"] .business-need-switches>label, #appView .new-order-page #newOrderStandardForm[data-business-stage="order"] .business-payment-options>label{ min-height:66px; padding:10px 11px; border-radius:10px; } #appView .new-order-page #newOrderStandardForm[data-business-stage="order"] .business-payment-options{ grid-template-columns:repeat(4,minmax(0,1fr)); gap:8px; } #appView .new-order-page #newOrderStandardForm[data-business-stage="order"] .business-section-continuation{ padding-top:18px; background:#fffdf9; } #appView .new-order-page #newOrderStandardForm[data-business-stage="order"] .business-section-continuation .business-form-section-head{ margin-bottom:13px; } #appView .new-order-page #newOrderStandardForm[data-business-stage="order"] .business-optional{ margin-top:12px; border-radius:10px; box-shadow:none; } #appView .new-order-page #newOrderStandardForm[data-business-stage="order"] .business-optional>summary{ min-height:42px; display:flex; align-items:center; padding:10px 12px; font-size:10px; } #appView .new-order-page #newOrderStandardForm[data-business-stage="order"] .business-fee-details .business-fees, #appView .new-order-page #newOrderStandardForm[data-business-stage="order"] .business-optional>.new-order-form-grid{ padding:0 12px 13px; } #appView .new-order-page #newOrderStandardForm[data-business-stage="order"] .business-optional .business-order-remarks{ margin-top:0; } #appView .new-order-page #newOrderStandardForm[data-business-stage="order"] .business-balance-due label{ max-width:360px; } #appView .new-order-page #newOrderStandardForm[data-business-stage="order"]>footer{ position:static; padding-bottom:calc(16px + env(safe-area-inset-bottom)); background:#fff; box-shadow:none; backdrop-filter:none; } @media(max-width:1100px){ #appView .new-order-page #newOrderStandardForm[data-business-stage="order"] :is(.business-section-basic,.business-section-service)>.new-order-form-grid{ grid-template-columns:repeat(2,minmax(0,1fr)); } #appView .new-order-page #newOrderStandardForm[data-business-stage="order"] .business-payment-options{ grid-template-columns:repeat(2,minmax(0,1fr)); } } @media(max-width:700px){ #appView .new-order-page .new-order-mode-block.is-compact{ grid-template-columns:1fr; gap:8px; } #appView .new-order-page .new-order-mode-block.is-compact>header{ display:flex; justify-content:space-between; } #appView .new-order-page .new-order-mode-block.is-compact .new-order-modes{ grid-template-columns:1fr; } #appView .new-order-page .new-order-mode-block.is-compact .new-order-mode small{ white-space:normal; } #appView .new-order-page #newOrderStandardForm[data-business-stage="order"] .business-quote-head{ grid-template-columns:42px minmax(0,1fr); padding:17px; } #appView .new-order-page #newOrderStandardForm[data-business-stage="order"] .business-quote-icon{ width:42px; height:42px; } #appView .new-order-page #newOrderStandardForm[data-business-stage="order"] .business-quote-head button{ grid-column:1/-1; } #appView .new-order-page #newOrderStandardForm[data-business-stage="order"] .business-form-section{ padding:18px 17px; } #appView .new-order-page #newOrderStandardForm[data-business-stage="order"] :is(.business-section-basic,.business-section-service,.business-section-money)>.new-order-form-grid, #appView .new-order-page #newOrderStandardForm[data-business-stage="order"] .business-payment-options, #appView .new-order-page #newOrderStandardForm[data-business-stage="order"] .business-need-switches{ grid-template-columns:1fr; } #appView .new-order-page #newOrderStandardForm[data-business-stage="order"] .business-transfer-route{ grid-template-columns:1fr; } #appView .new-order-page #newOrderStandardForm[data-business-stage="order"] .business-transfer-arrow{ min-height:20px; transform:rotate(90deg); } #appView .new-order-page #newOrderStandardForm[data-business-stage="order"]>footer{ position:static; } } /* V22：新建报价 / 新建订单全流程共用顶部创建方式与大字号白金外壳。 */ #appView .content-shell.new-business-create-shell .topbar-copy{ display:none!important; } #appView .content-shell.new-business-create-shell .topbar{ justify-content:flex-end; background:#fff; } #appView .new-order-page{ max-width:1376px; } #appView .new-order-page .new-order-breadcrumb{ margin-bottom:22px; font-size:14px; } #appView .new-order-page .new-order-heading{ display:grid; grid-template-columns:minmax(0,1fr); align-items:center; gap:34px; padding-bottom:30px; } #appView .new-order-page .new-order-heading-copy{ min-width:0; display:grid; justify-items:start; } #appView .new-order-page .new-order-heading-eyebrow{ margin-bottom:11px; font-size:13px; } #appView .new-order-page .new-order-heading h2{ font-size:clamp(42px,3vw,48px); line-height:1.06; overflow-wrap:anywhere; } #appView .new-order-page .new-order-heading p{ max-width:650px; margin-top:12px; font-size:16px; line-height:1.65; } #appView .new-order-page .new-order-change-business{ min-height:44px; margin-top:18px; padding:10px 18px; border-color:#d7b26e; border-radius:10px; background:#fff; color:var(--new-order-navy); font-size:14px; font-weight:800; } #appView .new-order-page .new-order-change-business:hover{background:var(--new-order-ivory)} #appView .new-order-page .new-order-heading .new-order-mode-block{ padding:0; border:0; border-radius:0; background:transparent; box-shadow:none; } #appView .new-order-page .new-order-heading .new-order-mode-block::before{display:none} #appView .new-order-page .new-order-heading .new-order-mode-block>header{ position:absolute; width:1px; height:1px; margin:-1px; padding:0; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; } #appView .new-order-page .new-order-heading .new-order-modes{ grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; } #appView .new-order-page .new-order-heading .new-order-mode{ min-height:116px; grid-template-columns:52px minmax(0,1fr); gap:14px; padding:18px 42px 18px 18px; border-radius:14px; } #appView .new-order-page .new-order-heading .new-order-mode-icon{ width:52px; height:52px; } #appView .new-order-page .new-order-heading .new-order-mode-icon svg{ width:27px; height:27px; } #appView .new-order-page .new-order-heading .new-order-mode strong{ padding-right:0; font-size:19px; line-height:1.25; } #appView .new-order-page .new-order-heading .new-order-mode small{ margin-top:7px; font-size:12px; line-height:1.5; } #appView .new-order-page .new-order-heading .new-order-mode>i{ top:13px; right:13px; width:24px; height:24px; } #appView .new-order-page .new-order-creation-layout, #appView .new-order-page.has-selected-business .new-order-creation-layout{ grid-template-columns:minmax(0,1fr); gap:0; margin-top:26px; } #appView .new-order-page .business-type-step{ gap:24px; padding:28px 30px 26px; } #appView .new-order-page .business-type-title{gap:17px} #appView .new-order-page .business-type-step-no{ width:60px; height:60px; border-radius:16px; font-size:18px; } #appView .new-order-page .business-type-step h2{ font-size:30px; } #appView .new-order-page .business-type-step p{ margin-top:7px; font-size:14px; } #appView .new-order-page .business-type-hint{ padding:11px 16px; font-size:12px; } #appView .new-order-page .business-type-grid{ grid-template-columns:repeat(4,minmax(0,1fr)); gap:14px; } #appView .new-order-page .business-type-card{ min-height:164px; padding:21px; border-radius:14px; } #appView .new-order-page .business-type-icon{ width:48px; height:48px; border-radius:12px; } #appView .new-order-page .business-type-icon svg{ width:26px; height:26px; } #appView .new-order-page .business-type-index{font-size:13px} #appView .new-order-page .business-type-card>strong{ margin-top:17px; font-size:18px; line-height:1.25; } #appView .new-order-page .business-type-card>small{ margin-top:8px; font-size:12px; line-height:1.5; } #appView .new-order-page .business-type-arrow{ right:20px; bottom:17px; font-size:22px; } #appView .new-order-page .business-quote-head, #appView .new-order-page #newOrderStandardForm[data-business-stage="order"] .business-quote-head{ display:grid; grid-template-columns:56px minmax(0,1fr) auto; align-items:center; gap:17px; padding:24px 30px 21px; } #appView .new-order-page .business-quote-icon, #appView .new-order-page #newOrderStandardForm[data-business-stage="order"] .business-quote-icon{ width:56px; height:56px; display:grid; place-items:center; border:1px solid #e3d4b8; border-radius:15px; background:var(--new-order-ivory); color:var(--new-order-navy); } #appView .new-order-page .business-quote-icon svg, #appView .new-order-page #newOrderStandardForm[data-business-stage="order"] .business-quote-icon svg{ width:29px; height:29px; fill:none; stroke:currentColor; stroke-width:1.7; stroke-linecap:round; stroke-linejoin:round; } #appView .new-order-page .business-quote-head h2, #appView .new-order-page #newOrderStandardForm[data-business-stage="order"] .business-quote-head h2{ margin:4px 0 5px; font-size:28px; } #appView .new-order-page .business-quote-head p{font-size:14px} #appView .new-order-page .business-form-section, #appView .new-order-page #newOrderStandardForm[data-business-stage="order"] .business-form-section{ padding:29px 30px; } #appView .new-order-page .business-form-section-head, #appView .new-order-page #newOrderStandardForm[data-business-stage="order"] .business-form-section-head{ display:flex; align-items:center; gap:15px; margin:0 0 23px; } #appView .new-order-page .business-form-step, #appView .new-order-page #newOrderStandardForm[data-business-stage="order"] .business-form-step{ width:48px; height:48px; display:grid; place-items:center; flex:0 0 auto; border:1px solid #dfc38e; border-radius:14px; background:var(--new-order-ivory); color:var(--new-order-gold-deep); font-family:Georgia,serif; font-size:16px; font-weight:750; } #appView .new-order-page .business-form-section-head h3, #appView .new-order-page #newOrderStandardForm[data-business-stage="order"] .business-form-section-head h3{ margin:0; color:var(--new-order-ink); font-size:22px; line-height:1.3; } #appView .new-order-page .business-form-section-head p, #appView .new-order-page #newOrderStandardForm[data-business-stage="order"] .business-form-section-head p{ margin:5px 0 0; color:var(--new-order-muted); font-size:13px; line-height:1.55; } #appView .new-order-page :is(.business-section-basic,.business-section-service)>.new-order-form-grid, #appView .new-order-page #newOrderStandardForm[data-business-stage="order"] :is(.business-section-basic,.business-section-service)>.new-order-form-grid{ grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px 24px; padding-top:0; } #appView .new-order-page .business-section-money>.new-order-form-grid, #appView .new-order-page #newOrderStandardForm[data-business-stage="order"] .business-section-money>.new-order-form-grid{ grid-template-columns:repeat(2,minmax(180px,1fr)); gap:20px 24px; max-width:none; padding-top:0; } #appView .new-order-page .business-form-section .new-order-form-grid label, #appView .new-order-page .business-form-section label, #appView .new-order-page .business-choice-field>legend, #appView .new-order-page #newOrderStandardForm[data-business-stage="order"] .business-form-section label, #appView .new-order-page #newOrderStandardForm[data-business-stage="order"] .business-choice-field>legend{ font-size:13px; line-height:1.45; } #appView .new-order-page .business-form-section :is(input,select), #appView .new-order-page #newOrderStandardForm[data-business-stage="order"] .business-form-section :is(input,select){ min-height:52px; padding:12px 14px; font-size:15px; } #appView .new-order-page .business-form-section textarea, #appView .new-order-page #newOrderStandardForm[data-business-stage="order"] .business-form-section textarea{ min-height:100px; padding:13px 14px; font-size:15px; } #appView .new-order-page .business-form-section label>small{font-size:11px;line-height:1.5} #appView .new-order-page .business-transfer-direction{ grid-column:1/-1; max-width:650px; padding:17px; border:1px solid #e2d5bd; border-radius:13px; background:var(--new-order-ivory); } #appView .new-order-page .business-transfer-direction>legend{ padding:0 6px; color:var(--new-order-gold-deep); font-weight:850; } #appView .new-order-page .business-choice-pair>label{ min-height:52px; padding:12px 14px; font-size:14px; } #appView .new-order-page .business-optional summary{ min-height:50px; display:flex; align-items:center; padding:13px 16px; font-size:13px; } #appView .new-order-page .business-order-remarks{ margin-top:20px; font-size:13px; } #appView .new-order-page .new-order-standard-card>footer, #appView .new-order-page #newOrderStandardForm[data-business-stage="order"]>footer{ position:sticky; bottom:0; padding:18px 30px calc(21px + env(safe-area-inset-bottom)); background:rgba(255,255,255,.97); box-shadow:0 -10px 28px rgba(21,41,59,.045); backdrop-filter:blur(10px); } #appView .new-order-page .new-order-standard-card>footer button{ min-height:48px; padding-inline:20px; font-size:14px; } #appView .new-order-page .new-order-safety-note{ margin:18px 0 0; font-size:12px; } /* 由新建页继续进入的单页报价和多日向导保留原流程，只统一外壳。 */ #appView :is(.business-create-form-shell,.business-create-wizard){ --business-flow-navy:#0c2942; --business-flow-gold:#c98c22; --business-flow-gold-deep:#a86d10; --business-flow-ivory:#fffaf1; --business-flow-line:#e7e2d9; width:100%; max-width:1376px; margin:0 auto; overflow:hidden; border:1px solid var(--business-flow-line); border-radius:18px; background:#fff; box-shadow:0 14px 38px rgba(21,41,59,.07); } /* archive-design.css 后加载；双类选择器锁定新建流程的 18px 白金外壳。 */ #appView .wizard.business-create-wizard{border-radius:18px} #appView .business-create-form-shell .simple-business-editor-head{ padding:27px 30px; border-bottom:1px solid var(--business-flow-line); background:#fff; color:#2a3947; } #appView .business-create-form-shell .simple-business-editor-head h2{ margin:6px 0; color:var(--business-flow-navy); font-size:30px; } #appView .business-create-form-shell .simple-business-editor-head p{color:#7b8793;font-size:14px} #appView .business-create-form-shell .business-form-section{padding:29px 30px} #appView .business-create-form-shell .business-form-section-head{ display:flex; align-items:center; gap:15px; margin-bottom:23px; } #appView .business-create-form-shell .business-form-step{ width:48px; height:48px; display:grid; place-items:center; flex:0 0 auto; border:1px solid #dfc38e; border-radius:14px; background:var(--business-flow-ivory); color:var(--business-flow-gold-deep); font-family:Georgia,serif; font-size:16px; font-weight:750; } #appView .business-create-form-shell .business-form-section-head h3{margin:0;font-size:22px} #appView .business-create-form-shell .business-form-section-head p{margin:5px 0 0;color:#7b8793;font-size:13px} #appView .business-create-form-shell .business-form-section .new-order-form-grid label{font-size:13px} #appView .business-create-form-shell .business-form-section :is(input,select){min-height:52px;border-radius:10px;font-size:15px} #appView .business-create-form-shell .business-form-section textarea{min-height:100px;border-radius:10px;font-size:15px} #appView .business-create-form-shell .simple-business-editor-footer{ position:sticky; bottom:0; padding:18px 30px calc(21px + env(safe-area-inset-bottom)); border-top:1px solid var(--business-flow-line); background:rgba(255,255,255,.97); box-shadow:0 -10px 28px rgba(21,41,59,.045); backdrop-filter:blur(10px); } #appView .business-create-form-shell .simple-business-editor-footer button{min-height:48px;font-size:14px} #appView .business-create-wizard .wizard-steps{ gap:12px; padding:26px 32px; border-bottom:1px solid var(--business-flow-line); background:#fff; } #appView .business-create-wizard .wizard-step{ gap:12px; color:#7b8793; font-size:14px; } #appView .business-create-wizard .step-no{ width:44px; height:44px; border:1px solid #dfc38e; border-radius:13px; background:var(--business-flow-ivory); color:var(--business-flow-gold-deep); font-family:Georgia,serif; font-size:15px; } #appView .business-create-wizard .wizard-step.active .step-no{ border-color:var(--business-flow-gold); background:var(--business-flow-gold); color:#fff; } #appView .business-create-wizard .wizard-body{padding:34px 38px} #appView .business-create-wizard .section-title{font-size:26px} #appView .business-create-wizard label{font-size:13px} #appView .business-create-wizard :is(input,select){min-height:52px;border-radius:10px;font-size:15px} #appView .business-create-wizard textarea{border-radius:10px;font-size:15px} #appView .business-create-wizard .wizard-footer{ position:sticky; bottom:0; z-index:2; padding:18px 30px calc(21px + env(safe-area-inset-bottom)); border-top:1px solid var(--business-flow-line); background:rgba(255,255,255,.97); box-shadow:0 -10px 28px rgba(21,41,59,.045); backdrop-filter:blur(10px); } #appView .business-create-wizard .wizard-footer button{min-height:48px;font-size:14px} /* 只放大新建业务流程中的嵌套控件；订单详情与导游工作台保持原尺寸。 */ #appView :is(.new-order-page,.business-create-form-shell,.business-create-wizard) :is(.business-need-switches,.business-payment-options) b{ font-size:14px; line-height:1.35; } #appView :is(.new-order-page,.business-create-form-shell,.business-create-wizard) :is(.business-need-switches,.business-payment-options) small{ font-size:12px; line-height:1.5; } #appView :is(.new-order-page,.business-create-form-shell,.business-create-wizard) :is(.business-need-switches,.business-payment-options)>label{ min-height:74px; padding:14px 15px; } #appView :is(.new-order-page,.business-create-form-shell,.business-create-wizard) :is(input[type="radio"],input[type="checkbox"]){ width:auto; min-height:auto; padding:0; } #appView :is(.new-order-page,.business-create-form-shell,.business-create-wizard) .guide-requirement-head>div>span, #appView :is(.new-order-page,.business-create-form-shell,.business-create-wizard) .guide-requirement-segment header span{ font-size:12px; } #appView :is(.new-order-page,.business-create-form-shell,.business-create-wizard) .guide-requirement-head h3{ font-size:20px; } #appView :is(.new-order-page,.business-create-form-shell,.business-create-wizard) .guide-requirement-head p, #appView :is(.new-order-page,.business-create-form-shell,.business-create-wizard) .guide-requirement-note span{ font-size:12px; } #appView :is(.new-order-page,.business-create-form-shell,.business-create-wizard) .guide-requirement-choice label{ min-height:52px; padding:12px 14px; font-size:14px; } #appView :is(.new-order-page,.business-create-form-shell,.business-create-wizard) .guide-requirement-note strong{ font-size:13px; } #appView :is(.new-order-page,.business-create-form-shell,.business-create-wizard) .guide-requirement-segment header strong{ font-size:15px; } #appView :is(.new-order-page,.business-create-form-shell,.business-create-wizard) .guide-requirement-grid label{ gap:7px; font-size:13px; } #appView :is(.new-order-page,.business-create-form-shell,.business-create-wizard) .guide-requirement-grid input{ min-height:52px; padding:12px 14px; font-size:15px; } #appView :is(.new-order-page,.business-create-form-shell,.business-create-wizard) .guide-requirement-grid textarea{ min-height:96px; padding:12px 14px; font-size:15px; } #appView .new-order-page .business-document-assist>div:nth-of-type(1)>span{font-size:12px} #appView .new-order-page .business-document-assist h3{font-size:18px} #appView .new-order-page .business-document-assist p{font-size:12px} #appView .new-order-page .business-document-source b{font-size:14px} #appView .new-order-page .business-document-source small{font-size:12px} #appView .new-order-page .business-document-source em{font-size:11px;line-height:1.5} #appView .new-order-page .business-document-picker-list strong{font-size:14px} #appView .new-order-page .business-document-picker-list small, #appView .new-order-page .business-document-picker-list em{font-size:11px;line-height:1.5} @media(max-width:1350px){ #appView .new-order-page .new-order-heading{ grid-template-columns:1fr; gap:22px; } #appView .new-order-page .new-order-heading .new-order-mode-block{max-width:760px} } @media(max-width:1180px){ #appView .new-order-page .business-type-grid{grid-template-columns:repeat(2,minmax(0,1fr))} #appView .new-order-page :is(.business-section-basic,.business-section-service)>.new-order-form-grid, #appView .new-order-page #newOrderStandardForm[data-business-stage="order"] :is(.business-section-basic,.business-section-service)>.new-order-form-grid{grid-template-columns:repeat(2,minmax(0,1fr))} } @media(max-width:760px){ #appView .content-shell.new-business-create-shell .topbar #menuBtn{margin-right:auto} #appView .new-order-page .new-order-heading{padding-bottom:22px} #appView .new-order-page .new-order-heading h2{font-size:36px} #appView .new-order-page .new-order-heading p{font-size:14px} #appView .new-order-page .new-order-change-business{width:100%} #appView .new-order-page .new-order-heading .new-order-modes{grid-template-columns:1fr} #appView .new-order-page .new-order-heading .new-order-mode{min-height:108px} #appView .new-order-page .business-type-step{padding:22px 20px} #appView .new-order-page .business-type-step-no{width:50px;height:50px} #appView .new-order-page .business-type-step h2{font-size:25px} #appView .new-order-page .business-type-step p{font-size:13px} #appView .new-order-page .business-quote-head, #appView .new-order-page #newOrderStandardForm[data-business-stage="order"] .business-quote-head{grid-template-columns:48px minmax(0,1fr);padding:21px 20px} #appView .new-order-page .business-quote-icon, #appView .new-order-page #newOrderStandardForm[data-business-stage="order"] .business-quote-icon{width:48px;height:48px} #appView .new-order-page .business-quote-head button{grid-column:1/-1;width:100%} #appView .new-order-page .business-form-section, #appView .new-order-page #newOrderStandardForm[data-business-stage="order"] .business-form-section{padding:23px 20px} #appView .new-order-page :is(.business-section-basic,.business-section-service,.business-section-money)>.new-order-form-grid, #appView .new-order-page #newOrderStandardForm[data-business-stage="order"] :is(.business-section-basic,.business-section-service,.business-section-money)>.new-order-form-grid{grid-template-columns:1fr} #appView .new-order-page .new-order-standard-card>footer, #appView .new-order-page #newOrderStandardForm[data-business-stage="order"]>footer{position:static;display:grid;grid-template-columns:1fr;padding:16px 20px calc(19px + env(safe-area-inset-bottom))} #appView .business-create-form-shell .business-form-section, #appView .business-create-wizard .wizard-body{padding:23px 20px} #appView .business-create-form-shell .simple-business-editor-footer, #appView .business-create-wizard .wizard-footer{position:static;padding:16px 20px calc(19px + env(safe-area-inset-bottom))} #appView .business-create-wizard .wizard-steps{padding:19px 8px} #appView .business-create-wizard .wizard-step{display:grid;gap:6px;font-size:11px;text-align:center} #appView .business-create-wizard .step-no{width:36px;height:36px} } @media(max-width:640px){ #appView .new-order-page .business-type-grid{grid-template-columns:1fr} #appView .new-order-page .business-type-card{min-height:148px} #appView .new-order-page .business-type-head, #appView .new-order-page .business-type-title{align-items:flex-start} #appView .new-order-page .business-transfer-direction{max-width:none} } /* V23：标题区以下的表单主体统一为轻量索引、窄侧栏和紧凑真实字段。 */ #appView .business-form-index{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); overflow:hidden; margin:18px 20px 6px; border:1px solid #e1ddd6; border-radius:12px; background:#fff; } #appView .business-form-index-item, #appView .business-editor-index .wizard-step{ min-width:0; min-height:54px; display:flex; align-items:center; justify-content:flex-start; gap:11px; padding:10px 20px; border-right:1px solid #e9e5df; color:#677583; font-size:13px; font-weight:750; } #appView .business-form-index-item:last-child, #appView .business-editor-index .wizard-step:last-child{border-right:0} #appView .business-form-index-item.is-active, #appView .business-editor-index .wizard-step.active{ background:#fffaf0; color:#142b42; box-shadow:inset 0 -3px #cf8e1f; } #appView .business-form-index-item>b, #appView .business-editor-index .step-no{ width:28px; height:28px; display:grid; place-items:center; flex:0 0 28px; border:1px solid #ddbd7e; border-radius:8px; background:#fffaf1; color:#a86908; font-family:Georgia,serif; font-size:12px; line-height:1; } #appView .business-editor-index .wizard-step:after{display:none} #appView .business-editor-index .wizard-step.done .step-no{font-size:0} #appView .business-editor-index .wizard-step.done .step-no:before{font-size:15px} #appView :is(.business-create-form-shell,.business-create-wizard){overflow:clip} #appView :is(.new-order-page #newOrderStandardForm,.business-create-form-shell) .business-form-section{ display:grid; grid-template-columns:188px minmax(0,1fr); margin:14px 20px 0; padding:0; overflow:hidden; border:1px solid #e1ddd6; border-radius:14px; background:#fff; box-shadow:0 7px 22px rgba(26,43,58,.035); } #appView :is(.new-order-page #newOrderStandardForm,.business-create-form-shell) .business-form-section>.business-form-section-head{ min-width:0; display:flex; flex-direction:column; align-items:flex-start; justify-content:flex-start; gap:0; margin:0; padding:24px 22px; border-right:1px solid #ebe7e1; background:#fffdf9; } #appView :is(.new-order-page #newOrderStandardForm,.business-create-form-shell) .business-form-section-head .business-form-step{ width:48px; height:48px; margin:0 0 16px; border-radius:13px; font-size:15px; } #appView :is(.new-order-page #newOrderStandardForm,.business-create-form-shell) .business-form-section-head h3{ margin:0 0 7px; font-size:20px; line-height:1.25; } #appView :is(.new-order-page #newOrderStandardForm,.business-create-form-shell) .business-form-section-head p{ margin:0; font-size:12px; line-height:1.55; } #appView :is(.new-order-page #newOrderStandardForm,.business-create-form-shell) .business-form-section-content{ min-width:0; padding:21px 23px 23px; } #appView :is(.new-order-page #newOrderStandardForm,.business-create-form-shell) :is(.business-section-basic,.business-section-service)>.business-form-section-content>.new-order-form-grid{ grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; padding:0; } #appView .new-order-page .business-team-number input[readonly]{ border-color:#d6ad62; background:#fff9ed; color:#9b650d; font-weight:850; letter-spacing:.04em; cursor:default; } #appView :is(.new-order-page #newOrderStandardForm,.business-create-form-shell) .business-section-money>.business-form-section-content{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:13px; } #appView :is(.new-order-page #newOrderStandardForm,.business-create-form-shell) .business-section-money>.business-form-section-content>.new-order-form-grid{ grid-column:1/-1; grid-template-columns:repeat(2,minmax(180px,1fr)); gap:16px; padding:0; } #appView :is(.new-order-page #newOrderStandardForm,.business-create-form-shell) .business-section-money>.business-form-section-content>.business-optional{ min-width:0; margin:0; } #appView :is(.new-order-page #newOrderStandardForm,.business-create-form-shell) .business-section-money .business-optional>.new-order-form-grid{ grid-template-columns:repeat(2,minmax(0,1fr)); gap:13px; padding:13px; } #appView :is(.new-order-page #newOrderStandardForm,.business-create-form-shell) .business-section-money .business-order-remarks{ grid-column:1/-1; margin:0; } #appView :is(.new-order-page #newOrderStandardForm,.business-create-form-shell) .business-section-money .business-fee-details .business-fees{ grid-template-columns:1fr; gap:13px; padding:13px; } #appView :is(.new-order-page #newOrderStandardForm,.business-create-form-shell) .business-form-section-content :is(input,select){ min-height:49px; padding:10px 14px; border-radius:9px; font-size:14px; } #appView :is(.new-order-page #newOrderStandardForm,.business-create-form-shell) .business-form-section-content textarea{ min-height:88px; padding:11px 14px; border-radius:9px; font-size:14px; } #appView :is(.new-order-page #newOrderStandardForm,.business-create-form-shell) .business-form-section-content label{ gap:7px; font-size:13px; } #appView :is(.new-order-page #newOrderStandardForm,.business-create-form-shell) .business-transfer-direction{ grid-column:1/-1; grid-template-columns:150px minmax(0,1fr); align-items:center; gap:17px; max-width:none; margin:0; padding:13px 15px; border:1px solid #e5e0d8; border-radius:10px; background:#faf9f6; } #appView :is(.new-order-page #newOrderStandardForm,.business-create-form-shell) .business-transfer-direction>.business-choice-label{ color:#4c5d6d; font-size:13px; font-weight:800; } #appView :is(.new-order-page #newOrderStandardForm,.business-create-form-shell) .business-transfer-direction>.business-choice-pair{margin:0} #appView :is(.new-order-page #newOrderStandardForm,.business-create-form-shell) .business-transfer-direction>.business-legacy-value{grid-column:1/-1} #appView :is(.new-order-page #newOrderStandardForm,.business-create-form-shell) .business-transfer-route{ grid-column:1/-1; display:grid; grid-template-columns:minmax(0,1fr) 42px minmax(0,1fr); align-items:end; gap:12px; margin:0; padding:15px; border:1px solid #e4dfd7; border-radius:11px; background:#faf9f6; } #appView :is(.new-order-page #newOrderStandardForm,.business-create-form-shell) .business-transfer-arrow{ width:38px; height:38px; display:grid; place-items:center; align-self:end; margin-bottom:5px; border:1px solid #dfc28e; border-radius:50%; background:#fff; color:#ad6d07; font-size:19px; } #appView :is(.new-order-page #newOrderStandardForm,.business-create-form-shell) .business-order-payment>.business-form-section-content>.business-payment-options{ grid-template-columns:repeat(2,minmax(0,1fr)); margin:0; } #appView :is(.new-order-page #newOrderStandardForm,.business-create-form-shell) .business-payment-details .new-order-form-grid{ grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; padding:15px; } #appView :is(.new-order-page #newOrderStandardForm,.business-create-form-shell) .business-balance-due>.business-form-section-content>label{max-width:360px} #appView .new-order-page #newOrderStandardForm>.business-document-assist{margin:14px 20px 0} #appView :is(.new-order-page #newOrderStandardForm,.business-create-form-shell)>.guide-requirement-editor{ margin:14px 20px 0; padding:20px 22px; border:1px solid #e1ddd6; border-radius:14px; background:#fff; box-shadow:0 7px 22px rgba(26,43,58,.035); } #appView .new-order-page #newOrderStandardForm>footer, #appView .business-create-form-shell>.simple-business-editor-footer, #appView .business-create-wizard>.wizard-footer{ position:sticky; bottom:0; z-index:8; } #appView .business-create-wizard>.business-editor-index{ grid-template-columns:repeat(4,minmax(0,1fr)); gap:0; margin:0; padding:0; border:0; border-bottom:1px solid #e1ddd6; border-radius:0; } #appView .business-create-wizard .wizard-body{padding:14px 0 20px} #appView .business-create-wizard .wizard-panel.active{ display:grid; grid-template-columns:188px minmax(0,1fr); margin:0 20px; overflow:hidden; border:1px solid #e1ddd6; border-radius:14px; background:#fff; box-shadow:0 7px 22px rgba(26,43,58,.035); } #appView .business-create-wizard .business-editor-panel-side{ min-width:0; padding:24px 22px; border-right:1px solid #ebe7e1; background:#fffdf9; } #appView .business-create-wizard .business-editor-panel-side .business-form-step{ width:48px; height:48px; display:grid; place-items:center; margin-bottom:16px; border:1px solid #dfb86f; border-radius:13px; background:#fffaf1; color:#a66808; font-family:Georgia,serif; font-size:15px; } #appView .business-create-wizard .business-editor-panel-side h2{margin:0 0 7px;font-size:20px;line-height:1.25} #appView .business-create-wizard .business-editor-panel-side p{margin:0;color:#8995a0;font-size:12px;line-height:1.55} #appView .business-create-wizard .business-editor-panel-content{min-width:0;padding:22px 24px 24px} #appView .business-create-wizard .business-editor-panel-content>.form-grid, #appView .business-create-wizard .business-editor-panel-content>.form-grid.three{gap:16px} #appView .business-create-wizard .business-editor-panel-content>.guide-requirement-editor{ margin:0 0 16px; padding:18px 20px; border:1px solid #e1ddd6; border-radius:12px; background:#fffdf9; } #appView .business-create-wizard .business-editor-panel-content>.wizard-reception-needs{margin-bottom:14px} #appView .business-create-wizard .business-editor-panel-content>.business-optional{ margin:14px 0 0; border-radius:11px; } #appView .business-create-wizard .business-editor-panel-content>.business-optional :is(.quote-columns,.form-grid){ gap:14px; padding:14px; } #appView .organized-itinerary-form{ margin:14px 15px 18px; overflow:clip; border:1px solid #e1ddd6; border-radius:14px; background:#fff; box-shadow:0 7px 22px rgba(26,43,58,.035); } #appView .organized-itinerary-form>.order-itinerary-index{margin:0;border:0;border-bottom:1px solid #e1ddd6;border-radius:0} #appView .organized-itinerary-form .order-itinerary-edit-days{gap:14px;padding:14px} #appView .organized-itinerary-form .order-itinerary-edit-days>article{ grid-template-columns:154px minmax(0,1fr); gap:0; padding:0; overflow:hidden; border-radius:12px; } #appView .organized-itinerary-form .order-itinerary-day-side{ min-width:0; padding:20px 18px; border-right:1px solid #ebe7e1; background:#fffdf9; } #appView .organized-itinerary-form .order-itinerary-day-side .business-form-step{ width:42px; height:42px; display:grid; place-items:center; margin-bottom:13px; border:1px solid #dfb86f; border-radius:11px; background:#fffaf1; color:#a66808; font-family:Georgia,serif; font-size:14px; } #appView .organized-itinerary-form .order-itinerary-day-side>b{display:block;color:#24384c;font-size:15px} #appView .organized-itinerary-form .order-itinerary-day-side>small{display:block;margin-top:6px;color:#8995a0;font-size:11px} #appView .organized-itinerary-form .order-itinerary-edit-grid{ grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; padding:19px 20px 21px; } #appView .organized-itinerary-form .order-itinerary-edit-grid label{gap:7px;font-size:12px} #appView .organized-itinerary-form .order-itinerary-edit-grid :is(input,textarea){min-height:46px;border-radius:9px;font-size:13px} #appView .organized-itinerary-form .order-itinerary-edit-grid textarea{min-height:90px} #appView .organized-itinerary-form .order-itinerary-edit-grid .span-2{grid-column:span 2} #appView .organized-itinerary-form .order-itinerary-edit-grid .span-3{grid-column:1/-1} #appView .organized-itinerary-form>footer{ position:sticky; bottom:0; z-index:6; align-items:center; padding:14px 18px calc(16px + env(safe-area-inset-bottom)); border-top:1px solid #e2ddd5; background:rgba(255,255,255,.97); box-shadow:0 -9px 28px rgba(30,43,55,.06); } #appView .organized-itinerary-form .order-itinerary-footer-note{margin-right:auto;color:#7e8a95;font-size:11px} @media(max-width:1050px){ #appView :is(.new-order-page #newOrderStandardForm,.business-create-form-shell) :is(.business-section-basic,.business-section-service)>.business-form-section-content>.new-order-form-grid{grid-template-columns:repeat(2,minmax(0,1fr))} #appView :is(.new-order-page #newOrderStandardForm,.business-create-form-shell) .business-payment-details .new-order-form-grid{grid-template-columns:repeat(2,minmax(0,1fr))} #appView .organized-itinerary-form .order-itinerary-edit-grid{grid-template-columns:repeat(2,minmax(0,1fr))} #appView .organized-itinerary-form .order-itinerary-edit-grid .span-3{grid-column:1/-1} } @media(max-width:760px){ #appView .business-form-index{margin:14px 14px 5px} #appView .business-form-index-item, #appView .business-editor-index .wizard-step{min-height:50px;gap:7px;padding:8px 9px;font-size:10px;text-align:left} #appView .business-form-index-item>b, #appView .business-editor-index .step-no{width:25px;height:25px;flex-basis:25px;font-size:10px} #appView :is(.new-order-page #newOrderStandardForm,.business-create-form-shell) .business-form-section{ grid-template-columns:1fr; margin:12px 14px 0; } #appView :is(.new-order-page #newOrderStandardForm,.business-create-form-shell) .business-form-section>.business-form-section-head{ flex-direction:row; align-items:center; gap:13px; padding:16px 17px; border-right:0; border-bottom:1px solid #ebe7e1; } #appView :is(.new-order-page #newOrderStandardForm,.business-create-form-shell) .business-form-section-head .business-form-step{width:42px;height:42px;margin:0;flex:0 0 42px} #appView :is(.new-order-page #newOrderStandardForm,.business-create-form-shell) .business-form-section-content{padding:17px} #appView :is(.new-order-page #newOrderStandardForm,.business-create-form-shell) :is(.business-section-basic,.business-section-service)>.business-form-section-content>.new-order-form-grid, #appView :is(.new-order-page #newOrderStandardForm,.business-create-form-shell) .business-section-money>.business-form-section-content, #appView :is(.new-order-page #newOrderStandardForm,.business-create-form-shell) .business-section-money>.business-form-section-content>.new-order-form-grid, #appView :is(.new-order-page #newOrderStandardForm,.business-create-form-shell) .business-section-money .business-optional>.new-order-form-grid, #appView :is(.new-order-page #newOrderStandardForm,.business-create-form-shell) .business-payment-details .new-order-form-grid, #appView :is(.new-order-page #newOrderStandardForm,.business-create-form-shell) .business-order-payment>.business-form-section-content>.business-payment-options{grid-template-columns:1fr} #appView :is(.new-order-page #newOrderStandardForm,.business-create-form-shell) .business-transfer-direction{grid-template-columns:1fr;gap:10px} #appView :is(.new-order-page #newOrderStandardForm,.business-create-form-shell) .business-transfer-route{grid-template-columns:1fr} #appView :is(.new-order-page #newOrderStandardForm,.business-create-form-shell) .business-transfer-arrow{margin:0 auto;transform:rotate(90deg)} #appView .new-order-page #newOrderStandardForm>.business-document-assist{margin:12px 14px 0} #appView :is(.new-order-page #newOrderStandardForm,.business-create-form-shell)>.guide-requirement-editor{margin:12px 14px 0;padding:17px} #appView .new-order-page #newOrderStandardForm>footer, #appView .business-create-form-shell>.simple-business-editor-footer, #appView .business-create-wizard>.wizard-footer, #appView .organized-itinerary-form>footer{position:static} #appView .business-create-wizard>.business-editor-index{grid-template-columns:repeat(4,minmax(0,1fr))} #appView .business-create-wizard .wizard-body{padding:12px 0 16px} #appView .business-create-wizard .wizard-panel.active{display:grid;grid-template-columns:1fr;margin:0 14px} #appView .business-create-wizard .business-editor-panel-side{display:flex;align-items:center;gap:13px;padding:16px 17px;border-right:0;border-bottom:1px solid #ebe7e1} #appView .business-create-wizard .business-editor-panel-side .business-form-step{width:42px;height:42px;flex:0 0 42px;margin:0} #appView .business-create-wizard .business-editor-panel-side p{display:none} #appView .business-create-wizard .business-editor-panel-content{padding:18px 17px} #appView .organized-itinerary-form{margin:12px} #appView .organized-itinerary-form .order-itinerary-edit-days>article{grid-template-columns:1fr} #appView .organized-itinerary-form .order-itinerary-day-side{display:flex;align-items:center;gap:12px;padding:14px 15px;border-right:0;border-bottom:1px solid #ebe7e1} #appView .organized-itinerary-form .order-itinerary-day-side .business-form-step{width:38px;height:38px;flex:0 0 38px;margin:0} #appView .organized-itinerary-form .order-itinerary-day-side>small{margin:0 0 0 auto} #appView .organized-itinerary-form .order-itinerary-edit-grid{grid-template-columns:1fr;padding:16px} #appView .organized-itinerary-form .order-itinerary-edit-grid :is(.span-2,.span-3){grid-column:auto} #appView .organized-itinerary-form>footer{display:grid;grid-template-columns:1fr;padding:14px 16px} #appView .organized-itinerary-form .order-itinerary-footer-note{margin:0 0 4px} } /* V20：一日游专属接待选项与 AI 草稿确认。 */ #appView .new-order-page .new-order-change-business{ border-color:var(--new-order-gold); background:var(--new-order-gold); color:#fff; } #appView .new-order-page .new-order-change-business:hover{background:var(--new-order-gold-deep);color:#fff} #appView .day-tour-service-options{display:grid;gap:14px;min-width:0} #appView .day-tour-option-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px} #appView .day-tour-option{ min-height:82px; display:flex!important; align-items:center; gap:11px; padding:16px; border:1px solid #ded9d0; border-radius:12px; background:#fff; cursor:pointer; } #appView .day-tour-option:has(input:checked){border-color:var(--new-order-gold);background:var(--new-order-ivory);box-shadow:inset 0 -3px 0 var(--new-order-gold)} #appView .day-tour-option input{width:18px!important;min-height:18px!important;flex:0 0 18px;margin:0;accent-color:var(--new-order-gold-deep)} #appView .day-tour-option>span{display:grid;gap:4px} #appView .day-tour-option b{color:var(--new-order-navy);font-size:15px} #appView .day-tour-option small{color:#7d8791;font-size:11px;font-weight:650} #appView .day-tour-option-details{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;align-items:start} #appView .day-tour-vehicle-type{grid-column:2;min-width:0} #appView .day-tour-guide-option{grid-column:auto;grid-row:auto} #appView .day-tour-guide-editor{grid-column:1/-1;margin:0;padding:0;border:0;background:transparent;box-shadow:none} #appView .day-tour-guide-editor .guide-requirement-segments{padding:0} #appView .day-tour-guide-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px} #appView .day-tour-guide-grid label{min-width:0} #appView .day-tour-guide-grid textarea{min-height:48px} #appView .day-tour-guide-meeting-location{grid-column:auto} #appView .day-tour-guide-editor .guide-requirement-choice label{font-size:12px} #appView .day-tour-guide-editor .guide-requirement-choice label span{font-size:12px;line-height:1.35} #appView .day-tour-guide-legacy{display:flex;align-items:center;gap:8px;padding:10px 13px;border-left:3px solid var(--new-order-gold);background:var(--new-order-ivory);color:#65717d;font-size:11px} #appView .new-order-ai-review{display:grid;gap:16px} #appView .new-order-ai-review-head{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 26px;border:1px solid #e5dfd5;border-radius:14px;background:#fffaf1} #appView .new-order-ai-review-head>div{display:grid;gap:5px} #appView .new-order-ai-review-head span{color:var(--new-order-gold-deep);font-size:12px;font-weight:850} #appView .new-order-ai-review-head h2{margin:0;color:var(--new-order-navy);font-size:22px} #appView .new-order-ai-review-head p{margin:0;color:#77828c;font-size:12px} #appView .ai-itinerary-review{display:grid;gap:16px;margin:0 26px 26px;padding:22px;border:1px solid #e4ddd3;border-radius:14px;background:#fff} #appView .ai-itinerary-review>header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding-bottom:15px;border-bottom:1px solid #e9e3da} #appView .ai-itinerary-review>header>div{display:grid;gap:5px} #appView .ai-itinerary-review>header span{color:var(--new-order-gold-deep);font-size:12px;font-weight:850} #appView .ai-itinerary-review>header h3{margin:0;color:var(--new-order-navy);font-size:22px} #appView .ai-itinerary-review>header p{margin:0;color:#6f7b86;font-size:13px;line-height:1.6} #appView .ai-itinerary-review>header>strong{flex:0 0 auto;padding:8px 12px;border:1px solid #e7bd77;border-radius:999px;background:#fffaf1;color:var(--new-order-gold-deep);font-size:13px} #appView .ai-itinerary-review-days{display:grid;gap:14px} #appView .ai-itinerary-review-day{display:grid;gap:14px;padding:18px;border:1px solid #e5dfd7;border-radius:12px;background:#fff} #appView .ai-itinerary-review-day-head{display:flex;align-items:center;justify-content:space-between;gap:12px} #appView .ai-itinerary-review-day-head b{color:var(--new-order-navy);font-size:17px} #appView .ai-itinerary-review-day-head span{color:#7b8690;font-size:12px} #appView .ai-itinerary-recognition{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 11px;border:1px solid #d7e8de;border-radius:9px;background:#f4fbf6;color:#326447;font-size:12px;font-weight:750} #appView .ai-itinerary-recognition.is-checking{border-color:#ead39d;background:#fffaf0;color:#8b6319} #appView .ai-itinerary-recognition.needs-review{border-color:#edc7a8;background:#fff7ef;color:#9a4d16} #appView .ai-itinerary-recognition .secondary{min-height:32px;padding:5px 9px;font-size:11px} #appView .ai-itinerary-review-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px} #appView .ai-itinerary-review-grid label{display:grid;gap:7px;min-width:0;color:#52606c;font-size:13px;font-weight:800} #appView .ai-itinerary-review-grid .span-2{grid-column:1/-1} #appView .ai-itinerary-review-grid :is(input,textarea){width:100%;min-width:0;border:1px solid #dcd5cb;border-radius:10px;background:#fff;padding:12px 14px;color:var(--new-order-navy);font:inherit;font-weight:650} #appView .ai-itinerary-review-grid input{min-height:48px} #appView .ai-itinerary-review-grid textarea{min-height:108px;resize:vertical;line-height:1.65} #appView .ai-itinerary-review-grid input[readonly]{background:#f7f5f1;color:#69747e} #appView .order-itinerary-generate{min-height:42px;padding:9px 16px;border:1px solid #bd8120;border-radius:9px;background:#c98c22;color:#fff;font-weight:850} #appView .order-itinerary-generate:hover{background:#ad7318} #appView .order-glance-actions{align-items:center;justify-content:flex-end} #appView .orders-page .order-row-unavailable{color:#a4abb2} #appView .settings-control-nav .settings-logout-action{ width:100%; display:grid; gap:4px; margin-top:4px; padding:15px 17px; border:1px solid #e2b9b4; border-radius:10px; background:#fff8f7; color:#a13b31; text-align:left; } #appView .settings-control-nav .settings-logout-action b{font-size:13px} #appView .settings-control-nav .settings-logout-action small{color:#a47772;font-size:10px} #appView .archive-btn-danger{border:1px solid #bd5146;background:#fff5f3;color:#ad382f;font-weight:850} #appView .archive-btn-danger:hover:not(:disabled){background:#b54137;color:#fff} #appView .archive-btn-danger:disabled{opacity:.45;cursor:not-allowed} #appView .recycle-purge-drawer>header span{color:#b54237;font-size:10px;font-weight:850;letter-spacing:.08em} #appView .recycle-purge-drawer form{display:grid;gap:14px;padding:18px} #appView .recycle-purge-drawer form>label{display:grid;gap:6px;color:#53606c;font-size:12px;font-weight:800} #appView .recycle-purge-drawer form :is(input,textarea){min-height:44px;border:1px solid #dcd6ce;border-radius:9px;background:#fff;padding:10px 12px;font:inherit} #appView .recycle-purge-impact{display:grid;gap:8px;margin:18px 18px 0;padding:14px;border-left:4px solid #bd5146;border-radius:9px;background:#fff5f3;color:#596571;font-size:12px} #appView .recycle-purge-impact strong{color:#8f3028;font-size:14px} #appView .recycle-purge-impact p{margin:0;line-height:1.6} #appView .recycle-purge-impact ul{margin:0;padding-left:20px} @media(min-width:761px){ #appView .orders-page .order-formal-table th:nth-child(1){width:12%} #appView .orders-page .order-formal-table th:nth-child(2){width:8%} #appView .orders-page .order-formal-table th:nth-child(3){width:9%} #appView .orders-page .order-formal-table th:nth-child(4){width:8%} #appView .orders-page .order-formal-table th:nth-child(5){width:7%} #appView .orders-page .order-formal-table th:nth-child(6){width:7%} #appView .orders-page .order-formal-table th:nth-child(7){width:10%} #appView .orders-page .order-formal-table th:nth-child(8){width:9%} #appView .orders-page .order-formal-table th:nth-child(9){width:11%} #appView .orders-page .order-formal-table th:nth-child(10){width:7%} #appView .orders-page .order-formal-table th:nth-child(11){width:12%} #appView .orders-page .order-formal-table :is(th,td){padding-inline:9px} #appView .orders-page .order-formal-table button{padding-inline:9px;white-space:nowrap} } @media(min-width:1180px){ #appView .orders-page .order-formal-table{ width:100%; min-width:0; table-layout:fixed; } #appView .orders-page .order-formal-table :is(th,td){padding-inline:6px} #appView .orders-page .order-formal-table button{ width:100%; min-width:0; padding-inline:7px; white-space:normal; line-height:1.3; } #appView .orders-page .order-formal-table :is(strong,small,span){overflow-wrap:anywhere} } @media(max-width:1024px){ #appView .day-tour-option-grid,#appView .day-tour-guide-grid{grid-template-columns:repeat(2,minmax(0,1fr))} #appView .day-tour-guide-meeting-location{grid-column:auto} #appView .day-tour-option-details{grid-template-columns:repeat(2,minmax(0,1fr))} #appView .day-tour-vehicle-type{grid-column:2} } @media(max-width:760px){ #appView .day-tour-option-grid,#appView .day-tour-option-details,#appView .day-tour-guide-grid{grid-template-columns:1fr} #appView .day-tour-guide-meeting-location{grid-column:auto} #appView .day-tour-vehicle-type,#appView .day-tour-guide-option{grid-column:auto;grid-row:auto} #appView .orders-page .orders-create-actions{grid-template-columns:1fr} #appView .new-order-ai-review-head{display:grid;padding:18px} #appView .new-order-ai-review-head button{width:100%} #appView .ai-itinerary-review{margin:0 12px 18px;padding:16px} #appView .ai-itinerary-review>header,#appView .ai-itinerary-review-day-head{display:grid} #appView .ai-itinerary-review-grid{grid-template-columns:1fr} #appView .ai-itinerary-review-grid .span-2{grid-column:auto} } /* V22 · 订单详情单页礼宾操作台：只收口视觉与信息层级，各接待类型仍使用自己的真实字段。 */ #appView .order-detail-drawer{ width:min(1260px,calc(100vw - 48px)); display:grid; grid-template-rows:auto auto minmax(0,1fr) auto; overflow:hidden; background:#fff; color:#172635; } #appView .order-detail-head{ position:relative; top:auto; min-height:92px; padding:20px 30px; border-bottom:1px solid #e8e3da; } #appView .order-detail-identity{display:flex;align-items:center;gap:24px;min-width:0;flex:1} #appView .order-detail-identity>div:first-child{flex:0 0 auto} #appView .order-detail-kicker{display:block;color:#ae7215!important;font-size:11px!important;font-weight:850;letter-spacing:.12em} #appView .order-detail-identity h2{margin:3px 0 0;font-size:30px;line-height:1.05;letter-spacing:-.02em} #appView .order-detail-identity-meta{display:flex;align-items:center;gap:0;min-width:0;color:#6d7883;font-size:13px;white-space:nowrap} #appView .order-detail-identity-meta span{color:#6d7883;font-size:13px;font-weight:650;letter-spacing:0} #appView .order-detail-identity-meta span+span::before{display:inline-block;margin:0 10px;color:#c9cfd4;content:'•'} #appView .order-detail-identity-state{flex:0 0 auto;padding:7px 12px;border-radius:999px;background:#eef1f2;color:#68737d;font-size:11px;font-weight:850} #appView .order-detail-identity-state.is-success{background:#e8f4ec;color:#2d7c4f} #appView .order-detail-identity-state.is-warning{background:#fff1dd;color:#a66508} #appView .order-detail-identity-state.is-danger{background:#fff0ed;color:#aa4137} #appView .order-detail-head .icon-btn{flex:0 0 42px;width:42px;height:42px;border-radius:10px;font-size:25px} #appView .order-detail-tabs{position:relative;top:auto;min-height:58px;gap:32px;padding:0 30px} #appView .order-detail-tabs button{height:58px;padding:0 2px;font-size:14px} #appView .order-detail-content{min-width:0;overflow:auto;padding:22px 30px 26px;background:#fff} #appView .order-detail-section{border:1px solid #e3ded5;border-radius:12px;background:#fff;box-shadow:0 8px 24px rgba(16,37,58,.04)} #appView .order-overview-tab{margin:0 0 16px;padding:18px 20px;border:1px solid #e3ded5;border-radius:12px;background:#fff;box-shadow:0 8px 24px rgba(16,37,58,.04)} #appView .order-overview-tab .order-glance-money{padding:0} #appView .order-reception-one-page{display:grid;gap:20px;padding:22px} #appView .order-reception-dispatch-note{display:flex;align-items:center;gap:14px;padding:13px 16px;border:1px solid #ead8ae;border-radius:14px;background:#fff9ed;color:#66717f} #appView .order-reception-dispatch-note strong{flex:0 0 auto;color:#9a6106} #appView .order-reception-dispatch-note span{line-height:1.55} #appView .order-reception-context{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:18px;padding:15px 17px;border:1px solid #e5e0d7;border-radius:12px;background:#fbfaf7} #appView .order-reception-context>div:first-child{display:flex;align-items:center;gap:13px;min-width:0} #appView .order-reception-context-icon{display:grid;place-items:center;width:44px;height:44px;flex:0 0 44px;border-radius:11px;background:#f7ecd8;color:#b87917;font-size:18px} #appView .order-reception-context strong{display:block;color:#192d3f;font-size:15px} #appView .order-reception-context p{margin:4px 0 0;overflow:hidden;color:#6e7983;font-size:12px;text-overflow:ellipsis;white-space:nowrap} #appView .order-reception-context>div:last-child{text-align:right} #appView .order-reception-context>div:last-child span{display:block;color:#818b95;font-size:10px} #appView .order-reception-context>div:last-child strong{margin-top:3px;font-size:20px;font-variant-numeric:tabular-nums} #appView .order-reception-section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:16px} #appView .order-reception-section-heading span,#appView .order-operational-itinerary>header span{color:#b07518;font-size:10px;font-weight:850;letter-spacing:.08em} #appView .order-reception-section-heading h3,#appView .order-operational-itinerary>header h3{margin:4px 0 0;color:#172635;font-size:19px} #appView .order-reception-section-heading p{margin:4px 0 0;color:#7a858f;font-size:11px} #appView .order-reception-task-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:15px;align-items:start} #appView .order-reception-task-grid>.order-guide-operation-block, #appView .order-reception-task-grid>.order-reception-quick-row, #appView .order-reception-task-grid>.order-detail-empty{grid-column:1/-1} #appView .order-reception-task{overflow:hidden;border:1px solid #e2ded6;border-radius:12px;background:#fff;box-shadow:0 7px 20px rgba(16,37,58,.045)} #appView .order-reception-task>header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 17px;border-bottom:1px solid #ece8e1} #appView .order-reception-task-title{display:flex;align-items:center;gap:11px} #appView .order-reception-task-icon{display:grid;place-items:center;width:36px;height:36px;border-radius:9px;background:#f2f4f5;color:#17324a;font-size:15px} #appView .order-reception-task-title strong{display:block;color:#1a2d3e;font-size:16px} #appView .order-reception-task-title small{display:block;margin-top:2px;color:#7b8690;font-size:10px} #appView .order-reception-task-state{padding:6px 10px;border-radius:999px;font-size:10px;font-weight:850} #appView .order-reception-task-state.is-pending{background:#fff1dd;color:#a66508} #appView .order-reception-task-state.is-complete{background:#e8f5ec;color:#277c4d} #appView .order-reception-task-state.is-off{background:#f0f2f3;color:#747f89} #appView .order-reception-task-body{padding:16px 17px} #appView .order-reception-main-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px} #appView .order-reception-main-fields.is-vehicle{grid-template-columns:repeat(3,minmax(0,1fr))} #appView .order-reception-main-fields>label,#appView .order-reception-supplement-grid>label,#appView .order-reception-notes{display:grid;gap:6px;min-width:0;color:#566370;font-size:11px;font-weight:750} #appView .order-reception-task :is(input,textarea),#appView .order-reception-notes textarea{width:100%;min-width:0;min-height:42px;padding:9px 12px;border:1px solid #d9dce0;border-radius:9px;background:#fff;color:#192c3d;font:inherit;outline:none} #appView .order-reception-task input[data-assistant-required][hidden]{display:none!important;width:0!important;height:0!important;min-height:0!important;padding:0!important;border:0!important} #appView .order-reception-task :is(input,textarea):focus,#appView .order-reception-notes textarea:focus{border-color:#c78b20;box-shadow:0 0 0 3px rgba(199,139,32,.12)} #appView .order-reception-supplement{margin-top:12px;padding-top:11px;border-top:1px solid #eeeae4} #appView .order-reception-supplement>summary{width:max-content;color:#6d7882;font-size:10px;font-weight:800;cursor:pointer} #appView .order-reception-supplement-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding-top:11px} #appView .order-reception-required-switch{grid-column:1/-1;display:flex!important;align-items:center!important;grid-template-columns:auto 1fr!important} #appView .order-reception-required-switch input{width:18px;min-height:18px;padding:0} #appView .order-assistant-switch{display:flex;gap:8px;margin-bottom:12px} #appView .order-assistant-switch button{min-height:38px;padding:8px 15px;border:1px solid #ded9d0;border-radius:9px;background:#fff;color:#5d6974;font-weight:800} #appView .order-assistant-switch button[aria-pressed="true"]{border-color:#d0a252;background:#fbf6eb;color:#9f6813;box-shadow:inset 0 -2px #ce9023} #appView .order-reception-task footer{display:flex;align-items:center;justify-content:space-between;gap:13px;margin-top:13px;padding-top:12px;border-top:1px solid #eeeae4} #appView .order-reception-task footer small{color:#7a858f;font-size:10px;line-height:1.5} #appView .order-reception-notes{padding:15px 17px;border:1px solid #e2ded6;border-radius:12px;background:#fff} #appView .order-reception-notes textarea{min-height:72px;resize:vertical} #appView .order-reception-notes small{color:#858e97;font-size:10px;font-weight:600} #appView .order-operational-itinerary{overflow:hidden;border:1px solid #e3ded5;border-radius:12px;background:#fff} #appView .order-operational-itinerary>header{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 17px;border-bottom:1px solid #ece8e1} #appView .order-operational-itinerary .order-day-list{border-bottom:0} #appView .order-operational-itinerary .order-day-list article{padding:13px 17px} #appView .order-detail-action-bar{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:14px 30px calc(14px + env(safe-area-inset-bottom));border-top:1px solid #e5e0d7;background:#fff;box-shadow:0 -8px 24px rgba(16,37,58,.045)} #appView .order-detail-action-bar>div:first-child strong{display:block;color:#263746;font-size:12px} #appView .order-detail-action-bar>div:first-child small{display:block;margin-top:3px;color:#7b8590;font-size:10px} #appView .order-detail-action-buttons{display:flex;align-items:center;justify-content:flex-end;gap:9px;flex:0 0 auto} #appView .order-detail-action-buttons button{min-height:44px;padding:9px 19px;border-radius:10px} #appView .order-detail-action-buttons #orderReceptionCancel{border-color:#d9d4cb;background:#fff;color:#394b5a;font-weight:850} #appView .order-detail-action-buttons #orderReceptionCancel:hover{border-color:#c9902d;background:#fffaf0;color:#936014} #appView .order-detail-action-buttons #orderReceptionSaveAll{border:1px solid #c98c22;background:#c98c22;color:#fff;font-weight:850;box-shadow:inset 0 -3px #a86d10} #appView .order-detail-action-buttons #orderReceptionSaveAll:not(:disabled):hover{border-color:#a86d10;background:#a86d10} #appView .order-detail-action-buttons #orderReceptionSaveAll:disabled{opacity:.5;cursor:not-allowed} @media(max-width:1024px){ #appView .order-detail-drawer{width:min(940px,calc(100vw - 28px))} #appView .order-detail-identity{align-items:flex-start;flex-wrap:wrap;gap:12px 20px} #appView .order-detail-identity-meta{order:3;width:100%;flex-wrap:wrap;white-space:normal} #appView .order-reception-main-fields.is-vehicle{grid-template-columns:repeat(2,minmax(0,1fr))} } @media(max-width:760px){ #appView .order-detail-drawer{width:100vw;max-width:100vw} #appView .order-detail-head{align-items:flex-start;min-height:0;padding:16px 17px} #appView .order-detail-identity{display:grid;gap:8px} #appView .order-detail-identity h2{font-size:25px} #appView .order-detail-identity-meta{display:flex;gap:5px 0;font-size:11px} #appView .order-detail-identity-meta span{font-size:11px} #appView .order-detail-identity-meta span+span::before{margin:0 7px} #appView .order-detail-identity-state{width:max-content} #appView .order-detail-tabs{gap:22px;padding-inline:17px} #appView .order-detail-content{padding:14px 13px 18px} #appView .order-reception-one-page{gap:16px;padding:14px} #appView .order-reception-context{grid-template-columns:1fr} #appView .order-reception-context>div:last-child{text-align:left} #appView .order-reception-task-grid{grid-template-columns:1fr} #appView .order-reception-main-fields,#appView .order-reception-main-fields.is-vehicle,#appView .order-reception-supplement-grid{grid-template-columns:1fr} #appView .order-operational-itinerary>header{align-items:flex-start;display:grid} #appView .order-operational-itinerary>header button{width:100%} #appView .order-detail-action-bar{display:grid;padding:12px 13px calc(12px + env(safe-area-inset-bottom))} #appView .order-detail-action-buttons{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%} #appView .order-detail-action-buttons:has(>button:only-child){grid-template-columns:1fr} #appView .order-detail-action-buttons button{width:100%} } /* V24 · 精简白金礼宾台账：摘要优先，单项展开，唯一底部操作。 */ #appView .order-reception-one-page{gap:12px;padding:0;border:0;box-shadow:none} #appView .order-reception-task-grid{display:grid;grid-template-columns:1fr;gap:0;border:1px solid #e5e0d7;border-radius:14px;background:#fff;overflow:hidden} #appView .order-reception-task{border:0;border-bottom:1px solid #ece7df;border-radius:0;box-shadow:none} #appView .order-reception-task:last-child{border-bottom:0} #appView .order-reception-task>header,#appView .order-guide-operation-block>.order-guide-operation-head{min-height:66px;padding:12px 16px;border-bottom:0} #appView .order-reception-task-actions{display:flex;align-items:center;justify-content:flex-end;gap:9px;flex:0 0 auto} #appView .order-reception-task-actions button{min-height:34px;padding:6px 12px;font-size:12px} #appView .order-reception-summary-fields{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:0;margin:0;padding:0 16px 13px 63px} #appView .order-reception-summary-fields>div{min-width:0;padding:0 13px;border-left:1px solid #ece7df} #appView .order-reception-summary-fields>div:first-child{padding-left:0;border-left:0} #appView .order-reception-summary-fields dt{margin:0 0 3px;color:#7b8690;font-size:11px;font-weight:700} #appView .order-reception-summary-fields dd{margin:0;overflow:hidden;color:#1a2d3e;font-size:13px;font-weight:780;text-overflow:ellipsis;white-space:nowrap} #appView .order-reception-task-body{padding:16px 18px 18px 63px;border-top:1px solid #ece7df;background:#fffdf9} #appView .order-guide-operation-block{display:block!important;margin:0;border:0!important;border-bottom:1px solid #ece7df!important;border-radius:0!important;box-shadow:none!important} #appView .order-guide-operation-block .order-guide-requirement-form{margin:0;border:0;box-shadow:none} #appView .guide-hotel-linkage-panel{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:10px;margin:0 0 12px;padding:12px;border:1px solid #e5e0d7;border-radius:11px;background:#fff} #appView .guide-hotel-linkage{display:grid;gap:6px;color:#566370;font-size:12px;font-weight:750} #appView .guide-hotel-linkage input{min-height:42px} #appView .guide-hotel-linkage small{color:#7b8690;font-size:11px;font-weight:600} #appView .order-reception-itinerary-summary{border:1px solid #e5e0d7;border-radius:14px;box-shadow:none} #appView .order-reception-itinerary-summary>header{min-height:72px;padding:13px 16px} #appView .order-reception-itinerary-summary>header h3{margin:2px 0 0;font-size:16px} #appView .order-reception-itinerary-summary>header p{margin:4px 0 0;overflow:hidden;color:#6f7b85;font-size:12px;text-overflow:ellipsis;white-space:nowrap} #appView .order-reception-daily-details>summary{padding:11px 16px;border-top:1px solid #ece7df;color:#596775;font-size:12px;font-weight:800;cursor:pointer} #appView .order-reception-notes{display:block;padding:0;border:1px solid #e5e0d7;border-radius:14px;background:#fff} #appView .order-reception-notes>header{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:58px;padding:11px 16px} #appView .order-reception-notes>header strong{display:block;color:#1a2d3e;font-size:14px} #appView .order-reception-notes>header small{display:block;max-width:72ch;margin-top:3px;overflow:hidden;color:#7b8690;font-size:11px;font-weight:600;text-overflow:ellipsis;white-space:nowrap} #appView .order-reception-notes>label{display:grid;gap:6px;padding:14px 16px;border-top:1px solid #ece7df;color:#566370;font-size:12px;font-weight:750} #appView .order-reception-notes textarea{min-height:86px} #appView .order-detail-head-actions{display:flex;align-items:center;gap:8px;margin-left:auto} #appView .order-detail-danger-menu{position:relative} #appView .order-detail-danger-menu>summary{display:grid;place-items:center;width:42px;height:42px;border:1px solid #ddd6ca;border-radius:10px;color:#6b7782;font-weight:900;cursor:pointer;list-style:none} #appView .order-detail-danger-menu>summary::-webkit-details-marker{display:none} #appView .order-detail-danger-menu>div{position:absolute;z-index:20;top:48px;right:0;width:250px;padding:14px;border:1px solid #e3ded5;border-radius:12px;background:#fff;box-shadow:0 14px 32px rgba(16,37,58,.14)} #appView .order-detail-danger-menu p{margin:5px 0 12px;color:#78838d;font-size:11px;line-height:1.5} #appView .order-detail-danger-menu button{width:100%;min-height:38px;border:1px solid #e8c5c2;border-radius:9px;background:#faecea;color:#b94f49;font-weight:850} #appView .order-detail-action-buttons [data-order-generate-itinerary]{border:1px solid #c98c22;background:#c98c22;color:#fff;font-weight:850;box-shadow:inset 0 -3px #a86d10} @media(max-width:1024px){ #appView .order-reception-summary-fields{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:10px} #appView .order-reception-summary-fields>div:nth-child(4){padding-left:0;border-left:0} } @media(max-width:760px){ #appView .order-reception-summary-fields{grid-template-columns:repeat(2,minmax(0,1fr));padding:0 13px 12px} #appView .order-reception-summary-fields>div{padding:5px 9px} #appView .order-reception-summary-fields>div:nth-child(odd){padding-left:0;border-left:0} #appView .order-reception-summary-fields>div:nth-child(4){padding-left:9px;border-left:1px solid #ece7df} #appView .order-reception-task-body{padding:14px 13px} #appView .order-reception-task>header,#appView .order-guide-operation-block>.order-guide-operation-head{align-items:flex-start;padding:12px 13px} #appView .order-reception-task-actions{align-items:flex-end;display:grid} #appView .order-reception-itinerary-summary>header{align-items:stretch} #appView .order-reception-itinerary-summary>header p{white-space:normal} #appView .guide-hotel-linkage-panel{grid-template-columns:1fr} #appView .order-detail-head-actions{align-items:flex-start} #appView .order-detail-danger-menu>div{position:fixed;top:auto;right:12px;bottom:78px;left:12px;width:auto} }