/* 计算机到底能做什么？ / What Can Computers Actually Do? */

.wccd-story{color:var(--article-text-color);font-size:14px;line-height:1.6}
.wccd-story *{box-sizing:border-box}
.wccd-story img{display:block;max-width:100%}
.wccd-story p{margin:0 0 12px}
.wccd-story strong{color:var(--article-heading-color)}
.wccd-section{margin-top:22px;scroll-margin-top:110px}
.wccd-story .wccd-section>h2{display:flex;align-items:center;gap:14px;margin:0 0 8px;color:var(--article-heading-color);font-size:20px;line-height:1.35;font-weight:900}
.wccd-number{display:inline-flex;flex:0 0 38px;height:38px;align-items:center;justify-content:center;border-radius:50%;background:#0752ff;color:#fff;font-size:16px;font-weight:700}

.wccd-scene-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:14px}
.wccd-scene{min-width:0;padding:16px 10px 13px;border:1px solid #e1ecff;border-radius:14px;background:linear-gradient(180deg,#f3f8ff,#fff);text-align:center}
.wccd-scene__icon{display:inline-flex;width:66px;height:66px;align-items:center;justify-content:center;margin-bottom:7px;border-radius:20px;background:#eaf2ff;color:#0752ff;font-size:30px}
.wccd-story .wccd-scene h3{margin:0 0 4px;color:var(--article-heading-color);font-size:15px}
.wccd-scene p{margin:0;color:#5d7199;font-size:12px}

.wccd-question,.wccd-idea,.wccd-warning{display:flex;gap:12px;align-items:center;margin-top:14px;padding:14px 16px;border-radius:14px}
.wccd-question{border:1px solid #ddd4ff;background:#f7f3ff}
.wccd-question__icon{display:inline-flex;width:52px;height:52px;flex:0 0 52px;align-items:center;justify-content:center;font-size:32px}
.wccd-story .wccd-question h3,.wccd-story .wccd-idea h3,.wccd-story .wccd-warning h3{margin:0 0 3px;font-size:15px}
.wccd-question p,.wccd-idea p,.wccd-warning p{margin:0}

.wccd-abilities{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;margin-top:14px}
.wccd-ability{display:grid;grid-template-columns:78px minmax(0,1fr);gap:12px;align-items:center;min-width:0;padding:13px;border:1px solid #e3ecff;border-radius:15px;background:#f9fbff}
.wccd-ability__visual{display:flex;width:78px;height:78px;align-items:center;justify-content:center;border-radius:20px;background:#eaf4ff}
.wccd-ability__visual>span{color:#0752ff;font-size:31px}
.wccd-ability__visual img{width:62px;height:62px;object-fit:contain}
.wccd-story .wccd-ability h3{margin:0 0 4px;color:var(--article-heading-color);font-size:16px}
.wccd-ability p{margin:0 0 4px;font-size:13px}
.wccd-ability small{display:block;color:#7181a3;font-size:11px;line-height:1.45}
.wccd-combine{margin-top:13px;padding:14px 16px;border-radius:14px;background:#eef9f0}
.wccd-combine__title{display:flex;gap:8px;align-items:center;margin-bottom:5px;color:#188544;font-size:15px;font-weight:800}
.wccd-combine p{margin:0}

.wccd-program-flow{display:grid;grid-template-columns:1fr 36px 1.35fr 36px 1fr;gap:8px;align-items:center;margin-top:14px}
.wccd-program-flow__computer,.wccd-program-result{display:flex;min-height:168px;align-items:center;justify-content:center;flex-direction:column;padding:14px;border-radius:16px;text-align:center}
.wccd-program-flow__computer{background:#eef5ff}
.wccd-program-flow__screen{margin-bottom:8px;color:#0752ff;font-size:58px;line-height:1}
.wccd-program-flow__computer strong,.wccd-program-result strong{font-size:16px}
.wccd-program-flow__arrow{color:#4f82ff;font-size:27px;font-weight:900;text-align:center}
.wccd-program-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.wccd-program-list div{display:flex;min-height:76px;align-items:center;justify-content:center;flex-direction:column;gap:4px;padding:9px;border:1px solid #e6ddff;border-radius:13px;background:#f8f5ff;color:#5742a2;text-align:center}
.wccd-program-list i{font-size:25px}
.wccd-program-list span{color:var(--article-heading-color);font-size:12px;font-weight:700}
.wccd-program-result{background:#edf9f0}
.wccd-program-result strong{color:#168040}
.wccd-program-result span{margin-top:6px;color:#587360;font-size:12px}
.wccd-idea{align-items:flex-start;background:#eaf5ff}
.wccd-idea img,.wccd-warning img{width:54px;height:54px;flex:0 0 54px;object-fit:contain}
.wccd-story .wccd-idea h3{color:#0752ff}

.wccd-strengths{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:13px}
.wccd-strengths article{min-width:0;padding:14px 10px;border:1px solid #e3ecff;border-radius:14px;background:#f9fbff;text-align:center}
.wccd-strengths__icon{display:block;margin-bottom:5px;font-size:32px}
.wccd-story .wccd-strengths h3{margin:0 0 4px;color:var(--article-heading-color);font-size:15px}
.wccd-strengths p{margin:0;color:#5a6e97;font-size:12px}
.wccd-example{display:grid;grid-template-columns:1.25fr 1fr 1fr;gap:10px;margin-top:13px}
.wccd-example>div{padding:13px;border-radius:14px}
.wccd-example__problem{display:flex;align-items:center;background:#fff7df;color:#8b6200;font-weight:800}
.wccd-example__human{background:#fff1f4}
.wccd-example__computer{background:#ecfaef}
.wccd-example strong{display:block;margin-bottom:4px;font-size:14px}
.wccd-example p{margin:0;font-size:12px}

.wccd-limits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:13px}
.wccd-limits article{display:flex;gap:10px;min-width:0;align-items:flex-start;padding:14px;border:1px solid #e6e9f3;border-radius:14px;background:#fbfcff}
.wccd-limits article>span{display:inline-flex;width:42px;height:42px;flex:0 0 42px;align-items:center;justify-content:center;border-radius:12px;background:#eef3ff;color:#0752ff;font-size:20px}
.wccd-story .wccd-limits h3{margin:0 0 4px;color:var(--article-heading-color);font-size:14px}
.wccd-limits p{margin:0;color:#627396;font-size:12px}
.wccd-warning{border:1px solid #ffd0dc;background:#fff2f6}
.wccd-story .wccd-warning h3{color:#d83265}

.wccd-summary{display:flex;gap:12px;margin-top:22px;padding:18px;border-radius:16px;background:#e9f3ff;scroll-margin-top:110px}
.wccd-summary__icon{width:54px;height:54px;flex:0 0 54px;object-fit:contain}
.wccd-story .wccd-summary h2{margin:0 0 7px;color:#0752ff;font-size:19px}
.wccd-summary ul{margin:0;padding-left:20px;line-height:1.75}
.wccd-summary__next{margin:10px 0 0!important;padding-top:10px;border-top:1px dashed #b8d3f6}
.wccd-summary__next em{color:#0752ff;font-style:normal;font-weight:800}

.wccd-pagination{display:flex;justify-content:space-between;gap:18px;margin-top:14px}
.wccd-pagination a{display:flex;align-items:center;gap:10px;max-width:49%;padding:10px 13px;border:1px solid #d9e7ff;border-radius:12px;background:#ffffffb3;text-decoration:none;box-shadow:0 3px 10px #c5dbff30}
.wccd-pagination a:last-child{text-align:right}
.wccd-pagination strong{display:block;color:#0752ff;font-size:16px}
.wccd-pagination small{display:block;color:#576b9f;font-size:12px}
.wccd-pagination__arrow{display:inline-flex;width:31px;height:31px;flex:0 0 31px;align-items:center;justify-content:center;border:1px solid #d9e7ff;border-radius:7px;color:#0752ff;font-size:22px}
.wccd-pagination a:hover{background:#edf4ff}
.wccd-pagination a:focus-visible{outline:3px solid #0752ff;outline-offset:3px}

@media(max-width:900px){
    .wccd-scene-grid,.wccd-strengths{grid-template-columns:repeat(2,minmax(0,1fr))}
    .wccd-program-flow{grid-template-columns:minmax(0,1fr)}
    .wccd-program-flow__arrow{transform:rotate(90deg)}
    .wccd-program-flow__computer,.wccd-program-result{min-height:auto}
}

@media(max-width:640px){
    .wccd-story{font-size:12px;line-height:1.6}
    .wccd-section{margin-top:18px}
    .wccd-story .wccd-section>h2{gap:9px;margin-bottom:6px;font-size:16px}
    .wccd-number{flex-basis:31px;height:31px;font-size:14px}
    .wccd-scene-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
    .wccd-scene{padding:11px 7px}
    .wccd-scene__icon{width:52px;height:52px;border-radius:16px;font-size:24px}
    .wccd-story .wccd-scene h3{font-size:14px}
    .wccd-scene p{font-size:10px}
    .wccd-question,.wccd-idea,.wccd-warning{padding:11px 12px;gap:9px}
    .wccd-question__icon,.wccd-idea img,.wccd-warning img{width:44px;height:44px;flex-basis:44px}
    .wccd-abilities{grid-template-columns:minmax(0,1fr);gap:8px}
    .wccd-ability{grid-template-columns:62px minmax(0,1fr);gap:9px;padding:10px}
    .wccd-ability__visual{width:62px;height:62px;border-radius:16px}
    .wccd-ability__visual>span{font-size:25px}
    .wccd-ability__visual img{width:50px;height:50px}
    .wccd-story .wccd-ability h3{font-size:14px}
    .wccd-ability p{font-size:11px}
    .wccd-ability small{font-size:10px}
    .wccd-program-flow{gap:7px}
    .wccd-program-list{gap:7px}
    .wccd-program-flow__screen{font-size:46px}
    .wccd-strengths{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
    .wccd-strengths article{padding:11px 8px}
    .wccd-strengths__icon{font-size:27px}
    .wccd-story .wccd-strengths h3{font-size:14px}
    .wccd-strengths p{font-size:10px}
    .wccd-example{grid-template-columns:minmax(0,1fr);gap:8px}
    .wccd-limits{grid-template-columns:minmax(0,1fr);gap:8px}
    .wccd-summary{padding:14px;gap:8px}
    .wccd-summary__icon{width:44px;height:44px;flex-basis:44px}
    .wccd-story .wccd-summary h2{font-size:17px}
    .wccd-pagination{gap:9px}
    .wccd-pagination a{flex:1;min-width:0;padding:8px 6px;gap:5px}
    .wccd-pagination strong{font-size:13px}
    .wccd-pagination small{font-size:10px;line-height:1.35}
    .wccd-pagination__arrow{flex-basis:26px;width:26px;height:27px;font-size:18px}
}