* {
margin: 0;
padding: 0;
box-sizing: border-box;
font-family: 'Segoe UI', 'Microsoft YaHei', sans-serif;
}
body {
background: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);
min-height: 100vh;
padding: 20px;
color: #333;
}
.container {
max-width: 1200px;
margin: 0 auto;
} .header {
text-align: center;
margin-bottom: 40px;
padding: 30px 20px;
background: #DDD6C2;
border-radius: 20px;
box-shadow: 0 10px 30px rgba(0,0,0,0.08);
}
.header h1 {
color: #2c3e50;
font-size: 2.8rem;
margin-bottom: 15px;
font-weight: 700;
display: flex;
align-items: center;
justify-content: center;
gap: 15px;
}
.header h1 i {
color: #3498db;
background: linear-gradient(135deg, #3498db, #2c3e50);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.header p {
color: #7f8c8d;
font-size: 1.2rem;
max-width: 600px;
margin: 0 auto;
line-height: 1.6;
} .main-content {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 40px;
margin-bottom: 40px;
}
@media (max-width: 992px) {
.main-content {
grid-template-columns: 1fr;
}
} .input-panel {
background: white;
border-radius: 20px;
padding: 40px;
box-shadow: 0 15px 35px rgba(0, 0, 0, 0.1);
transition: transform 0.3s ease;
border: 1px solid rgba(52, 152, 219, 0.1);
}
.input-panel:hover {
transform: translateY(-5px);
box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15);
}
.panel-title {
font-size: 1.8rem;
color: #3498db;
margin-bottom: 35px;
padding-bottom: 20px;
border-bottom: 3px solid #f0f0f0;
display: flex;
align-items: center;
gap: 15px;
}
.panel-title i {
font-size: 1.5rem;
background: #3498db;
color: white;
width: 50px;
height: 50px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
box-shadow: 0 5px 15px rgba(52, 152, 219, 0.3);
} .form-group {
margin-bottom: 30px;
}
.form-label {
display: block;
margin-bottom: 12px;
font-weight: 600;
color: #2c3e50;
font-size: 1.15rem;
display: flex;
align-items: center;
gap: 10px;
}
.form-label i {
color: #3498db;
width: 24px;
font-size: 1.2rem;
} .hsk-levels {
display: flex;
flex-wrap: wrap;
gap: 12px;
margin-top: 12px;
}
.hsk-level {
flex: 1;
min-width: 70px;
}
.hsk-level input[type="radio"] {
display: none;
}
.hsk-level label {
display: block;
padding: 14px 8px;
text-align: center;
background: #f8f9fa;
border-radius: 12px;
cursor: pointer;
font-weight: 700;
transition: all 0.3s;
border: 2px solid transparent;
font-size: 1.1rem;
} .hsk-level:nth-child(1) input[type="radio"]:checked + label { background: #ff7675; color: white; }
.hsk-level:nth-child(2) input[type="radio"]:checked + label { background: #fd79a8; color: white; }
.hsk-level:nth-child(3) input[type="radio"]:checked + label { background: #a29bfe; color: white; }
.hsk-level:nth-child(4) input[type="radio"]:checked + label { background: #74b9ff; color: white; }
.hsk-level:nth-child(5) input[type="radio"]:checked + label { background: #55efc4; color: #2d3436; }
.hsk-level:nth-child(6) input[type="radio"]:checked + label { background: #ffeaa7; color: #2d3436; }
.hsk-level:nth-child(7) input[type="radio"]:checked + label { background: #dfe6e9; color: #2d3436; }
.hsk-level input[type="radio"]:checked + label {
transform: scale(1.08);
box-shadow: 0 8px 20px rgba(0,0,0,0.15);
} .form-control {
width: 100%;
padding: 18px 22px;
border: 2px solid #e0e0e0;
border-radius: 15px;
font-size: 1.15rem;
transition: all 0.3s;
background: #fafafa;
}
.form-control:focus {
outline: none;
border-color: #3498db;
background: white;
box-shadow: 0 0 0 4px rgba(52, 152, 219, 0.15);
}
textarea.form-control {
min-height: 120px;
resize: vertical;
font-family: inherit;
line-height: 1.6;
} .char-counter {
text-align: right;
font-size: 0.95rem;
color: #7f8c8d;
margin-top: 10px;
}
.char-counter.warning {
color: #e74c3c;
font-weight: 600;
} .word-tags {
display: flex;
flex-wrap: wrap;
gap: 12px;
margin-top: 15px;
}
.word-tag {
background: linear-gradient(135deg, #e3f2fd, #bbdefb);
padding: 10px 18px;
border-radius: 25px;
display: flex;
align-items: center;
gap: 10px;
font-weight: 600;
color: #1565c0;
box-shadow: 0 4px 10px rgba(21, 101, 192, 0.1);
animation: tagAppear 0.3s ease;
}
@keyframes tagAppear {
from { opacity: 0; transform: scale(0.8); }
to { opacity: 1; transform: scale(1); }
}
.word-tag .remove-tag {
background: none;
border: none;
color: #e74c3c;
cursor: pointer;
font-size: 1.3rem;
line-height: 1;
width: 24px;
height: 24px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
transition: all 0.2s;
}
.word-tag .remove-tag:hover {
background: rgba(231, 76, 60, 0.1);
} .submit-btn {
width: 100%;
padding: 22px;
background: linear-gradient(135deg, #3498db, #2c3e50);
color: white;
border: none;
border-radius: 15px;
font-size: 1.4rem;
font-weight: 700;
cursor: pointer;
transition: all 0.3s;
display: flex;
align-items: center;
justify-content: center;
gap: 15px;
margin-top: 20px;
letter-spacing: 1px;
box-shadow: 0 10px 25px rgba(52, 152, 219, 0.3);
}
.submit-btn:hover {
background: linear-gradient(135deg, #2980b9, #1c2833);
transform: translateY(-5px);
box-shadow: 0 15px 30px rgba(0, 0, 0, 0.2);
}
.submit-btn:active {
transform: translateY(0);
}
.submit-btn:disabled {
background: #bdc3c7;
cursor: not-allowed;
transform: none;
box-shadow: none;
} .output-panel {
background: white;
border-radius: 20px;
padding: 40px;
box-shadow: 0 15px 35px rgba(0, 0, 0, 0.1);
display: flex;
flex-direction: column;
border: 1px solid rgba(46, 204, 113, 0.1);
}
.output-header {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 30px;
padding-bottom: 20px;
border-bottom: 3px solid #f0f0f0;
}
.output-title {
font-size: 1.8rem;
color: #2ecc71;
display: flex;
align-items: center;
gap: 15px;
}
.output-title i {
background: #2ecc71;
color: white;
width: 50px;
height: 50px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
box-shadow: 0 5px 15px rgba(46, 204, 113, 0.3);
}
.word-count {
background: #f0f0f0;
padding: 10px 20px;
border-radius: 25px;
font-weight: 700;
color: #7f8c8d;
font-size: 1.1rem;
} .story-output {
flex: 1;
background: #fafafa;
border-radius: 15px;
padding: 30px;
font-size: 1.2rem;
line-height: 1.9;
color: #2c3e50;
overflow-y: auto;
min-height: 450px;
border: 2px dashed #e0e0e0;
text-align: justify;
}
.story-output.empty {
display: flex;
align-items: center;
justify-content: center;
color: #bdc3c7;
font-style: italic;
text-align: center;
font-size: 1.3rem;
padding: 60px;
flex-direction: column;
gap: 20px;
}
.story-output.empty i {
font-size: 4rem;
opacity: 0.5;
} .highlight-word {
background: linear-gradient(135deg, #fff9c4, #fff59d);
padding: 3px 8px;
border-radius: 6px;
font-weight: bold;
color: #f39c12;
box-shadow: 0 3px 8px rgba(243, 156, 18, 0.2);
margin: 0 2px;
} .loading {
text-align: center;
padding: 60px 40px;
}
.spinner {
width: 70px;
height: 70px;
border: 6px solid #f3f3f3;
border-top: 6px solid #3498db;
border-radius: 50%;
animation: spin 1.2s linear infinite;
margin: 0 auto 30px;
}
@keyframes spin {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
} .action-buttons {
display: flex;
gap: 20px;
margin-top: 30px;
}
.action-btn {
flex: 1;
padding: 18px;
border: none;
border-radius: 12px;
font-weight: 700;
cursor: pointer;
transition: all 0.3s;
display: flex;
align-items: center;
justify-content: center;
gap: 12px;
font-size: 1.1rem;
letter-spacing: 0.5px;
}
.copy-btn {
background: linear-gradient(135deg, #e3f2fd, #bbdefb);
color: #1565c0;
}
.copy-btn:hover {
background: linear-gradient(135deg, #bbdefb, #90caf9);
transform: translateY(-3px);
box-shadow: 0 8px 20px rgba(21, 101, 192, 0.2);
}
.download-btn {
background: linear-gradient(135deg, #e8f5e9, #c8e6c9);
color: #2e7d32;
}
.download-btn:hover {
background: linear-gradient(135deg, #c8e6c9, #a5d6a7);
transform: translateY(-3px);
box-shadow: 0 8px 20px rgba(46, 125, 50, 0.2);
}
.action-btn:disabled {
opacity: 0.5;
cursor: not-allowed;
transform: none !important;
box-shadow: none !important;
} .footer {
text-align: center;
padding: 40px 20px;
color: #7f8c8d;
font-size: 1rem;
border-top: 1px solid rgba(0,0,0,0.05);
margin-top: 60px;
background: white;
border-radius: 20px;
box-shadow: 0 10px 30px rgba(0,0,0,0.05);
}
.footer p:first-child {
font-size: 1.1rem;
margin-bottom: 10px;
color: #2c3e50;
} @media (max-width: 768px) {
.header h1 {
font-size: 2.2rem;
flex-direction: column;
gap: 10px;
}
.input-panel, .output-panel {
padding: 25px;
}
.action-buttons {
flex-direction: column;
}
.hsk-level label {
padding: 12px 5px;
font-size: 1rem;
}
.submit-btn {
padding: 18px;
font-size: 1.2rem;
}
} .sample-story {
font-size: 1.2rem;
line-height: 1.9;
text-align: justify;
} .story-output::-webkit-scrollbar {
width: 8px;
}
.story-output::-webkit-scrollbar-track {
background: #f1f1f1;
border-radius: 10px;
}
.story-output::-webkit-scrollbar-thumb {
background: #c1c1c1;
border-radius: 10px;
}
.story-output::-webkit-scrollbar-thumb:hover {
background: #a8a8a8;
}#wp_weixin_oa_subscribe{margin:20px auto;width:280px}#wp_weixin_oa_subscribe h1{font-size:2em;margin:0 auto;display:block;text-align:center}#wp_weixin_oa_subscribe p{margin:15px 0 0;font-size:.9em;text-align:center}#wp_weixin_oa_subscribe img{margin:0 auto;display:block;width:auto;max-height:250px}@font-face{font-weight:400;font-style:normal;font-family:weui;src:url(data:application/octet-stream;base64,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) format('truetype')}[class*=" weui-icon-"],[class^=weui-icon-]{display:inline-block;font:14px/1 weui;font-size:inherit;vertical-align:bottom;text-rendering:auto;-webkit-font-smoothing:antialiased}[class*=" weui-icon-"]:before,[class^=weui-icon-]:before{display:inline-block;margin-left:.2em;margin-right:.2em}.weui-icon-info-circle,.weui-icon-success{color:#09bb07}.weui-icon-cancel,.weui-icon-warn{color:#f43530}.weui-icon-success:before{content:"\EA06"}.weui-icon-warn:before{content:"\EA0B"}.weui-icon-info-circle:before{content:"\EA0C"}.weui-icon-cancel:before{content:"\EA0D"}html.wechat{margin-top:0!important}body.force-wechat,body.wechat-layout,body.wechat-scan-result{line-height:1.6;font-family:-apple-system-font,BlinkMacSystemFont,"Helvetica Neue","PingFang SC","Hiragino Sans GB","Microsoft YaHei UI","Microsoft YaHei",Arial,sans-serif;color:#353535;font-size:14px;background-color:#f6f8f9;text-align:center;width:100%}body.wechat-layout.blank{background-color:#fff}.wechat-scan-result #wpadminbar{display:none}.weui-desktop-head{background-color:#fff;box-shadow:0 1px 4px 0 rgba(238,238,238,.5);padding:20px}.weui-desktop-account{background-image:url(//iputonghua.cn/wp-content/plugins/wp-weixin/images/wechat-icon.svg);background-size:contain;background-position:center center;background-repeat:no-repeat;height:40px}.wechat-layout .desktop-qr-inner h2{font-size:26px;font-weight:400;line-height:1;margin-top:40px;margin-bottom:40px}.wechat-layout .desktop-qr-inner{max-width:650px;margin-left:auto;margin-right:auto}.wechat-layout .desktop-account-content,.wechat-layout .desktop-qr-content{margin-bottom:30px;background-color:#fff;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;box-shadow:0 1px 5px 0 rgba(0,0,0,.05);position:relative;padding:40px;min-height:500px}.force-wechat-qr-code{margin:0 auto;display:block;width:220px;height:220px}.wechat-layout .desktop-qr-content .message{margin-top:30px;color:#9a9a9a;display:none}.wp-weixin-qr-code{margin:0 auto;display:block;visibility:hidden;width:220px;height:220px}.wechat-layout.force-wechat .desktop-qr-content .message{display:block}.wechat-layout .desktop-qr-content .message .error,.wechat-layout .desktop-qr-content .message .failure,.wechat-layout .desktop-qr-content .message .network-off,.wechat-layout .desktop-qr-content .message .network-on,.wechat-layout .desktop-qr-content .message .redirect-message,.wechat-layout .desktop-qr-content .message .success,.wechat-layout .desktop-qr-content .message .waiting{display:none;line-height:14px}.wechat-layout .desktop-qr-code-container{background-image:url(//iputonghua.cn/wp-content/plugins/wp-weixin/images/qr-placeholder.png);background-size:contain;height:220px;width:220px;margin:0 auto}.wechat-layout .desktop-headimg-container{margin:0 auto;height:132px;width:132px}.wechat-layout .mobile-scan-inner{max-width:320px;margin:40px auto 0}.wechat-layout .desktop-account-content-inner,.wechat-layout .desktop-qr-content-inner{margin:0 auto;max-width:320px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.wechat-layout .desktop-account-content-inner{padding:20px 0}.wechat-layout .desktop-account-content .message .nickname,.wechat-layout .mobile-scan-content .message{font-size:20px;margin-top:30px;color:#000}.wechat-layout .desktop-account-content .message .info,.wechat-layout .desktop-account-content .message .nickname{margin:20px 0}.wechat-layout .desktop-account-content .message .info,.wechat-layout .mobile-scan-content .message .error{font-size:14px;color:#9a9a9a}.wechat-layout .mobile-scan-graphic-container i{font-size:93px;margin:0 auto}.wp-wx-wp-account-edit svg{vertical-align:bottom}.wp-wx-um-after-account-general-button svg,.wp-wx-woocommerce-edit-account-form-end svg{vertical-align:text-top}.weui-btn{position:relative;display:block;margin-left:auto;margin-right:auto;padding-left:14px;padding-right:14px;box-sizing:border-box;font-size:18px;text-align:center;text-decoration:none;color:#fff;line-height:2.55555556;border-radius:5px;-webkit-tap-highlight-color:transparent;overflow:hidden}.weui-btn_warn{background-color:#e64340}.weui-btn_default{color:#000;background-color:#f8f8f8}.weui-btn_mini{display:inline-block;padding:0 1.32em;line-height:2.3;font-size:13px;border:1px solid rgba(0,0,0,.2);border-radius:5px;box-sizing:border-box}.wp-weixin-public-info table{word-break:break-all}.wp-weixin-public-info table td,.wp-weixin-public-info table th{padding:.75em 1.41575em}.weui-mask_transparent{position:fixed;z-index:1000;top:0;right:0;left:0;bottom:0}.weui-toast{position:fixed;z-index:5000;width:7.6em;min-height:7.6em;top:50%;left:50%;transform:translate(0,-50%);margin-left:-3.8em;background:rgba(17,17,17,.7);text-align:center;border-radius:5px;color:#fff}.weui-icon_toast.weui-loading{margin:30px 0 0;width:38px;height:38px;vertical-align:baseline}.weui-loading{width:20px;height:20px;display:inline-block;vertical-align:middle;-webkit-animation:1s steps(12,end) infinite weuiLoading;animation:1s steps(12,end) infinite weuiLoading;background:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMjAiIGhlaWdodD0iMTIwIiB2aWV3Qm94PSIwIDAgMTAwIDEwMCI+PHBhdGggZmlsbD0ibm9uZSIgZD0iTTAgMGgxMDB2MTAwSDB6Ii8+PHJlY3Qgd2lkdGg9IjciIGhlaWdodD0iMjAiIHg9IjQ2LjUiIHk9IjQwIiBmaWxsPSIjRTlFOUU5IiByeD0iNSIgcnk9IjUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAgLTMwKSIvPjxyZWN0IHdpZHRoPSI3IiBoZWlnaHQ9IjIwIiB4PSI0Ni41IiB5PSI0MCIgZmlsbD0iIzk4OTY5NyIgcng9IjUiIHJ5PSI1IiB0cmFuc2Zvcm09InJvdGF0ZSgzMCAxMDUuOTggNjUpIi8+PHJlY3Qgd2lkdGg9IjciIGhlaWdodD0iMjAiIHg9IjQ2LjUiIHk9IjQwIiBmaWxsPSIjOUI5OTlBIiByeD0iNSIgcnk9IjUiIHRyYW5zZm9ybT0icm90YXRlKDYwIDc1Ljk4IDY1KSIvPjxyZWN0IHdpZHRoPSI3IiBoZWlnaHQ9IjIwIiB4PSI0Ni41IiB5PSI0MCIgZmlsbD0iI0EzQTFBMiIgcng9IjUiIHJ5PSI1IiB0cmFuc2Zvcm09InJvdGF0ZSg5MCA2NSA2NSkiLz48cmVjdCB3aWR0aD0iNyIgaGVpZ2h0PSIyMCIgeD0iNDYuNSIgeT0iNDAiIGZpbGw9IiNBQkE5QUEiIHJ4PSI1IiByeT0iNSIgdHJhbnNmb3JtPSJyb3RhdGUoMTIwIDU4LjY2IDY1KSIvPjxyZWN0IHdpZHRoPSI3IiBoZWlnaHQ9IjIwIiB4PSI0Ni41IiB5PSI0MCIgZmlsbD0iI0IyQjJCMiIgcng9IjUiIHJ5PSI1IiB0cmFuc2Zvcm09InJvdGF0ZSgxNTAgNTQuMDIgNjUpIi8+PHJlY3Qgd2lkdGg9IjciIGhlaWdodD0iMjAiIHg9IjQ2LjUiIHk9IjQwIiBmaWxsPSIjQkFCOEI5IiByeD0iNSIgcnk9IjUiIHRyYW5zZm9ybT0icm90YXRlKDE4MCA1MCA2NSkiLz48cmVjdCB3aWR0aD0iNyIgaGVpZ2h0PSIyMCIgeD0iNDYuNSIgeT0iNDAiIGZpbGw9IiNDMkMwQzEiIHJ4PSI1IiByeT0iNSIgdHJhbnNmb3JtPSJyb3RhdGUoLTE1MCA0NS45OCA2NSkiLz48cmVjdCB3aWR0aD0iNyIgaGVpZ2h0PSIyMCIgeD0iNDYuNSIgeT0iNDAiIGZpbGw9IiNDQkNCQ0IiIHJ4PSI1IiByeT0iNSIgdHJhbnNmb3JtPSJyb3RhdGUoLTEyMCA0MS4zNCA2NSkiLz48cmVjdCB3aWR0aD0iNyIgaGVpZ2h0PSIyMCIgeD0iNDYuNSIgeT0iNDAiIGZpbGw9IiNEMkQyRDIiIHJ4PSI1IiByeT0iNSIgdHJhbnNmb3JtPSJyb3RhdGUoLTkwIDM1IDY1KSIvPjxyZWN0IHdpZHRoPSI3IiBoZWlnaHQ9IjIwIiB4PSI0Ni41IiB5PSI0MCIgZmlsbD0iI0RBREFEQSIgcng9IjUiIHJ5PSI1IiB0cmFuc2Zvcm09InJvdGF0ZSgtNjAgMjQuMDIgNjUpIi8+PHJlY3Qgd2lkdGg9IjciIGhlaWdodD0iMjAiIHg9IjQ2LjUiIHk9IjQwIiBmaWxsPSIjRTJFMkUyIiByeD0iNSIgcnk9IjUiIHRyYW5zZm9ybT0icm90YXRlKC0zMCAtNS45OCA2NSkiLz48L3N2Zz4=) 0 0/100% no-repeat}@-webkit-keyframes weuiLoading{0%{transform:rotate3d(0,0,1,0deg)}100%{transform:rotate3d(0,0,1,360deg)}}@keyframes weuiLoading{0%{transform:rotate3d(0,0,1,0deg)}100%{transform:rotate3d(0,0,1,360deg)}}.weui-icon_toast{margin:22px 0 0}.weui-toast__content{margin:0 0 15px}