.dw-main {--spacing-lg: 60px;--bg-gray: #ececec;--text-main: #333;--primary: #e33737;--bar-bg: #e0e0e0;--color-light: color-mix(in srgb, #fff 100%, transparent);--shadow-heavy: color-mix(in srgb, #000 50%, transparent);font-family: 'Noto Sans TC', sans-serif;background-color: var(--color-light);color: var(--text-main);.container {max-width: 1200px;margin-inline: auto;padding-inline: 15px;}.swiper {width: 100%;height: auto;}.swiper-slide {position: relative;img {width: 100%;height: auto;vertical-align: bottom;}}.banner-content {position: absolute;top: 50%;left: 0;transform: translateY(-50%);width: 100%;}.banner-title {text-align: left;color: var(--color-light);font-size: clamp(1.5rem, 4vw, 3rem);font-weight: 700;margin: 0 0 15px;text-shadow: 0 2px 4px var(--shadow-heavy);line-height: 1.3;}.banner-desc {text-align: left;color: var(--color-light);font-size: clamp(1rem, 2vw, 1.25rem);margin: 0;line-height: 1.5;text-shadow: 0 1px 3px var(--shadow-heavy);}.content-sec {padding-block: var(--spacing-lg);}.sec-title {text-align: center;font-size: clamp(1.5rem, 5vw, 2.5rem);margin: 0 0 10px;padding-inline: 15px;line-height: 1.2;}.sec-subtitle {text-align: center;font-size: clamp(1.125rem, 2.5vw, 1.5rem);font-weight: 700;color: var(--primary);margin: 0 0 20px;padding-inline: 15px;line-height: 1.4;}.sec-desc {text-align: center;margin: 0 0 30px;padding-inline: 15px;line-height: 1.5;strong {color: var(--primary);font-weight: 700;}}.source-txt {text-align: center;font-size: .875rem;color: #666;margin-top: 20px;}.chart-container {position: relative;margin: auto;height: 400px;width: 100%;max-width: 900px;}.bg-gray {background-color: var(--bg-gray);}.challenge-list {max-width: 800px;margin-inline: auto;display: flex;flex-direction: column;gap: 6px;}.challenge-item {display: grid;grid-template-columns: 180px 1fr 64px;align-items: center;gap: 15px;font-size: 1rem;padding-block: 5px;padding-inline: 8px;border-radius: 8px;transition: background-color .2s ease;&:hover {background-color: color-mix(in srgb, var(--primary) 6%, transparent);}}.challenge-label {text-align: right;color: var(--text-main);}.is-top {.challenge-label {font-weight: 700;}.challenge-fill {background-color: var(--primary);}}.challenge-track {height: 12px;background-color: var(--bar-bg);border-radius: 999px;overflow: hidden;}.challenge-fill {height: 100%;background-color: color-mix(in srgb, var(--primary) 72%, #fff);border-radius: 999px;transform-origin: left center;animation: challenge-grow .9s ease-out both;}.challenge-value {font-weight: 700;color: var(--primary);font-variant-numeric: tabular-nums;}.css-tabs {margin-top: var(--spacing-lg);max-width: 1000px;margin-inline: auto;}.tab-radio {display: none;}.tab-nav {display: flex;justify-content: center;gap: 15px;margin-bottom: 30px;flex-wrap: wrap;}.tab-btn {cursor: pointer;padding: 15px 30px;background-color: var(--bg-gray);border-radius: 8px;transition: all .3s ease;color: var(--text-main);display: flex;flex-direction: column;align-items: center;text-align: center;gap: 5px;flex-grow: 1;flex-basis: 0;min-width: 250px;}.tab-btn-title {font-size: 1.25rem;font-weight: 700;}.tab-panels {position: relative;}.tab-panel {display: none;animation: dw-fade-in .4s ease;text-align: center;border-radius: 8px;padding: 40px;color: var(--color-light);}.tab-panel-title {margin: 0 0 15px;font-size: 1.5rem;}.tab-panel-desc {margin: 0 0 20px;line-height: 1.6;font-size: 1.125rem;}.panel-1 {background-color: #fa5a59;}.panel-2 {background-color: #ebb942;}.panel-3 {background-color: #2fb7d0;}#t-idx-1:checked ~ .tab-panels .panel-1,#t-idx-2:checked ~ .tab-panels .panel-2,#t-idx-3:checked ~ .tab-panels .panel-3 {display: block;}#t-idx-1:checked ~ .tab-nav [for="t-idx-1"],#t-idx-2:checked ~ .tab-nav [for="t-idx-2"],#t-idx-3:checked ~ .tab-nav [for="t-idx-3"] {background-color: var(--primary);color: var(--color-light);}.img-center {max-width: 100%;height: auto;vertical-align: bottom;}.revenue-table {display: none;width: 100%;max-width: 480px;margin-inline: auto;border-collapse: collapse;font-variant-numeric: tabular-nums;caption {font-size: 1.125rem;font-weight: 700;color: var(--text-main);margin-bottom: 12px;}th,td {padding: 8px 16px;border-bottom: 1px solid var(--bar-bg);text-align: left;}thead th {border-bottom: 2px solid #f4b414;}th:last-child,td:last-child {text-align: right;}}}@keyframes challenge-grow {from {transform: scaleX(0);}to {transform: scaleX(1);}}@media (prefers-reduced-motion: reduce) {.dw-main .challenge-fill {animation: none;}}@media (max-width: 768px) {.dw-main .chart-container {display: none;}.dw-main .revenue-table {display: table;}}@media (max-width: 640px) {.dw-main .challenge-item {grid-template-columns: 1fr auto;row-gap: 6px;}.dw-main .challenge-label {grid-row: 1;text-align: left;}.dw-main .challenge-value {grid-row: 1;grid-column: 2;}.dw-main .challenge-track {grid-row: 2;grid-column: 1 / -1;}}@keyframes dw-fade-in {from {opacity: 0;transform: translateY(10px);}to {opacity: 1;transform: translateY(0);}}body {margin: 0;}main {font-family: 'Inter', 'Noto Sans TC', system-ui, -apple-system, sans-serif;color: #1e293b;}.canvas-wrapper {display: flex;justify-content: center;padding: 40px 20px;}.architecture-container {width: 100%;max-width: 1200px;padding: 30px;display: flex;flex-direction: column;gap: 24px;box-sizing: border-box;}.diagram-header {padding-top: 12px;}.diagram-title {color: #020617;font-size: 32px;font-weight: 700;line-height: 1.2;text-align: center;margin: 0 0 14px;}.diagram-desc {color: #020617;font-size: 15px;font-weight: 600;line-height: 1.55;text-align: center;margin: 0;}.section-row {position: relative;display: flex;gap: 20px;width: 100%;}#section-03::before,#section-02::before,#section-03::after,#section-02::after {content: "";position: absolute;left: calc(130px + 20px + ((100% - 150px) / 2));transform: translateX(-50%);width: 0;height: 0;z-index: 2;animation: section-arrow-float 1.6s ease-in-out infinite;}#section-03::before,#section-02::before {bottom: -31px;border-left: 19px solid transparent;border-right: 19px solid transparent;border-bottom: 24px solid #111111;}#section-03::after,#section-02::after {bottom: -28px;border-left: 15px solid transparent;border-right: 15px solid transparent;border-bottom: 19px solid #111111;}@keyframes section-arrow-float {0%,100% {transform: translateX(-50%) translateY(0);}50% {transform: translateX(-50%) translateY(4px);}}.left-badge-col {width: 130px;flex-shrink: 0;display: flex;flex-direction: column;}.right-content-col {flex-grow: 1;display: flex;flex-direction: column;gap: 16px;min-width: 0;}.badge-card {color: #ffffff;border-radius: 12px;padding: 28px 14px 22px;display: flex;flex-direction: column;align-items: center;justify-content: flex-start;text-align: center;height: 100%;box-sizing: border-box;box-shadow: 0 4px 6px -1px rgba(0, 0, 0, .05);}.bg-03 {background-color: #7a3f27;}.bg-02 {background-color: #6f8a64;}.bg-01 {background-color: #b9aa61;}.badge-num {font-size: 32px;font-weight: 700;line-height: 1;letter-spacing: -.05em;margin-bottom: 10px;}.badge-title {font-size: 14px;font-weight: 700;line-height: 1.4;margin: 0 0 20px;}.badge-divider {width: 66px;height: 1px;background-color: rgba(255, 255, 255, .3);margin-bottom: 14px;}.badge-subtitle {font-size: 10px;font-weight: 400;line-height: 1.4;opacity: .85;}.process-flow {display: flex;align-items: center;justify-content: space-between;background-color: #fbf7ef;border-radius: 12px;padding: 14px 20px;border: 1px solid #7a3f27;}.flow-step {display: flex;align-items: center;gap: 8px;background-color: #fffdf8;border: 1px solid #b8ab96;border-radius: 10px;padding: 10px 16px;box-shadow: 0 1px 3px rgba(0, 0, 0, .02);flex-grow: 1;justify-content: center;color: #73422c;}.flow-step span {font-size: 13px;font-weight: 500;}.flow-step svg {width: 20px;height: 20px;flex-shrink: 0;}.flow-arrow {color: #73422c;padding: 0 8px;display: flex;align-items: center;justify-content: center;flex-shrink: 0;}.flow-arrow svg {width: 16px;height: 16px;}.hq-panel {background-color: #af896d;border-radius: 12px;padding: 14px;display: flex;flex-direction: column;gap: 12px;}.hq-panel-header {color: #ffffff;font-size: 14px;font-weight: 700;text-align: center;letter-spacing: .1em;}.hq-cards-container {display: grid;grid-template-columns: repeat(5, 1fr);gap: 12px;}.hq-app-card {background-color: #fffdf8;border-radius: 10px;padding: 14px 8px;display: flex;align-items: center;justify-content: center;gap: 8px;box-shadow: 0 2px 4px rgba(0, 0, 0, .05);color: #73422c;}.hq-app-card span {font-size: 12px;font-weight: 600;}.hq-app-card svg {width: 16px;height: 16px;flex-shrink: 0;}.teal-container {background-color: #8fa481;border-radius: 12px;padding: 16px;display: flex;flex-direction: column;gap: 16px;border: 1px solid #6f8a64;}.teal-header-bar {text-align: center;color: #ffffff;font-size: 15px;font-weight: 700;letter-spacing: .05em;padding: 4px 0;}.teal-columns-grid {display: grid;grid-template-columns: repeat(4, 1fr);gap: 14px;}.teal-inner-card {background-color: #fffdf8;border-radius: 10px;padding: 16px;display: flex;flex-direction: column;min-height: 120px;box-shadow: 0 2px 4px rgba(0, 0, 0, .03);}.card-title-row {display: flex;flex-direction: column;align-items: center;gap: 6px;margin-bottom: 12px;text-align: center;border-bottom: 1px solid #e7e2d6;padding-bottom: 8px;color: #55764b;}.card-title-row svg {width: 24px;height: 24px;}.card-title-row.no-border {border-bottom: none;padding-bottom: 0;margin-bottom: 0;height: 100%;justify-content: center;}.card-title-text {font-size: 14px;font-weight: 700;}.card-list {list-style: none;padding: 0;margin: 0;display: flex;flex-direction: column;gap: 2px;}.card-list-item {font-size: 12px;font-weight: 500;color: #1f2a1c;display: flex;align-items: center;gap: 6px;}.card-list-item::before {content: "•";color: #55764b;font-weight: 700;}.partnership-text {font-size: 13px;font-weight: 700;color: #55764b;text-align: center;line-height: 1.6;}.foundation-grid {display: grid;grid-template-columns: repeat(3, 1fr);gap: 16px;}.foundation-card {background-color: #fffdf8;border: 1px solid #b9aa61;border-radius: 12px;overflow: hidden;display: flex;flex-direction: column;box-shadow: 0 4px 6px -1px rgba(0, 0, 0, .02);}.fd-top-section {padding: 16px;text-align: center;flex-grow: 1;display: flex;flex-direction: column;align-items: center;justify-content: center;gap: 8px;}.fd-top-section svg {width: 32px;height: 32px;}.foundation-card:nth-child(1) .fd-top-section svg {color: #7b6f5d;}.foundation-card:nth-child(2) .fd-top-section svg {color: #b98676;}.foundation-card:nth-child(3) .fd-top-section svg {color: #7599a1;}.fd-title {font-size: 15px;font-weight: 700;color: #1f1b18;}.fd-subtitle {font-size: 11px;font-weight: 400;color: #1f1b18;line-height: 1.4;}.fd-middle-banner {color: #ffffff;font-size: 12px;font-weight: 700;text-align: center;padding: 8px 12px;}.fd-middle-banner.blue {background-color: #8d8067;}.fd-middle-banner.teal {background-color: #b18475;}.fd-middle-banner.navy {background-color: #7898a0;}.fd-bottom-section {background-color: #fffdf8;padding: 10px 12px;text-align: center;border-top: 1px dashed #d8cfb2;}.fd-bottom-text {font-size: 11px;font-weight: 500;color: #1f1b18;display: flex;align-items: center;justify-content: center;gap: 4px;}.fd-bottom-text svg {width: 16px;height: 16px;flex-shrink: 0;}.bottom-flow-container {display: flex;align-items: center;justify-content: space-between;background-color: #f8fafc;border-radius: 12px;padding: 14px 20px;border: 1px solid #e2e8f0;margin-top: 8px;}.bottom-flow-container .flow-arrow {color: #11235a;}.bottom-flow-container .flow-arrow svg {width: 20px;height: 20px;}.bottom-step {display: flex;align-items: center;gap: 10px;flex-grow: 1;justify-content: center;color: #11235a;}.bottom-step svg {width: 24px;height: 24px;flex-shrink: 0;}.bottom-step-text {font-size: 12.5px;font-weight: 600;color: #0b1a40;}.scenario-block {background-color: #ffffff;padding: 46px 20px 26px;border-top: 1px solid #eef2f7;}.scenario-title {color: #020617;font-size: 32px;font-weight: 700;line-height: 1.2;text-align: center;margin: 0 0 24px;}.scenario-desc {color: #020617;font-size: 14px;font-weight: 600;line-height: 1.55;text-align: left;width: min(700px, 100%);margin: 0 auto 36px;}.scenario-map {position: relative;min-height: 500px;width: min(800px, 100%);margin: 0 auto;}.scenario-illustration {position: absolute;left: 50%;top: 18px;width: min(560px, 74%);height: auto;transform: translateX(-50%);display: block;}.scenario-illustration-image {width: 100%;height: auto;vertical-align: bottom;}.scenario-card {background-color: #f1efec;border-radius: 5px;padding: 0 18px 16px;color: #6b625a;box-shadow: 0 1px 0 rgba(15, 23, 42, .04);}.scenario-card h3 {color: #ffffff;background-color: #3e3935;border-radius: 4px;font-size: 14px;font-weight: 700;line-height: 1;text-align: center;padding: 10px 12px;margin: 0 -12px 14px;}.scenario-card ul {list-style: none;padding: 0;margin: 0;display: grid;gap: 6px;}.scenario-card li {position: relative;padding-left: 16px;font-size: 14px;font-weight: 400;line-height: 1.35;}.scenario-card li::before {content: "";position: absolute;left: 0;top: 5px;width: 8px;height: 8px;border-radius: 2px;background-color: #a79075;}.scenario-card-store h3 {font-size: 16px;}.scenario-card-left {position: absolute;left: 0;top: 120px;width: 130px;}.scenario-side-cards {position: absolute;right: 0;top: 76px;display: grid;gap: 34px;width: 136px;}.scenario-bottom-cards {position: absolute;left: 140px;right: 142px;bottom: 0;display: grid;grid-template-columns: repeat(4, minmax(0, 1fr));gap: 16px;}.partner-block {background-color: #ffffff;padding: 18px 0 6px;}.partner-title {color: #020617;font-size: 28px;font-weight: 700;line-height: 1.25;text-align: center;margin: 0 0 44px;}.partner-grid {display: grid;grid-template-columns: repeat(3, minmax(0, 1fr));gap: 12px;}.partner-case {display: grid;grid-template-rows: auto auto auto;gap: 10px;min-width: 0;}.partner-case-title {order: 2;min-height: 46px;color: #020617;font-size: 17px;font-weight: 700;line-height: 1.25;margin: 0;}.partner-case-photo {order: 1;width: 100%;height: auto;aspect-ratio: 1.62 / 1;object-fit: cover;border-radius: 2px;background-color: #d9dde3;vertical-align: bottom;}.partner-case-button {order: 3;display: inline-flex;align-items: center;justify-content: center;width: 98px;min-height: 32px;text-decoration: none;border-radius: 999px;background-color: #ef3f3d;color: #ffffff;font-size: 14px;font-weight: 700;line-height: 1;transition: transform 160ms ease, background-color 160ms ease;}.partner-case-button:hover {background-color: #dc3432;}.partner-case-button:active {transform: translateY(1px);}@media (max-width: 900px) {.hq-cards-container {grid-template-columns: repeat(3, 1fr);}.scenario-map {min-height: 610px;}}@media (max-width: 768px) {.canvas-wrapper {padding: 16px 8px;}.architecture-container {padding: 16px;gap: 20px;}.section-row {flex-direction: column;gap: 12px;}#section-03::before,#section-02::before,#section-03::after,#section-02::after {left: 50%;}.left-badge-col {width: 100%;}.badge-card {flex-direction: row;padding: 12px 16px;align-items: center;gap: 12px;}.badge-num {font-size: 24px;margin-bottom: 0;}.badge-title {font-size: 13px;margin-bottom: 0;text-align: left;flex-grow: 1;}.badge-divider {display: none;}.badge-subtitle {text-align: right;max-width: 180px;}.process-flow {flex-direction: column;gap: 10px;padding: 12px;}.flow-step {width: 100%;box-sizing: border-box;}.flow-arrow {transform: rotate(90deg);padding: 4px 0;}.hq-cards-container {grid-template-columns: repeat(2, 1fr);}.teal-columns-grid {grid-template-columns: repeat(2, minmax(0, 1fr));}.foundation-grid {grid-template-columns: 1fr;}.bottom-flow-container {flex-direction: column;gap: 10px;padding: 12px;}.bottom-step {width: 100%;box-sizing: border-box;}.scenario-block {padding: 36px 12px 18px;}.scenario-title {font-size: 26px;margin-bottom: 18px;}.diagram-title {font-size: 26px;margin-bottom: 12px;}.diagram-desc {font-size: 13px;}.scenario-desc {font-size: 13px;margin-bottom: 24px;}.scenario-map {display: grid;grid-template-columns: repeat(3, minmax(0, 1fr));gap: 12px 10px;min-height: 0;width: min(520px, 100%);}.scenario-illustration,.scenario-card-left,.scenario-side-cards,.scenario-bottom-cards {position: static;width: 100%;transform: none;}.scenario-illustration {grid-column: 1 / -1;order: 2;height: auto;}.scenario-card-left {order: 1;}.scenario-side-cards {display: contents;}.scenario-side-cards .scenario-card {order: 1;}.scenario-bottom-cards {grid-column: 1 / -1;order: 3;grid-template-columns: repeat(4, minmax(0, 1fr));gap: 10px;}.scenario-card {padding: 0 9px 12px;}.scenario-card h3 {font-size: 12px;padding: 8px 6px;margin: 0 -5px 10px;}.scenario-card ul {gap: 5px;}.scenario-card li {font-size: 11px;padding-left: 13px;}.scenario-card li::before {top: 4px;width: 7px;height: 7px;}.partner-block {padding-top: 36px;}.partner-title {font-size: 24px;margin-bottom: 28px;}.partner-grid {grid-template-columns: 1fr;gap: 28px;}.partner-case-title {min-height: 0;font-size: 18px;}}@media (max-width: 480px) {.hq-cards-container {grid-template-columns: 1fr;}.teal-columns-grid {grid-template-columns: repeat(2, minmax(0, 1fr));}.scenario-bottom-cards {grid-template-columns: repeat(4, minmax(0, 1fr));gap: 7px;}.scenario-map {gap: 10px 7px;}.scenario-card {padding: 0 6px 10px;}.scenario-card h3 {font-size: 11px;padding: 7px 4px;margin: 0 -3px 8px;}.scenario-card li {font-size: 10px;padding-left: 11px;}.scenario-card li::before {top: 4px;width: 6px;height: 6px;}}.support-block{padding:46px 20px 26px;border-top:1px solid #eef2f7;}.support-title{color:#020617;font-size:32px;font-weight:700;line-height:1.2;text-align:center;margin:0 0 14px;}.support-desc{color:#020617;font-size:14px;font-weight:600;line-height:1.55;text-align:center;margin:0 0 32px;}.support-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;}.support-card{display:flex;flex-direction:column;gap:12px;padding:24px 18px;background-color:#ffffff;border:1px solid #e2e8f0;border-radius:12px;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease;}.support-card:hover{transform:translateY(-4px);box-shadow:0 10px 24px rgba(15,23,42,.1);}.support-card h3{font-size:17px;font-weight:700;text-align:center;margin:0;}.support-card p{font-size:13px;color:#475569;line-height:1.6;margin:0;flex-grow:1;}.support-icon{width:64px;height:64px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-inline:auto;flex-shrink:0;}.support-icon svg{width:36px;height:36px;}.support-more{font-size:13px;font-weight:700;text-align:right;}.support-r .support-icon{background-color:#f95346;}.support-r h3,.support-r .support-more{color:#f95346;}.support-y .support-icon{background-color:#f4b414;}.support-y h3,.support-y .support-more{color:#d89500;}.support-t .support-icon{background-color:#6cd8ce;}.support-t h3,.support-t .support-more{color:#2da092;}.support-g .support-icon{background-color:#bfd66e;}.support-g h3,.support-g .support-more{color:#809914;}@media (max-width:900px){.support-grid{grid-template-columns:repeat(2,minmax(0,1fr));}}@media (max-width:768px){.support-block{padding:36px 12px 18px;}.support-title{font-size:26px;margin-bottom:12px;}.support-desc{font-size:13px;margin-bottom:24px;}}@media (max-width:480px){.support-grid{grid-template-columns:1fr;}}