.cc-page{margin:0;background:#fff;color:#51444e;font-family:'Microsoft JhengHei','PingFang TC',Arial,sans-serif;font-size:17px;line-height:1.9}
.cc-main,.cc-main *{box-sizing:border-box}
.cc-main{padding-top:85px}
.cc-wrap{width:100%;max-width:1180px;margin:0 auto;padding:0 24px}
.cc-hero{padding:32px 0 56px;background:linear-gradient(135deg,#fff8fb,#f8e9f0)}
.cc-breadcrumb{font-size:14px;color:#75606f;margin-bottom:28px}
.cc-breadcrumb a{color:#714663;text-decoration:underline}
.cc-breadcrumb span{margin:0 9px}
.cc-hero-grid,.cc-story-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:46px;align-items:center}
.cc-eyebrow{color:#985080;font-size:14px;letter-spacing:.12em;font-weight:700;margin:0 0 12px}
.cc-main h1{color:#6d3b62;font-size:clamp(30px,3.4vw,44px);font-weight:700;line-height:1.45;margin:0 0 20px}
.cc-main h2{color:#6d3b62;font-size:28px;font-weight:700;line-height:1.5;margin:0 0 18px}
.cc-main h3{color:#6d3b62;font-size:21px;font-weight:700;line-height:1.5;margin:0 0 12px}
.cc-main p{margin:0 0 16px}
.cc-main img{display:block;width:100%;height:auto;max-width:100%}
.cc-hero-image{border-radius:22px;box-shadow:0 16px 40px rgba(146,80,128,.08)}
.cc-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}
.cc-main a.cc-button{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:10px 22px;background:#985080;color:#fff;border:1px solid #985080;border-radius:28px;font-weight:700;font-size:16px;text-decoration:none;line-height:1.6;transition:transform .2s,box-shadow .2s}
.cc-main a.cc-button:hover{transform:translateY(-2px);box-shadow:0 8px 18px rgba(143,77,120,.2)}
.cc-main a.cc-button-secondary{background:#fff;color:#7d476d}
.cc-section{padding:64px 0}
.cc-section-soft{background:#fcf7fa}
.cc-guide-comparison{position:relative;isolation:isolate;background:#f8edf4}
.cc-guide-comparison::before{content:'';position:absolute;inset:0;z-index:-1;background:url('../images/cc/guide.svg') right center / min(85%,960px) auto no-repeat;opacity:.5;pointer-events:none}
.cc-guide-comparison .cc-table-wrap{background:rgba(255,255,255,.8);box-shadow:0 12px 30px rgba(146,80,128,.06)}
.cc-guide-comparison .cc-table thead th{background:rgba(241,228,237,.94)}
@media(max-width:768px){.cc-guide-comparison::before{background-size:auto 100%;background-position:center;opacity:.35}}
.cc-section-intro{max-width:720px;margin-bottom:28px}
.cc-section-intro.cc-area-intro{max-width:none}
.cc-about-process{margin-top:34px;padding:28px;border:1px solid #ecdbe6;border-radius:22px;background:linear-gradient(135deg,#fffafc,#f6edf3)}
.cc-about-process h3{text-align:center;margin-bottom:24px}
.cc-process-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px;list-style:none;padding:0;margin:0}
.cc-process-list li{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;padding:20px 12px;border:1px solid #f0e3eb;border-radius:16px;background:rgba(255,255,255,.85)}
.cc-process-list .cc-icon{margin-bottom:12px}
.cc-process-number{color:#985080;font-size:12px;letter-spacing:.12em;margin-bottom:6px}
.cc-process-list strong{font-size:16px;font-weight:600;color:#6d3b62;line-height:1.6}
.cc-process-arrow{position:absolute;left:100%;top:50%;width:28px;transform:translateY(-50%);font-size:23px;color:#b789a7}
@media(max-width:768px){.cc-about-process{padding:24px 18px}.cc-process-list{grid-template-columns:1fr;gap:25px}.cc-process-list li{display:grid;grid-template-columns:44px 1fr;column-gap:14px;text-align:left;padding:16px}.cc-process-list .cc-icon{grid-row:1 / 3;width:44px;height:44px;margin:0}.cc-process-number{margin-bottom:2px}.cc-process-arrow{left:50%;top:100%;width:25px;height:25px;line-height:25px;transform:translateX(-50%) rotate(90deg)}}
.cc-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.cc-grid-two{grid-template-columns:repeat(2,minmax(0,1fr))}
.cc-grid-four{grid-template-columns:repeat(4,minmax(0,1fr))}
.cc-card{display:flex;flex-direction:column;padding:28px;border:1px solid #ecdbe6;border-radius:22px;background:#fff;box-shadow:0 12px 30px rgba(146,80,128,.06);transition:transform .2s,box-shadow .2s;min-width:0}
.cc-card:hover{transform:translateY(-4px);box-shadow:0 16px 40px rgba(146,80,128,.1)}
.cc-card .cc-button{margin-top:auto;align-self:flex-start}
.cc-card ul{padding-left:22px;margin:0 0 24px}
.cc-icon{display:flex;width:52px;height:52px;align-items:center;justify-content:center;border-radius:16px;background:#f8e9f0;color:#985080;margin-bottom:20px}
.cc-icon svg{width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.cc-card-image{border-radius:14px;margin-bottom:22px;aspect-ratio:8/5;object-fit:cover}
.cc-card-image.cc-area-photo{aspect-ratio:auto}
.cc-table-wrap{overflow-x:auto;border:1px solid #ecdbe6;border-radius:16px;background:#fff}
.cc-table{border-collapse:collapse;width:100%;font-size:16px}
.cc-table th,.cc-table td{padding:18px;text-align:left;border-bottom:1px solid #ecdbe6;vertical-align:top}
.cc-table thead th{background:#f1e4ed;color:#6d3b62}
.cc-table tbody tr:last-child>*{border-bottom:0}
.cc-banner{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:36px;border-radius:22px;border:1px solid #ecdbe6;background:linear-gradient(135deg,#f5eaf2,#fff)}
.cc-banner h2{font-size:25px}
.cc-banner p{margin:0}
.cc-banner .cc-button{flex-shrink:0}
.cc-contact-value{overflow-wrap:anywhere;font-size:18px}
.cc-card.cc-line-card{display:grid;grid-template-columns:minmax(0,1fr) 112px;gap:14px;align-items:center}
.cc-line-copy{display:flex;flex-direction:column;align-self:stretch;min-width:0}
.cc-line-copy .cc-button{padding-left:16px;padding-right:16px}
.cc-main a.cc-line-qr{display:block;text-align:center;text-decoration:none;color:#7d476d}
.cc-line-qr-image{display:block;width:112px;height:112px;padding:10px;background:#fff;border:1px solid #ecdbe6;border-radius:10px}
.cc-line-qr-image img{width:100%;height:100%;object-fit:contain;image-rendering:pixelated}
.cc-line-qr-caption{display:block;margin-top:8px;font-size:12px;line-height:1.5}
@media(max-width:360px){.cc-card.cc-line-card{grid-template-columns:minmax(0,1fr) 100px;gap:10px}.cc-line-qr-image{width:100px;height:100px;padding:8px}.cc-line-copy .cc-button{padding-left:12px;padding-right:12px}}
.cc-faq{max-width:920px;margin:0 auto}
.cc-faq-item{border:1px solid #eadde6;border-radius:14px;margin-bottom:14px;background:#fff;overflow:hidden}
.cc-faq-item h3{margin:0;font-size:18px}
.cc-faq-button{display:flex;justify-content:space-between;align-items:center;gap:18px;width:100%;padding:22px;text-align:left;background:transparent;border:0;font:inherit;color:#6d3b62;cursor:pointer;line-height:1.6}
.cc-faq-button::after{content:'+';font-size:24px;flex-shrink:0}
.cc-faq-button[aria-expanded='true']::after{content:'−'}
.cc-faq-answer{padding:0 22px 22px}
.cc-faq-answer[hidden]{display:none}
.cc-faq-answer p:last-child{margin:0}
.cc-warning{padding:22px;border-left:4px solid #985080;background:#faf1f7;border-radius:10px;margin:20px 0}
.cc-warning-list{display:flex;gap:10px;flex-wrap:wrap;list-style:none;padding:0;margin:12px 0 0}
.cc-warning-list li{padding:8px 12px;border:1px solid #e7c6d9;border-radius:8px;background:#fff}
.cc-main a:not(.cc-button){color:#7d476d}
.cc-main a:focus-visible,.cc-main button:focus-visible,.cc-table-wrap:focus-visible{outline:3px solid #985080;outline-offset:3px}
.cc-page .foot1{height:auto;min-height:40px;padding:12px;line-height:1.8}
.cc-page .footer-policy-links a{color:inherit}
@media(max-width:1000px){.cc-grid-four{grid-template-columns:repeat(2,minmax(0,1fr))}.cc-grid{gap:18px}.cc-card{padding:22px}.cc-hero-grid,.cc-story-grid{gap:28px}}
@media(max-width:768px){
 .cc-main{padding-top:60px}.cc-wrap{padding:0 20px}.cc-hero{padding:24px 0 36px}.cc-hero-grid,.cc-story-grid,.cc-grid,.cc-grid-two,.cc-grid-four{grid-template-columns:1fr}.cc-hero-image{max-width:520px;margin:auto}.cc-main h2{font-size:25px}.cc-section{padding:40px 0}.cc-banner{display:block;padding:26px}.cc-banner .cc-button{margin-top:20px}.cc-table th,.cc-table td{padding:12px 10px;font-size:14px}.cc-faq-button{padding:18px}.cc-faq-answer{padding:0 18px 18px}
}
@media(prefers-reduced-motion:reduce){.cc-card,.cc-main a.cc-button{transition:none}.cc-card:hover,.cc-main a.cc-button:hover{transform:none}}